/* get customizer settings and set CSS VALUES*/


/* SET CUSTOMIZER CSS TO ELEMENTS OVERRIDE DEFAULT STYLE.CSS VALUES*/

html, body {
	font-family:Poppins, Sans-serif;
}

h1,h2,h3,h4,h5,h6,
.menu-item a,
.owl-prev::before,
.owl-next::before  {
	color: #000000}

.widget .input-search {
	border-bottom: 1px solid hsl( 0, 0%, 95%)}

.widget .input-search:focus {
	border-bottom: 1px solid hsl( 0, 0%, 45%)}

h1,h2,h3,h4,h5,h6, .menu-item a {
	font-family:Trajan Pro Bold, Sans-serif;
}

.entry-title {
	font-family:Interstate Bold, Sans-serif;
}

#services h2,
#members h2,
#testimonials h2,
#blog h2,
.preview-content h2,
.portfolio-hover-container h2 {
	font-family:Interstate Bold, Sans-serif;
	line-height: 1.1em;
	margin-bottom: 0;
}

#members h2,
#testimonials h2 {
	font-family:Lobster, Sans-serif;
}

.site-branding p {
	font-family:Lato, Sans-serif;
}


body {
	background-color: #ffffff; /* Fallback for when there is no custom background color defined. */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wpcf7-form input[type="submit"],
.button {
	background-color: #9c5708;
}

.button,
.wpcf7-form input[type="submit"] {
	-webkit-box-shadow: inset 0px -6px 0px -2px hsl( 32, 90%, 22%);
	-moz-box-shadow: inset 0px -6px 0px -2px hsl( 32, 90%, 22%);
	box-shadow: inset 0px -6px 0px -2px hsl( 32, 90%, 22%);
}

a,
body,
button,
input,
select,
textarea,
.member-individual-descr .members-social-container a,
blockquote p::before {
	color: #8e979d;
}

.entry-content p a:not(.button):not(.lightbox) {
  color: #8e979d;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 2px 0 0 #ffffff, -2px 0 0 #ffffff;
  box-shadow: inset 0 -4px 0 0 #ffffff, inset 0 -5px 0 0 #9c5708;
}

a:hover,
#show-map:hover,
.menu-item .active-navigation,
.comment-reply-link,
blockquote p,
.entry-content p a:hover:not(.button),
#desktop-navigation ul li ul li a:hover {
	color: #9c5708;
}

a:hover h2 {
	color: #9c5708;
}

.spinner {
	background-color: #ffffff;
	border-color: #9c5708;
	color: #9c5708;
}

.section-line,
.entry-line,
.share-line {
	background-color: #9c5708;
}

.section-cube {
	color: #9c5708;
}

.portfolio-cat {
	color: #9c5708;
    border: 2px solid #9c5708;
}

.portfolio-cat.selected {
	color: #ffffff;
	background-color: #9c5708;
}

thead, tbody tr {
	border-bottom: 1px solid hsl( 0, 0%, 85%);
}

#mobile-navigation .sub-menu,
blockquote,
.tagcloud a,
tbody tr:nth-child(odd) {
	background-color: hsl( 0, 0%, 95%);
}

thead,
tbody tr:nth-child(even) {
	background-color: hsl( 32, 90%, 82%);
}

.firstletter {
  background-color: #9c5708;
  color: #ffffff;
}

.highlight-background,
mark, ins {
  background-color: #9c5708;
  color: #ffffff;
}

.underline::before {
  background-color: #9c5708;
}

.page-numbers.current {
  background-color: #9c5708;
}

.widget .active a {
	color: #9c5708;
}

.widget_categories li {
	border-bottom: 1px solid hsl( 0, 0%, 95%);
}

.widget p,
.widget a,
.widget li,
.widget li a,
.widget span {
	color: hsl( 0, 0%, 45%);
}

.widget li a:hover {
	color: #9c5708;
}


.post-navigation .nav-previous a::after,
.post-navigation .nav-next a::before {
	color: hsl( 0, 0%, 95%);
}

.site-footer {
	background-color: hsl( 0, 0%, 95%);
}


/*HOVER EFFECTS FOR DESKTOPS*/
@media only screen and (min-device-width : 1224px) {

	.service:hover .service-icon,
	.testimonial:hover .testimonial-descr::before,
	.service:hover .service-heading {
		color: #9c5708;
	}

	.portfolio-cat:hover {
		color: #ffffff;
		background-color: hsl( 32, 90%, 42%);
	    border: 2px solid hsl( 32, 90%, 42%);
	}

	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	.wpcf7-form input[type="submit"]:hover,
	.button:hover {
		background-color: hsl( 32, 90%, 42%);
		color: #fff;
	}

	.page-numbers:hover {
		border: 1px solid #9c5708;
	}
	
	.members-social-container a:hover {
		background-color: #9c5708;
		color: #fff;
	}

	.tagcloud a:hover {
		color: #fff;
		background-color: #9c5708;
	}
}