:root{

	--grey: #666;
	--lt-grey: #fcfcfc;
	--dark: #333;
	--blue: #5d8091;
 	--light: #fff; 
	
 	--trans: all 0.3s ease-in-out;
	--trans2: all 5s cubic-bezier(.23,1,.32,1) 0s; 
	
	--font: 'Nunito Sans', sans-serif;

}
body.home, body:not(.home){position: relative !important;}
body:not(.home) main ul li{
	max-width: 650px;
}

button.frm_button_submit button, button[type=submit]{
	background: var(--grey) !important;
	background-color: var(--grey) !important;
	border: 0 !important;
}

button.frm_button_submit button:hover, button[type=submit]:hover{
	background: var(--dark) !important;
}
@media (min-width: 64em){
	.home-image{
		max-height: 80vh;
	}
}
.home-image img{
	width: 100%;
	height: auto;
	display:block;
	margin-bottom: 0;
}
.home-image p{
	text-align: left;
	color: vr(--grey);
	padding-top: .25rem;
}
body.home .entry-content img{
	max-height: 80vh;
	width: auto;
	max-width: 100%;
}
body.home{}
body, div, p, ul li, ol li, table tr td, span{color: var(--grey)}

main h2{font-size: 1.5rem; text-transform: uppercase;}
main h3{font-size: 1.25rem;}
body.home main h2{display:none;}

@media (min-width: 64em){
	.menu a {
		padding-left: 0;
	}
}

/*News*/
.news-container{
	margin-bottom: 1.5rem;
}
/*ACCORDION*/
/* 
.accordion-wrap .accordion {
 padding: 0 0 1rem;
	background-color: transparent;
}
.accordion-wrap .accordion .container {
 position: relative;
 margin: 10px 10px;
}
.accordion-wrap .accordion .container.open .label::after {
 transform: rotate(0deg);
}

.accordion-wrap .accordion .label {
	 position: relative;
		display:block;
	 padding: .75rem 40px .75rem 1rem;
	 cursor: pointer;
	background-color: var(--lt-yellow4);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .13);
}

#main .accordion-wrap .accordion .label p{
	margin-bottom: 0 !important;
	font-size: 1.25rem;
	 color: var(--purple) !important;
	text-wrap: wrap;
	font-weight: 600;
	background-image: url(/wp-content/uploads/2024/07/paw-orange-25.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 1.3;
}
.accordion-wrap .accordion .label::after {
	 content: url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" width="36px" height="36px" xmlns="http://www.w3.org/2000/svg" fill="%23551d3d"><g data-name="Layer 2"><g data-name="arrow-ios-downward"><rect width="24" height="24" opacity="0"/><path   d="M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16z"/></g></g></svg>');
	 position: absolute;
	 line-height: 0;
	 top: 8px;
	 transform-origin: center;
	 transform: rotate(-90deg);
	 right:0;
	 transition: transform 0.5s ease;
	 width: 36px;
	 height: 36px;
/* 	filter: invert(1); 
 }

.accordion-wrap .accordion .content {
	 position: relative;
	overflow: hidden;
	transition: 0.5s;
	max-height: 0;
	padding: 1rem 2rem 0;
 }
.accordion-wrap .accordion .content p{
	color: var(--purple) !important;
 	font-size: 1.1rem; 
	margin-bottom: 1rem !important;
}
.accordion-wrap .accordion hr {
 	width: 100%;
 	margin-left: 0;
	border: 1px solid var(--lt-blue);
	margin:0;
 } */

body.home #contentSite{
		background-color: #fff;
	}


p, a, label, table tr td, ul li, ol li, div, h1, h2, h3, h4, h5{
	font-family:var(--font);
}
h1.page-title{text-align:left;}
body{
	background-color: var(--lt-blue);
}
main{
	background-color: var(--lt-blue);
}

@media (min-width: 64em){
	body:not(.archive) main#main{
		width: auto;
	}
	body:not(.archive) main#main > article{
		width: auto;
		max-height: 75vh;
	}
	
}

