/* Custom.css - Knightandgrabowski.com - Scott Cathcart - 11-27-2014 */

/* Overrides/additions */
.top-bar .toggle-topbar.menu-icon { margin-top: 6px; top: 0; }
.top-bar section.top-bar-section { float: none !important; }
.contain-to-grid .top-bar { max-width: 100% !important; }
.full-width { max-width: 100%; }
.slick-next { right: -5px !important; }
.slick-prev { left: -5px !important; }
.box {
  background: #D8D5D2;
  float: left;
}
.box img {
  display: block;
  width: 100%;
}
#fullsize-image { text-align:center; }
#fullsize-image img { margin-left: auto; margin-right: auto; }
/* right margin value is 0.1% less than calculated,
  to allow for rounding errors in Firefox */
.fluid .box {
  margin: 1%;
  position: relative;
}
.box img { border-radius: 5px 5px 0 0 !important; }
.box p { margin-bottom: 0; margin-left: 5px;
font: 400 10px 'Open Sans', arial;
color: #FFF;  
position: absolute;
bottom: 0;
background-color: #000;
opacity: 0.7;
filter:alpha(opacity=70);
display: block; width: 100%;
padding:5px;
margin: 0 !important;
}
.enlarge { float: right; }
.fluid {
  float:none;
  padding: 0;
  margin:0 auto;
  margin-bottom:30px;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  width: 100%;
  max-width: 100%;
}

.fluid .box.col { width: 95%; }

	/* animations for the transition/reordering */
	.transitions-enabled.masonry,
	.transitions-enabled.masonry .masonry-brick {
	  -webkit-transition-duration: 0.7s;
	  -moz-transition-duration: 0.7s;
	  -ms-transition-duration: 0.7s;
	  -o-transition-duration: 0.7s;
	  transition-duration: 0.7s;
	}
	.transitions-enabled.masonry {
	  -webkit-transition-property: height, width;
	  -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	  -o-transition-property: height, width;
	  transition-property: height, width;
	}
	.transitions-enabled.masonry  .masonry-brick {
	  -webkit-transition-property: left, right, top;
	  -moz-transition-property: left, right, top;
	  -ms-transition-property: left, right, top;
	  -o-transition-property: left, right, top;
	  transition-property: left, right, top;
	}



/**** Clearfix ****/
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }

/* Layout */
html { height: 100%; width: 100%; }
body { height: 100%; width: 100%; background: url(../img/home1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  scroll-behavior: smooth;
}
/*  iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
	body {
		background-attachment: scroll !important;
		scroll-behavior: smooth;
	}
}

/* iPhone 5: */
@media screen and (device-aspect-ratio: 40/71) {
	body {
		background-attachment: scroll !important;
		scroll-behavior: smooth;
	}
}

/* iPhone 6: */
@media screen and (device-aspect-ratio: 667/375) {
	body {
		background-attachment: scroll !important;
		scroll-behavior: smooth;
	}
}

/* iPhone 6 Plus: */
@media screen and (device-aspect-ratio: 16/9) {
	body {
		background-attachment: scroll !important;
		scroll-behavior: smooth;
	}
}

/* iPad: */
@media screen and (device-aspect-ratio: 3/4) {
	body {
		background-attachment: scroll !important;
		scroll-behavior: smooth;
	}
}


#logo { position: absolute; top: 10px; right: 10px; width: 200px; }
#logo2 { width: 90px; padding: 5px; }

.callout { padding-left: 0.75rem !important; padding-right: 0.75rem !important; width: 100%; }
.main-sect { background-image: url(../img/diamond-pattern.png); padding: 20px;
	-webkit-box-shadow: 0 -4px 6px -5px #000;
	box-shadow: 0 -4px 6px -5px #000;
}
.content-section { margin: 20px; padding: 20px; background-color: #FFF; border-radius: 5px; }
.tagline { position: absolute; width: 100%; text-align: center; background-image:url(../img/40.png); }

.slider-buttons { display: block; margin-top: 45%; }
.tagline-content { display: none; }
#error403 .tagline-content { display: block; }
.slide-active { display: block; }


/* Fonts */
p { font-family: 'Open Sans',sans-serif; }
.tagline h1 { font-family: 'Tinos', serif; font-weight: 400; color: #FFF; }
.lit-active a { color: #445BEE !important; }

/* Pages */
.slide-blocks div.slick-slide { margin: 10px; }
.slick-prev:before, .slick-next:before { 
    color:#005BEE !important;
}
.testimonial-cont {
	background-color: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin: 5px;
}
.testimonial-cont p { font-size: 0.8rem; }
.testimonial-cont .slick-slide { margin: 5px; }
.left-quote { float: left; padding-right: 5px; color: #EEE; }
.right-quote { display: table; float: right; color: #EEE; }


/* Phone */
@media only screen {
body { padding-top: 50%; }
body.homepage { padding-top: 150%; }
.tagline  { top: 10px; }
.homepage .tagline { top: 15%; padding: 5px; }
#logo { width: 100px;}
#mobile-slider-nav .slider-buttons { margin-top: 0; }
.top-bar-section ul { width: 100%; }
#captcha-cont {position:relative;left:-50px;}
h1 { font-size: 1.75rem; }
#call-out-cont { position: relative; width: 100%; text-align: center; }
}

/* Phone Landscape */
@media only screen and (orientation: landscape) {
body { padding-top: 20%; }
body.homepage { padding-top: 75%; }
.homepage .tagline { top: 30%; }
h1 { font-size: 2.25rem; }
#call-out-cont { position: absolute; top: 5px; left: 10px; max-width:195px; }
}

/* Tablet */
@media only screen and (min-width: 40.063em) {
body { padding-top: 45%; }
body.homepage { padding-top: 75%; }
.homepage .tagline { top: 35%; padding: 10px; }
#logo { width: 115px; }
.top-bar-section ul { width: auto; }
.fluid .box.col { width: 30%; }
#captcha-cont {position:relative;left:auto;}
}

/* Tablet Landscape */
@media only screen and (min-width: 40.063em) and (orientation: landscape) {
body { padding-top: 20%; }
body.homepage { padding-top: 85%; }
.homepage .tagline { top: 20%; padding: 10px; }
.top-bar section.top-bar-section { float: left !important; }
h1 { font-size: 2.75rem; }
#call-out-cont { position: absolute; top: 5px; left: 10px; max-width:195px; }
}

/* Large */
@media only screen and (min-width: 64.063em) {
.homepage .tagline { top: 25%; }
body { padding-top: 10%; }
body.homepage { padding-top: 45%; }
#logo { width: 200px; }
}

/* xlarge displays */
@media only screen and (min-width: 90.063em) {
.homepage .tagline { top: 40%; }
}

/* xxlarge displays */
@media only screen and (min-width: 120.063em) {

}
.top-menu-filler { height: 45px; display: none; }
.f-topbar-fixed .top-menu-filler { display: block; }
.center { width: 100%; text-align: center; }

.vacancy-notice {  padding: 3px; text-align: right; padding-right: 5px; position: absolute; top: 0; width: 100%; background-image:url(../img/40.png); color: #CCC; }