/* Add your custom styles here */
@import "override.css";
/* 
Key CSS Info 
font-family: "neue-aachen-pro"; 
#fd7a17


*/

/* Hide recaptcha */
.grecaptcha-badge {
  animation: recatpchahide 2s 1;
  animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes recatpchahide{
  0% {margin-right: 0px;}
  100% {margin-right: -100px;}
}

.contentarea {
  height: 100%;
  margin-bottom: -130px;
}
.footerarea {
  margin-top: 60px;
}
.page404 #sidebar-1 {
  display: none;
}
#sidebar-1 .btn:hover {
	background: rgba(253, 122, 23,0.4);
}



.black { color: #000000;}
.orange { color: #fd7a17; }
.big3 { font-size: 3em; }
.big2 { font-size: 2em; }

/* Layout */
#logo {
	margin-left: 20px;
}
h1.mainheading { font-size: 80px !important; height: 72px; color: #fd7a17;padding: 0 0 10px;}
.itdt-header p { margin-top: 20px !important; font-size: 1.2em; }
.itdt-header, .itdt-header a { color: #ffffff; }
.itdt-header a:hover { color: #fd7a17 !important; }

#sidebar-1 {
	padding: 20px;
	background: #000000;
	color: #ffffff;
	margin-bottom: 0;
}
#mainwrap { z-index: 0; }

li { padding-bottom: 10px; }

.moduletable .zen-module-title {
	text-transform: none !important;
	color: #000000;
	background: #fd7a17;
	padding: 3px 10px;
}
.zen-module-title h3 {
	margin: 0;
	line-height: normal;
	padding-bottom: 0px;
	font-size: 1.3em;
}
.moduletable .zen-module-title span {
	color: #000000;
}

.article-title {
	margin-bottom: 10px !important;
	margin-top: 0;
	color: #000000;
	background: #fd7a17;
	padding: 3px 10px;
}
.article-title a {
	color: #000000;
}


.adminmenu a:hover {
	color: #ffffff;
}

#menu ul > li a {
	font-family: "PT Sans Narrow","Arial Narrow", sans-serif;
}
#menu ul > li.active a:hover {
	color: #ffffff;
	background-color: #602A00;
}


/* Placeholders in forms */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #584C4C !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #584C4C !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #584C4C !important;
}

.formResponsive input, .formResponsive textarea {
	width: 100%;
}
.label, .badge, label {
	margin: 0;
	padding: 0;
}
p.formDescription {
	margin:0;
}

/* Testiomnials Module */
.newsflash-title {
	font-family: "neue-aachen-pro";
	font-style: italic;
	font-size: 1.3em;
	font-weight: normal;
	margin:0;
}
.newsflash p {
	font-size: 0.8em;
	line-height: 1.2em;
}

.pagination-wrap .counter {
	display: none;
}

.pagination .disabled a {
	color: #FDB37C;
}
.pagination-wrap ul > li.active a, #mainwrap .pagination-wrap ul > li.active a {
	background: none;
	border: none;
	color: #000000;
}
.pagination-wrap ul > li.active a:hover, #mainwrap .pagination-wrap ul > li.active a:hover {
	color: #ffffff;
}

.btnwide { width: 90%; }
.hometable td { padding: 0 !important;}

.testimonials .readmore .btn {
	display: inline-block;
	color: #000000;
	background: none;
	border: none;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	margin: 0 0 10px 0;
}

	.contenttable .fa { color: #fd7a17; }
	

@media screen and (min-width: 787px) {
/* Desktop */
#sidebar-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
	.puppytable {
		background-image: url('/images/stories/well-educated-dog.jpg');
		width: 782px;
		height: 240px;
		margin: auto
	}
	.dogtable {
		background-image: url('/images/stories/woman-with-black-labrador-header.jpg');
		width: 782px;
		height: 240px;
		margin: auto;
	}
	.behavetable {
		background-image: url('/images/stories/single-dog-on-grass-header.jpg');
		width: 782px;
		height: 240px;
		margin: auto;
	}	
	.puppytable h2, .dogtable h2 {
		color: #ffffff;
		margin-bottom: 5px;
		padding-left: 20px;
	}
	.puppytable .fa, .dogtable .fa {
		color: #00aa22;
	}
	.firstcolumn { width: 260px;}
	.firstcolumn.behave { width: 160px; }
	.contenttable td { padding: 10px; }
#midCol {
	padding: 20px;
}
	
	h2.big { font-size: 3em;}
}

@media screen and (max-width: 787px) {
	/* Mobile */
	.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li span.zen-menu-heading {
		padding: 0.7em 5%;
	}
	
	h2 { font-size: 1.3em; }
	h2.big {font-size: 1.6em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 16px;}
	.big3 { font-size: 1.5em; }
	.big2 { font-size: 1.2em; }
	.mean-container .mean-bar {
	position: absolute;
	top: 8px;
}
	.mean-container a.meanmenu-reveal {
	width: 30px;
	height: 30px;
	padding: 3px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #eeeeee;
	text-decoration: none;
	font-size: 24px !important;
	text-indent: -9999em;
	line-height: 22px;
	display: block;
}
	
	#midCol {
		padding: 5px;
	}
	#sidebar-1 {
		padding: 10px 0;
	}
	.puppytable, .dogtable {
		width: 100%;
		margin: 10px 0px;
		color: #00AA22 !important;
	}
	.puppytable h2 { font-size: 1.3em; margin-bottom: 3px;}
	
	.contenttable td { padding: 0px; }
	
	.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
	width: 96% !important;
}
	
	
}
@media screen and (max-width: 1180px) {
	
/* Large Screens */
	h1.mainheading { font-size: 60px !important; }
}

@media screen and (min-width: 1320px) {
	
/* Large Screens */
	h1.mainheading { font-size: 90px !important; }
}