body:not(.home), body:not(.home) main{
	background-color: var(--lt-blue);
}
/* main .sectionFour h5, .medium-8 > h5:nth-child(2){
    font-size: 1.1rem !important;
    font-weight: 400;
    text-transform: uppercase;
} */

main h1, main h2, main h3{
	font-family: var(--font);
	line-height: 1.1;

}
main h3{
  margin-bottom: 0; 
  padding-bottom: .5rem; 
padding-right: 1rem;
    background-color: #efefef;
    padding: .5rem;
    margin-bottom: .5rem;}

#page-title{
	padding: 1rem;

/* 	border-bottom: 2px solid var(--orange); */
}

main h1{
	font-size: 1.75rem;
	text-align:center;

	margin: 0;
	line-height: 1.2;
}

/* main h1 span{
	font-size: 1.25rem;
	display:block;
	padding-top: .5rem;

} */

main h3{
/* 	font-size: 1.1rem; */
	font-weight: bold;
}


main h4{
	font-size: 1.1rem;
	font-weight: 700;
	tex-transform: uppercase;
}

ul#menu-main{
	flex-direction: column !important;
}
ul li{
	list-style-type: disc;
}

#contentSite{ margin-top: 0 !important; }

body{
	position: relative;
}

main img{
	width: 100%;height: auto;
}
body, div, p, a, ul li ol li{ font-family: var(--font);  }

#main p, #main ul li, #main ol li, #main label{ color: var(--purple); font-size: 1.1rem;  }
@media (max-width: 39.9375em){font-size: 1.1rem;}

main ul li span{font-weight: 700;}
#main p{
	margin-bottom: .75rem !important;
}
main a, main a:visited{ color: var(--grey);font-weight: 700; }

main a:hover, main a:focus{ color: var(--dark); }

main ul{
	list-style: circle;
}
main ol{ list-style:numeric}
main ul, main ol{
	padding-left: 1.25rem;
	margin-bottom: 1.25rem;
	margin-top: 0;
}
main ul li, main ol li{
	line-height: 1.4;
	padding-bottom: .5rem;
	margin-left: 1.5rem;
}

main ul li:last-child, main ol li:last-child, main ul li ul li:last-child{padding-bottom: 0;}

main ul li ul{
	margin-left: .5rem;
	margin-bottom: 0;
	padding-top: 12px;
}

main strong{ font-weight: 700; }

#contentSite p, #contentSite ul li, #contentSite ol li, #contentSite label{ 
	line-height: 1.4;
}
#mission-wrapper, .why-train{
	padding: 1.5rem 2.5rem;
}


/*BULLETS & ANIMATION**********************/
#bullets{
	background-color: var(--light);
}
main .tired-of{
/* 	padding: 1rem; */
/* 	display:flex;
	flex-direction:column;
	justify-content: space-between; */

}
#main .tired-of p{
	font-size: 1.25rem;
	font-weight: bold;
	font-style: italic;
	color: var(--purple) !important;
	padding: .5rem;
	background-color: var(--lt-yellow4);
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .13);
}

#main .tired-of p span{
	display:block;
	color: var(--orange);
	font-style: normal;
	padding-left: 2.5rem;
	background-image: url(/wp-content/uploads/2024/07/paw-25-purp.png);
	background-position: left 5px center;
	background-repeat:no-repeat;
}
	#main .tired-of p:last-of-type{
		margin-bottom: 0;
	}
.more-links{
	text-align:right;
	margin-right: 1rem;
	padding-top: .5rem;
}

/*BUTTONS***********************/
#main a.button, #main a.button:visited{
	border: 1px solid var(--grey);
	color: var(--grey);
	transition: var(--trans);
	font-size: 1.1rem;
	font-family: var(--font);
	padding: .25rem 1rem .4rem;
	font-size: .9rem;
	background-color: white;

}
#main a.button:hover{
	background-color: var(--grey);
	color: white !important;
}
#main a.button:hover, .more-links a:hover{
    background-position: bottom left -3px;
	color: var(--purple);
	transition: var(--trans);
        }

