@charset 'utf-8';
/*
Theme Name: Park N Bark
Description: Park N Bark
Author: Suma Design
Author URI: http://www.suma-design.co.uk
Template: rttheme18
Version: 1.0
*/

@import url("../rttheme18/style.css");

/* Theme customization starts here
-------------------------------------------------------------- */

body {
	color: #444 !important;
	}
	
h1 {
	color: #FFFFFF;
	}
	
h1.entry-title, h2, h3, .featured_article_title, .featured_article_title a, .post-title-holder, .post-title-holder a {
	color: #0101a1 !important;
	}
	
.content_footer {
	border-top: 1px solid #0101a1;
	border-bottom: 1px solid #0101a1;
	}
	
p {												/* this makes inserted images line up with the top of the accompanying paragraph or heading */
    padding: 0 ;
    margin-bottom: 2em;
	}
	
#post-2086, #post-2302 {
	min-height: 1px !important;
	}
	
#header_contents {
    padding: 0;
	}

#header {
	background-color: #4593BC;
	}
	
.search-bar .icon-search-1::before, .blue {
	color: #4593BC;
	}
	
#header .textwidget {
	text-align: centre !important;
	color: #FFFFFF !important;
	font-weight: bold;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.6em !important;
	line-height: 1.0em !important;
	text-shadow: 1px 2px #333333;
	}

body .header-166114.top_content  {
	margin-bottom: -32px !important;
	}
	
#row-166114-1 {									/* create red full-width strip on home page above slider */
	border-top: #4593BC 32px solid !important;
	}
	
.top_content {
    min-height: 40px !important;
	}
	
	
.sidebar .featured_article_title {
    font-size: 22px !important;
	}
	
#navigation_bar > ul > li > a {
    padding: 15px 25px !important;
	}
	
footer .footer_info {
    padding: 10px 0 30px !important;
	}
	
.padding-btm {									/* to add padding to the bottom of sidebar widget images */
	padding-bottom: .75em !important;
	}
	
.clear-image {									/* for heading to clear previous image while leaving white space between */
	clear: both !important;
	padding-top: .7em !important;
	}
	
.featured_article_title {
	color: #4593BC;

	}
	
.sidebar .featured_article_title:before {
	background: none !important;
	}

.sidebar .widget {
    /* border: 1px dashed #4593BC !important; */
	margin-top: 1.5em !important;
	background-color: #EEEEEE;
	margin-bottom: 1.5em !important;
	}
	
.sidebar-button a {
	margin-top: -.5em;
	text-decoration: none !important;
	color: #FFFFFF !important;
	font-size: 1.15em !important;
	display: inline-block;
	text-align: center;
	width: 100% !important;
	padding: .5em 0 !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,0101a1+30,0101a1+70,7db9e8+100 */
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(left,  #7db9e8 0%, #4593BC 30%, #4593BC 70%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #7db9e8 0%,#4593BC 30%,#4593BC 70%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #7db9e8 0%,#4593BC 30%,#4593BC 70%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
	}
	
.sidebar-image {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top: 1px solid #7db9e8;
	border-right: 1px solid #7db9e8;	
	border-left: 1px solid #7db9e8;	
	}
	
.sidebar-logos {
	padding-top: 1em;
	}
	
#navigation ul.sub-menu li:hover > a {
    color: #FFFFFF;
	background-color: #4593BC !important;
}

.rt-toggle ol li .toggle-content {		/* to increase the gap at the top of each accordion pane */
    padding: 20px 0 0 !important;					/* was 10px 0 0 */
}

.rt-toggle {							/* to increase the margin below the FAQ page accordion */
    margin-bottom: 30px !important;		/* was 20px */
}

#navigation .sub-menu {
	width: 200px;
	}
	
.widget_contact_info li {
	padding-bottom: 1em !important;
	}
	
/* Contact Form 7 */

.wpcf7 label {
	color: ##444 !important;
	}
	

/* Media Queries Start Here */

@media screen and (max-width: 1099px) {
#navigation_bar > ul > li > a {
    padding: 15px 22px !important;
	}		
}

@media screen and (max-width: 959px) {	
#header .textwidget {
	text-align: center  !important;
	}
	
.top_content {
    min-height: 0px !important;
    height: 0px !important;
	}
}

@media screen and (max-width: 767px) {	
section .sidebar img {
	width: 100% !important;
	}
}

@media screen and (max-width: 500px) {	
section[id^="post-"] img {
	width: 100%;
	}
}