/*
Theme Name: Core v1.81
Theme URI: http://crearemarketing.com
Author: Creare Marketing
Author URI: http://crearemarketing.com/
Description: Base theme for Creare Marketing designed sites.
Version: 1.8
License: Private License--not for use elsewhere except Creare Marketing.
Edit Date: 04/29/16
*/

/* Import the necessary TK Bootstrap WP CSS additions */
/*@import url( includes/css/bootstrap-wp.css );*/



/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
html, body {
	height:100%;
	margin:0;
	padding:0;
}

body {
    word-wrap: break-word;
}

#total-page-wrapper {
	box-sizing: border-box;
	min-height: 100%;
	padding: 0 0 100px;
	position: relative;
	overflow-x:hidden;
}

.site-footer {
	bottom: 0;
	height: auto;
	left: 0;
	position: absolute;
	width: 100%;
	margin-top:30px;
	padding-top:10px;
	padding-bottom:10px;
}


a:focus {
	color:inherit;
	text-decoration:none;
}

.btn {
	border:none;
}

.phone a {
	color:inherit;
}

.site-footer > .container {
	padding-bottom:0;
}

.site-header-inner {
	margin-top:15px;
}

.site-header-inner img {
	float:left;
	display:block;
}

/*.site-header .address,
.site-header .phone {
	clear:right;
	display:block;
}
*/
.site-header .address p {
	margin:0;
}

.site-header .other-header-text {
	display:block;
	float:left;
	clear:left;
}


.page-header {
	margin-top:15px;
	margin-bottom:0;
}

img.page-background {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
	z-index:-10;
}

a:hover {
	text-decoration:none;
}

.navbar {
	margin-bottom:0;
}

.navbar-toggle {
	clear:right;
}

.navbar-brand {
	height:auto;
	padding:0;
}

.navbar-default {
	background:none;
	border:none;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background:none;
}


.navbar-right {
	clear:right;
}

.img-responsive, 
.thumbnail > img, 
.thumbnail a > img, 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
	margin:0 auto;
	width:100%;
}

.main-content-inner p {
	margin-bottom:2em;
}

.main-content-inner ul {
	padding-left:4em;
	margin-bottom:2em;
}

.main-content-inner ul li {
	margin-bottom:.6em;
}

.main-content .testimonials {
	min-height:100px;
}

.main-content .testimonials p:before {
	content:'"';
}

.main-content .testimonials p {
	font-style:italic;
}
.main-content .testimonials .customer {
	font-style:normal;
}

.main-content .testimonials p span:before {
	content:'" -';
}

.map,
.embed-container  {
	position:relative; 
	padding-bottom:56.25%; 
	height:0; 
	overflow:hidden;
	max-width:100%;
}

.map iframe,
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.main-content-inner {
	/*padding-left:20px;
	padding-right:20px;*/
}


.footer-layout {
	padding:15px;
}

/*Extra Header Content*/
.extra-header-content {
	margin-top:8px;
}

.extra-header-content > a,
.extra-header-content > div {
	margin:0 15px;
}

.columned-section.row {
    margin-top: 15px;
}

.columned-section.row:first-of-type {
    margin-top: 0;
}

/*Social Icons*/
.social-icons,
.social-icons li {
	margin-left:0;
	padding-left:0;
	list-style:none;
	text-align:center;
}
.social-icons li {
	display:inline-block;
	margin-left:3px;
	margin-right:3px;
}

.extra-header-content .social-icons {
    text-align: left;
} 

/*Forms and Buttons*/
input,
textarea {
	background-color:#f6f6f6;
	border:none;
	border-radius:4px;
	line-height:1.4;
	padding:6px;
	width:100%;
}

.entry-content .wpcf7 {
    padding-right: 15px;
}

:-webkit-input-placeholder {
   color: #555555;
}

:-moz-placeholder { /* Firefox 18- */
   color: #555555;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #555555;  
}

:-ms-input-placeholder {  
   color: #555555;  
}

.additional-page-content-above {
	margin-bottom:15px;
}

.form-submit input {
    background-color: #ececec;
    width: 30%;
}
.form-submit input:hover {
	opacity:.5;
}

.form-submit input.submit {
    margin-bottom: 20px;
}

/*Carousel*/
.carousel-control.right,
.carousel-control.left {
	background-image:none;
}


.carousel .carousel-inner .large-screens, 
.carousel .carousel-inner .xs-screens,
.has-image-loader .large-screens,
.has-image-loader .xs-screens {
    display: none;
}

.carousel .carousel-inner .large-screens.image-loaded,
.carousel .carousel-inner .xs-screens.image-loaded,
.has-image-loader .large-screens.image-loaded,
.has-image-loader .xs-screens.image-loaded {
}