#main a.button2, #main a.button2:visited{
	    background: linear-gradient(to right, var(--purple) 50%, var(--orange) 50%);
    background-size: 210% 110%;
    background-position: bottom  right -3px;
	color: var(--lt-yellow4);
	transition: var(--trans);
	font-size: 1.1rem;
	font-family: var(--font2);
	padding: .85em 1em;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, .3);
}
.more-links a{
	padding: .5rem 1.25rem;
}
#main a.button2:hover{
    background-position: bottom left -3px;
	color: var(--lt-yellow4);
	transition: var(--trans);
        }
button#searchsubmit{
	margin-bottom: 2rem;
	background-color: var(--purple);
	padding: .5rem 1rem;
	color: white;
	
}
button#searchsubmit:hover{
	background-color: var(--orange);
	color: white;
}
h4.widgettitle{
	color: var(--purple);
	border-bottom: 1px solid var(--purple);
}
#recent-posts-2, #categories-2{
	padding-bottom: 2rem;
}
input[type=search]{max-width: 200px !important;}
@media (max-width: 39.9375em){
	#sidebar{
		padding: 0 1rem 2rem;
	}
}
/*MENU****************************/
.off-canvas-section{
	position: relative; 
	z-index: 1;
	width: 100%;
}
.side-menu{
	position: absolute; 
	z-index: 1000; 
	width: 0;
	height: 100vh;
	right: 0;
	transition: all 0.3s ease-in-out;
	background-color: #efefef;
	display:block;
}
@media (min-width: 64em){

}
.menu ul li{list-style: none; }
.menu ul li a, .menu ul li a:visited{
	color: var(--grey);
	font-size: 1.1rem;
	line-height: 1.4;
}


header.header{
/* 	background-color: #fff; */
/* 	background: linear-gradient(var(--sky-blue), var(--light)); */
	position: relative;
	border: 0;
	box-shadow: none;
	
}

.closenav i{
	color: var(--grey);
	font-size: 2rem;
/* 	position: absolute; */
/* 	top: 40px;
	right: 40px; */
}

nav.mainNavContainer{
	padding-top: 4rem;
	width: 250px;
}

ul#menu-main{}

ul#menu-main li{
	padding: 0 0 .5rem;
}

ul#menu-main li a, ul#menu-main li a:visited{
	color: var(--light);
	padding:.25rem 1rem;
	text-transform: uppercase;
	font-size: 1.1rem;
	line-height: 1.4;
}
ul#menu-main li a:hover{
	color: var(--orange);
}

/*CONTACT SECTION**********************/
.contact-section{
	padding: 1rem;
	background: linear-gradient(var(--orange), var(--lt-orange));
}

#main .contact-section p.why-put-up{
	text-align:center;
	color: #fff;
	font-size: 1.75rem;
	line-height: 1.3;
}

#main .contact-section p{
	text-align:center;
}

#main .contact-section p a.button{
	font-size: 1.25rem;
}

#contact-form-iframe{
	height: 0;
}
#contact-form-iframe iframe{
	height: 0;
}

img.well-mannered{
display:none;
	
}





/*MEDIA QUERIES MENU*************************/
@media (min-width: 64em){
	#main .tired-of p{
	font-size: 1.1rem;
	}
	.menu-container ul.menu,
	.menu-container ul.menu{
		display:flex;
		flex-direction:row;
		justify-content:flex-end;
	}
	.menu-container ul.menu li{
		display:inline-block;
	}
	.menu-container ul.menu li a, .menu-container ul.menu li a:visited{
		color: var(--orange);
		font-weight: 700;
		font-size: 1.1rem;
	}
	.menu-container ul.menu li a:hover{
		color: var(--purple);
	}
	
}

