/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.slider_logo {
	width: 200px;
	height: auto;
}

.primary-color {
	color: #357ca1 !important;
}

.error-color{
	color: red;
}

.success-color {
	color: green;
}

.heading-block {
	margin-bottom: 30px;
}

.button {
	background-color: #357ca1;
}

.button:hover {
	background-color: #265873 !important;
}

#gotoTop:hover {
	background-color:#357ca1;
}

.portfolio-bg {
	background-image: url("../images/poulton_joinery/poulton_joinery_cutting_wood.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
  	background-size: cover;
	position: relative;
    background-position-x: left;
    background-position-y: top;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    background-attachment: scroll;
}

/* ul {
	list-style-image: url("../images/kirkhamRoofing/tick.png");
} */

.services li {
  background: url(../images/) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 7px 0px 5px 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

a:hover {
	color: #357ca1 !important;
}

::selection:{
	background-color: #357ca1;
	font: #fff;
}

.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover{
	background-color: #fff;
}

.owl-carousel .owl-dots .owl-dot{
	background-color: #cdc8ea;
	opacity:1;
}

.footer-logo {
	width: 200px;
	height: auto;
}

.purple_bdr {
	border-top: solid 3px #357ca1;
}

#logo img {
	height: 70px !important;
}

.slider-caption h2{
	font-size: 3rem;
}

.gas_safe {
	width: 100px;
	height: auto;
}

.footer-list{
	list-style: none;
}

.about-margin {
	margin-top: -100px;
	margin-bottom: 100px;
}

#footer {
	margin-top: 0px !important;
}

.pos-minus100 {
	position: absolute;
	top: -100px;
}

.text-shadow-lg {
	text-shadow: 1px 1px 5px #000 !important;
}

.text-shadow-sm {
	text-shadow: 1px 1px 1px #000 !important;
}

.heading-block::after {
	border-top: 0px !important;
}

.smaller-h2 {
	font-size: 2.2rem !important;
}

.small-h1 {
	line-height: 0.8; 
	font-size: 24px;
}

#copyrights a{
	color: #fff;
}

@media (max-width: 991.98px) {

	.smaller-h2 {
		font-size: 2rem !important;
	}

}

@media (max-width: 767.98px) {

	.smaller-h2 {
		font-size: 1.6rem !important;
	}

	.small-h1 {
		font-size: 18px;
	}

}

@media (max-width: 575.98px) {

	.smaller-h2 {
		font-size: 1rem !important;
	}

}