/*
Theme Name:     WPCrafter.com
Description:    Site by WPCrafter.com
Author:         WPCrafter.com
Template:       TESSERACT

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

html {
	height: 100%;
	box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 180px;
  min-height: 100%;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1e73be;
  text-align: center;
}

/* The version and release, in the bottom right corner of the footer image.
   Quiet on purpose: it is there to be read out to support, not to be
   noticed.

   Absolute inside .footer, which is itself positioned, so it lies on the
   image. Light text because that image is dark blue. */
.site-version {
  position: absolute;
  right: 20px;
  bottom: 6px;
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
  color: #ffffff;
  opacity: 0.65;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none !important; 
}

#masthead_TesseractTheme .search-field {
    color: black !important;
}

.sub-menu {
    border: 1px solid #5297B9;
    border-top: 0;
}

.nav-menu a {
font-weight: 400;
}

.fl-row-content-wrap {
	padding: 0px !important;
}

.fl-builder-content-primary {

    border-top: 1px solid #106198;
}

#site-banner {
    max-width: 1100px !important;
}

#site-navigation > ul > li > a {
    margin-top: 15px;
} 

#primary {
    min-height:100%;
}


body {/* Ordinary body redefined */ 
	font-size: 16px;
	color: black; 
	line-height: 160%;
	letter-spacing: 0px;
	font-weight: normal;
}


p {/* Ordinary paragraph redefined to get a smaller space between new lines */ 
	margin-bottom: 8px;
}


li .menu-item {
	margin-bottom: 0;!
}

.fl-photo-img {
	box-shadow: 0px 0px 8px 1px #bdbdbd; 
}

li { /* Redefine list element to get some air between bullet points */
	margin-bottom: 8px;
	}


h6 {/* Same as <p> but larger text */ 
	font-size: 22px;
	color: black; 
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 140%;
	margin-top: 1px;
	margin-bottom: 10px;
}

h5 {/* Same as <h6> but larger text */
	font-size: 24px;
	color: black; 
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 140%;
	margin-top: 1px;
	margin-bottom: 10px;
}

h4 {/* Same as <h5> but larger text */
	font-size: 26px;
	color: black; 
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 140%;
	margin-top: 1px;
	margin-bottom: 10px;
}


/* HEAD LINES */

h3 {/* Smallest headline */

	color: #006699; 
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {/* Used as headline */

	color: #006699; 
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 110%;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1 {/* Largest headline */
	font-size: 48px;
	color: #006699; 
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 110%;
	margin-top: 10px;
	margin-bottom: 20px;
}


/* The primary button background color */
.primary-button,
.woocommerce a.button.primary-button,
.woocommerce-page a.button.primary-button {
    background-color: #006699;
}

/* The primary button text color */
.primary-button,
.secondary-button,
.woocommerce a.button.primary-button,
.woocommerce-page a.button.primary-button,
.woocommerce a.button.secondary-button,
.woocommerce-page a.button.secondary-button {
    color: #fff!important;
    vertical-align: baseline;
    }

/* The primary button background hover color */
.primary-button:hover,
.woocommerce a.button.primary-button:hover,
.woocommerce-page a.button.primary-button:hover {
    background-color: #004e75;
}

.secondary-button,
.woocommerce a.button.secondary-button,
.woocommerce-page a.button.secondary-button  {
    background-color: transparent;
    border: 1px solid #fff;
}

.secondary-button:hover,
.woocommerce a.button.secondary-button:hover,
.woocommerce-page a.button.secondary-button:hover {
    background-color: #5BBC2E;
}



/* The Send button */
#ninja_forms_field_5 {
    background-color: #5BBC2E;
}

/* The Send button - hover - mouse over effect */
#ninja_forms_field_5:hover{
    background-color: #B0E54F;

}

.footer-style {
  display: table-cell;
  height: 100%;
  position: relative;
  right: 0;
  text-align: right;
  top: 0;
  vertical-align: middle;
  width: 13%;
  z-index: 99;
}

.expi-wrapper {
    width:100%;
}

.expi-footer {
    width:1000px;
margin:0 auto;
}

.expi-box h2 {
    padding:0 !important;
}

.expi-box {
Float:left;
    width:25%;
    color:#fff;
}

.expi-box a {
    color:#fff;
    text-decoration:none;
}

.expi-box a:hover {
    color:#F49636 
    text-decoration:underline;
}

@media screen and (max-width: 768px) {
	.expi-box {
		width:100%;
	} 

	.expi-box a {
		margin-left:10px;
	}

	.expi-box a.footer_header  {
		margin-left:0;
	}
}

.footer_header {
	display: block;
    color: #F49636;
    font-size: 21px;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    font-weight: 400;
    line-height: 1.2;
}

.footer_list {
	list-style-type: none;
margin-bottom: 0px;
}

.footer_list li {
	padding-left: 20px;
}

.site-footer {
    background-color: #006699 !important;
}

a.home {
	font-size:18px;
	font-weight:500;
	padding:10px 25px;
}

.leftSidebar {
    width: 70%;
    float: left;
}

.rightSidebar {
    width: 30%;
    float: left;
}

#secondary {
	width:100%
}

#sidebar-wrapper{
	width: 33.3%;
	float: left;
}

.service-search{
	margin: 20px 0;
}

.service-wrapper{
	width: 100%;
}

.service-wrapper h2{
	margin-bottom: 20px !important;
}

.service-wrapper h3{
	font-weight: bold;
	font-size: 16px;
	color: #000;
	margin-bottom: 5px !important;
}

.service-wrapper h4{
	font-size: 16px;
	color: #000;
	text-decoration: underline;
}

.service-wrapper p{
	margin-bottom: 20px !important;
}

.archive-page {
	margin-top: 20px;
}

.search-result-wrapper {
	background-color: #FFF;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	padding: 10px 10px;
	margin-top: 10px;
}

.search-result-wrapper h2 {
	margin-bottom: 10px !important;
}

.search-result-wrapper ul {
	padding: 0;
	margin: 0;
}

.search-result-wrapper ul li {
	list-style-type: none;
	margin: 0;
}