.header-logo{
	display:flex;
	align-items: center;
	justify-content:flex-start;
	padding: 1rem;
}
@media (min-width: 64em){
	.header-logo{
	display:block;
		padding-left: 3rem !important;
	}
}
h1#logo a, h1#logo a:visited{
	color: var(--grey);
	font-size: 2rem;
	margin-top: 0 !important;
}
h1#logo a:hover{
	color: var(--blue)
}
#inner-header .menu{
	padding-top: 1.5rem;
}

body.home header.article-header{ display: none; }

/* .header-logo h1#logo{ margin: .75rem 1rem; } */
/* .header-logo h1#logo img{ width: 100%; height: auto; } */

.fa-bars{color: var(--grey); }

header.header .menu a i.fa-bars{
	width: 30px;
	font-size: 1.5rem;
}
.mission-text-columns{padding:1rem;}

/*MEDIA QUERIES HEADER*************/
@media screen and (min-width: 40em){
	.mission-text-columns{
		column-count: 2;
		column-gap: 1rem;
	}
	.menu a i.fa-bars{ font-size: 2rem; }
	.header-logo{
		justify-content:flex-start;
		padding-left: 1rem;
		}
	header.header .menu{margin-left: 0;}

}
@media screen and (min-width: 64em){
	.top-links a i, .top-links a:visited i, .top-links a, .top-links a:visited{ font-size: 1rem; }
	.header-logo{ justify-content: flex-start; }
	#inner-header{ 
		max-width: 1000px;
		margin: 0 auto;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	header.header .menu{
		position:relative;
		top: unset;
		right: unset;
	}
}


/*HOME*/
body.home #content{ margin-top: 0; }

.wrap{
	width: 100% !important;
}
.hentry{border: 0 !important; border-radius: 0 !important;}

/*home slides*/
body.archive .entry-content, body.blog .entry-content{padding-top: 0 !important; margin-bottom: 1.5rem !important}

/*MEDIA QUERIES AGAIN*************************************************************/

/*MEDIUM UP*/
@media screen and (min-width: 40em){
	.paintings-wrap{
		columns: 2;
		padding-left: 1.25rem;
		
	}

	body.home #contentSite{
		padding-bottom: 5rem;
		background-color: var(--lt-blue)
	}
	
}

/*LARGE UP*/
@media screen and (min-width: 64em){

	
}/*END LARGE*/

/*LARGE UP AND PORTRAIT*/
@media screen and (min-width: 64em) and (orientation: portrait){
		#header{
		height: auto;
	}

}


/*X-LARGE UP*/
@media screen and (min-width: 1400px){
	#main .tired-of p{
		font-size: 1.25rem;}
}


/*SMALL ONLY*/
@media screen and (max-width: 39.9375em){
	#bullets{
		padding: 1rem;
	}



}
/*FOOTER*/
footer.footer{

}

footer.footer p{
	text-align:left;
}

footer.footer p a, footer.footer p a:visited{
	color: var(--grey) !important;
}

 .footer-bottom{
	padding: 1.5rem;
	text-align:center;
	 background-color: #fff;

}
.footer-bottom p{
	font-size: 80%;
}



/*TEXT***********************/




/*SMALL ONLY*/
@media screen and (max-width: 39.9375em){

}

/*MEDIUM UP*/
@media screen and (min-width: 40em){

 	footer.footer .foot2 h3, footer.footer .foot3 h3{margin-bottom:.5rem;/*margin-top: 3rem;*/} 
	footer.footer { background-size: auto; padding-bottom: 500px;}
	
}/*end medium*/
@media only screen and (min-width: 768px) {

}

/*LARGE UP*/
@media screen and (min-width: 64em){
	footer.footer { 
		background-image: linear-gradient(var(--deep-purple), var(--purple));
		padding-bottom:0;
	}

}
@media screen and (min-width: 1290px){

}

/*X-LARGE UP*/
@media screen and (min-width: 1400px){
	
}


/******INTERIOR*******/
.hentry{
	
}
body:not(.home) main#main{
	padding-bottom: 3rem;
}


.section-container{

	padding: 1rem;
	margin-bottom: 1.5rem;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .13);
}
#main .section-container h2{

}