.background-image .page-background.large-screens,
.background-image .page-background.xs-screens {
	display:none;
}


.background-image .large-screens.image-loaded,
.background-image .xs-screens.image-loaded {
}

img.image-loading-container.image-loaded {
    display: none;
	transition:ease-out;
}

.image-loading-container:after {
    /*background-color: #eee;
    text-align: center;
	/*background-image:url("includes/images/loading_image.gif");
	background-position:center center;
	background-repeat:no-repeat;
	
	content:url("includes/images/loading_image.gif");
	height:50px;
	width:50px;
	display:block;
	z-index:100;
	position:relative;*/
}
/*Posts */
.post footer.entry-meta {
	margin-top:15px;
    background-color: #ececec;
    padding: 1% 2%;
}

.post-navigation {
	margin-top:30px;
	border-top: 1px solid #ececec;
}

/* Post Nav */
#nav-below > div,
#image-navigation > div {
    padding: 1% 2%;
	float:left;
	width:49%;
}

#nav-below .nav-previous,
#image-navigation .nav-previous {
	margin-right:.5%;
	text-align:left;
}

#nav-below .nav-next,
#image-navigation .nav-next {
	margin-left:.5%;
	text-align:right;
}

h2.comments-title {
	font-size:24px;
}

.comment-form label {
    display: none;
}

ol.comment-list li {
    list-style: outside none none;
}

.comment-body h5.media-heading {
    font-size: 1.2em;
}

/* Images & Image Loader*/
.xs-screens.image-loaded {
    width: 100%;
}

.static-image {
	text-align:center;
}

.image-loader-set img,
.static-image img  {
	width:100%;
}

/* Recent Posts */
.recent-posts {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

.recent-posts > .post-entry {
	margin-bottom:20px;
}

.recent-posts h1 {
	margin-bottom:0;
	font-weight:bold;
}

.recent-posts .entry-meta {
	margin-bottom:10px;
}

.read-more {
	text-align:right;
}

.widget ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

.posts-listing {
    margin-top: 20px;
}

/*Sidebar*/

.sidebar-fixed {
	position:absolute;
	right:0;
}

.sidebar {
	margin-top:20px;
}


/*Footer */

.site-info {
	font-size:12px;
}

.credits {
	text-align:center;
}

.site-footer .site-info > .container {
	padding-bottom:0;
}



/*CSS Shapes*/
.magnifying-glass
{
 font-size: 10em; /* This controls the size. */
 display: inline-block;
 width: 0.4em;
 height: 0.4em;
 border: 0.1em solid red;
 position: relative;
 border-radius: 0.35em;
}
.magnifying-glass::before
{
 content: "";
 display: inline-block;
 position: absolute;
 right: -0.25em;
 bottom: -0.1em;
 border-width: 0;
 background: red;
 width: 0.35em;
 height: 0.08em;
 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
}

/*Login Form*/
.login-form-wrapper{
	margin:100px auto;
}

.login-form-wrapper label {
	display:none;
}

.login-form-wrapper .input {
	width:100%;
	background-color:#e6e5e5;
	padding:.75em;
}

.login-form-wrapper .login-submit {
	text-align:right;
}

.login-form-wrapper .button-primary {
	background-color:#ec0928;
	padding:.5em 2em;
	color:#fff;
}

.login-form-wrapper #login-error {
	color:red;
}

.acf-map {
	width: 70%;
	height: 400px;
	border: #ccc solid 1px;
}

/*Company Info SC Widget */
.company-info > span,
.company-location > span {
    display: block;
}

.company-info .business-city-state-zip {
    margin-bottom: 20px;
}



/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* Helpers */
.no-bullets ul,
.no-bullets,
ul.no-bullets {
	list-style:none;
}

.padding-left-0 {
	padding-left:0;
}


/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}

/* Clearing */
.clear {
	clear: both;
}


/* Here some needed widget styles 
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line. 
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!  
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; } 
 
 
@media screen and (max-width: 992px) {
	.sidebar-fixed {
		position:relative;
		right:auto;
	}
}

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

	.carousel .carousel-caption .image-title {
		font-size:1.8em;
	}
	
	.carousel .carousel-caption .image-caption {
		font-size:1.1em;
	}
	
	.carousel-control {
		display:none;
	}
	
}

@media screen and (max-width: 480px) {
	.carousel-caption {
		font-size:1em;
	}
	
	.carousel-control,
	.carousel-indicators {
		display:none;
	}
	
	.main-content-inner ul {
	padding-left:0;
	}
	.login-form-wrapper{
		margin-top:15px;
		margin-bottom:15px;
	}

	img[class*="wp-image-"] {
		width:100%;
	}

	.page-title,
	.post-entry h1 {
		font-size:1.5em;
	}

}