.section-container h2, .section-container p{
	text-align:center;
	margin-bottom: 0;
}

#main .section-container p{
/* 	color: var(--purple); */
	margin-bottom: 0 !important;
}

.section-container h2:has(+p){
	margin-bottom: .5rem;
}
.section-container p{margin-bottom: 0 !important;}

header.article-header{
	padding: 1rem;
/* 	background: linear-gradient(var(--purple), var(--dk-purple));
	border-top: 2px solid var(--orange);
	border-bottom: 3px solid var(--orange); */
}
body.single header.article-header, body.search header.article-header, body.archive header.article-header, body.blog header.article-header{
	background-color: transparent;
	background: transparent;
	border: 0;
	
}
body.single header.article-header h1, body.blog header.article-header h3, body.search header.article-header h3, body.archive header.article-header h3{
/* 	color: var(--purple); */
}

body.blog header.article-header h3 a, body.search header.article-header h3 a, body.archive header.article-header h3 a{
/* 	color: var(--purple); */
}
body.blog header.article-header h3 a:hover, body.search header.article-header h3 a:hover, body.archive header.article-header h3 a:hover{
/* 	color: var(--orange); */
}
body.single main{
	padding: 0 1rem 2rem;
}
body.single .entry-content{
	padding: 1.5rem 0; 0
}
body.single .post-img img{
	width: 100%;
	height: auto;
	margin-bottom: .75rem;
}
body.single .post-img.tall  img{
	max-width: 100%;
}
.paintings-wrap{
	padding-left: 1rem;
	padding-right: 1rem;
}


@media (min-width: 40em){
	body.single main{
		padding: 0 3rem 3rem;
	}
/* 	body.single .post-img img{
		width: 80%;
	}
	body.single .post-img.tall  img{
		max-width: 60%;
	} */
}



/*content styles*/
.content-wrapper{
	max-width: 1900px;
	margin: 0 auto;
}

.entry-content img{
	width: 100%;
	height: auto;
}
@media (min-width: 64em){
	body.single .post-img img{
/* 	  width: auto;
	  height: 70vh; */
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 70vh;
	}
/* 	body.single .post-img.wide img{
	  width: 100%;
	  height: auto;
	}
	body.single .post-img.widest img{
	  width: 70%;
	  height: auto;
	} */

}
main ul:not(.list-paw-purple) li, main ol li{
	padding: 0 0 1rem;
}

.package{
	padding-top: 1rem;
}


#sidebar-container{
	padding: 2rem;
}
#sidebar-container h2{
	margin-bottom: 1.5rem;
}


#main #sidebar-container .links p{
	border-bottom: 1px solid var(--orange);
	margin-bottom: .5rem !important;
	padding-bottom: .5rem;
	
}

.entry-content img.shadow{
	box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .3);
}

header.article-header{
		
		padding-left: 1rem !important;
	}

/*SMALL ONLY*/
@media screen and (max-width: 39.9375em){

}

/*MEDIUM UP*/
@media screen and (min-width: 40em){
	header.article-header{
		padding-bottom: 1.5rem !important;
		padding-top: 2.25rem !important;
		padding-left: 1.25rem !important;
	}
	body:not(.home) #contentSite.interior, main#main{
		margin-bottom: 0 !important;
	}
	ul.list-paw-purple{
		columns: 2;
	}
	
	
}

/*LARGE UP*/
@media screen and (min-width: 64em){
	main h1{
		font-size: 1.75rem;
	}
	body:not(.home) main#main {
    	padding-bottom: 2rem;
		}
	body:not(.archive) main#main{
		width: 100% !important;
	}
}


/*X-LARGE UP*/
@media screen and (min-width: 1400px){

	
}




/*SMALL ONLY*/
@media screen and (max-width: 39.9375em){

}

/*MEDIUM UP*/
@media screen and (min-width: 40em){

	
}

/*LARGE UP*/
@media screen and (min-width: 64em){/*
	
	
}


/*X-LARGE UP*/
@media screen and (min-width: 1400px){/*

	
}