/* CSS Document */

html, body { width: 100%; font-size: 17px; font-family: "minion-pro",serif; font-weight: 100; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-smoothing: antialiased; text-rendering: optimizeLegibility; background: #FFF; overflow-x: hidden; }

* { margin: 0; padding: 0; border: 0; }
a { outline: 0; text-decoration: none; }

/* ------------------------------------------------------------------------------------ */
/* TYPE */
/* ------------------------------------------------------------------------------------ */

h1, h2, h3, h4, h5 { font-family: "minion-pro",serif; font-weight: 100; line-height: 1.3em; }

h1 { font-size: 2.25em; color: #977547; margin-bottom: .75em; }
h2 { font-size: 2.25em; color: #977547; margin-bottom: .75em; }
h3 { font-size: 1.4em; color: #004884; margin-bottom: .75em; }

h2.inside { font-size: 1.65em; color: #977547; margin-bottom: .15em; }
h3.white, p.white { color: #FFF; }

p { font-size: 1em; color: #999; line-height: 1.6em; margin-bottom: 1.6em; }

ol { list-style-position: inside; margin: 0 0 1.5em 0; }
ul.bullet { list-style: disc; margin: 0 0 1.5em 0; list-style-position: inside; }
ul.nostyle { list-style: none; margin: 0 0 1.5em 0; list-style-position: inside; }
ul.nostyle li,
ul.bullet li { font-size: 1em; color: #999; line-height: 1.8em; }

.parallax p { color: #FFF; }
.austins p { color: #676767; margin: 0; }

.white h2, .white p, .white ul li { color: #FFF; }

nav { font-size: .76em; text-transform: uppercase; }

.subnav .title { font-size: 1.2em; }
.subnav { font-size: .9em; text-transform: uppercase; }

address { font-style: normal; }

span { color: #977547;  }

.divbannercontent .title { font-size: 4.25em; color: #004884; line-height: 1em; margin-bottom: 25px; } 
.divbannercontent .subtitle { font-size: 2.5em; color: #977547; line-height: 1.1em; margin-bottom: 15px; }

blockquote { font-size: 1.4em; color: #004884; line-height: 1.4em; margin-bottom: 20px; }
blockquote cite { display: block; font-size: .9em; color: #977547; font-style: normal; margin-top: 15px; } 

blockquote.inside { font-size: 1.25em; color: #004884; line-height: 1.4em; font-style: italic; }
blockquote.inside cite { display: block; font-size: .8em; color: #977547; font-style: normal; margin-top: 0; } 

.news h3 { font-size: 1.1em; color: #977547; margin-bottom: .5em; font-family: "minion-pro",serif; font-weight: 100; }
.news p { font-size: 1em; color: #004884; }

.btn, .btn1 { font-size: 1.15em; }

footer li { line-height: 1.5em; color: #FFF; }
footer { font-size: .93em; }

.credits p { font-size: .93em; color: #FFF; padding: 12px 0; margin: 0; }

.form, .form input, .form textarea, .form .send { font-size: 1em; font-family: "minion-pro",serif; font-weight: 300; color: #FFF; }


/* Placeholder Colour */
::-moz-placeholder { opacity: .6; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
 }
:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
 color: #FFF;
}

.left { float: left; }
.right { float: right; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.caps { text-transform: uppercase; }

.CookieDeclarationDialogText { display: none; }
.rss2html-note { display: none; }

/* ------------------------------------------------------------------------------------ */
/* LINKS */
/* ------------------------------------------------------------------------------------ */

a { color: #977547; }
a:hover { color: #999; }

nav li a { color: #FFF; }
nav li a:hover { color: #C9B192; }
nav li a.active { color: #C9B192; }

.topnav li a { color: #004884; }
.topnav li a:hover { color: #977547; }



.topnav li ul {
  display: none; /* hide submenu */
}

.topnav li {
  position: relative; /* needed for absolute submenu positioning */
}

.topnav li ul {
  display: none; /* hide by default */
  position: absolute; /* position relative to parent li */
  top: 100%; /* place directly below parent li */
  left: 0; /* align left edges */
  padding: 0;
  margin: 0;
  list-style: none; /* remove bullets */
  background-color: white;
  min-width: 220px; /* optional: submenu width */
}

/* Show submenu on hover */
.topnav li:hover > ul {
  display: block;
	z-index: 99999;
	text-align: left;
}

/* Submenu items stacked vertically */
.topnav li ul li {
  display: block;
	z-index: 99999;
  width: 100%; /* fill submenu width */
}

/* Optional: style links inside submenu */
.topnav li ul li a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
}

/* Optional: hover effect */
.topnav li ul li a:hover {
  background-color: #eee;
}



.subnav a { display: block; background: #977547; padding: 12px; margin-bottom: 3px; color: #fFF; }
.subnav a:hover, .subnav a.active { background: #C9B192; color: #FFF; }

.featured a { display: block; width: 96%; padding: 22px 2%; background: #004884; color: #FFF; text-transform: uppercase; margin-bottom: 10px; }
.featured a:hover { background: #977547; }

.featuredsidebar a { display: block; width: 96%; padding: 12px 2%; background: #004884; color: #FFF; text-transform: uppercase; margin-bottom: 20px; }
.featuredsidebar a:hover { background: #977547; }

footer a { color: #FFF; }
footer a:hover { color: #B08F66; }

.credits a { color: #FFF; }
.credits a:hover { color: #C9B192; }


/* BTNS */
.btn { margin: 10px 0; font-weight: 300; }
.btn a { display: inline-block; padding: 12px 26px; border: 1px solid #977547; text-align: center; color: #004884; }
.btn a:hover { color: #FFF; }

.btn2 a { display: inline-block; padding: 12px 26px; border: 1px solid #977547; text-align: center; color: #FFF; background: #004884; }
.btn2 a:hover { background: #977547; color: #FFF; }


/* Sweep To Top */
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
  
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #004884; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: #FFF; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

.scrollToTop { width: 50px; height: 50px; position: fixed; bottom: 80px; right: 20px; display: none; background: url(../images/back-to-top.png) no-repeat; z-index: 9999; cursor: pointer; background-size: 50px; }
.scrollToTop:hover { text-decoration: none; }


/* ------------------------------------------------------------------------------------ */
/* STRUCTURE */
/* ------------------------------------------------------------------------------------ */

.mobilehide { display: block; }
.desktophide { display: none; }

.clearfix:after { content: ' '; display: block; clear: both; }

.divcontainer { float: left; width: 100%; }
.divcontent { position: relative; max-width: 1100px; margin: auto; padding: 40px 20px; }
.divcontentnopad { position: relative; max-width: 1100px; margin: auto; padding: 0 20px; }
.divpopup { position: relative; display: block; max-width: 1100px; padding: 15px 20px; margin: auto; }
.xtrapadbot { padding-bottom: 60px; }

.bluefadebot { width: 100%; height: 170px; margin-top: -160px; margin-bottom: 4px; background: url(../images/blue-fade-bot.png) repeat-x bottom; background-size: auto 170px; z-index: 99; }

.topnav { float: left; display: block; width: 100%; margin: 0; padding: 15px 0; }
.topnav ul { list-style: none; text-align: center; margin: 0; }
.topnav li { display: inline-block; padding: 0; color: #977547; }
.topnav ul li:after { content: "|"; padding: 0 2.6em; }
.topnav ul li.last:after { content: ""; padding: 0;  }

nav { float: left; display: block; width: 100%; height: 30px; margin: 0; padding: 13px 0 0; background: #977547; }
nav ul { list-style: none; text-align: center; margin: 0; }
nav li { display: inline-block; padding: 0 8px; }

.slicknav_menu { display: none; }
.subnav { margin-top: 10px; }
.subnav .title { display: block; background: #004986; padding: 12px; margin-bottom: 3px; color: #FFF; }
.subnav ul { list-style: none; padding: 0; margin: 10px 0 30px 0; }

#banner { float: left; position: relative; width: 100%; height: 600px; }
#banner .divlogo { display: block; width: 370px; height: 92px; margin: 0 auto 15px; background: url(../images/harwood-park-logo.jpg) no-repeat center; background-size: cover; }
#banner .divlogonbp { display: block; width: 420px; max-width: 100%; height: 175px; margin: 150px auto 0; background: url(../images/natural-burial-park/austins-natural-burial-park-logo.png) no-repeat center; background-size: cover; }
#banner .divlogoHC { display: block; width: 370px; height: 92px; margin: 0 auto 15px; background: url(../images/harwood-cremations-logo.png) no-repeat center; background-size: cover; }
#banner .divbannercontent { position: relative; width: 400px; margin: 50px 0; z-index: 99; }
#banner .bottomfade { position: absolute; bottom: 0; width: 100%; height: 295px; background: url(../images/banner-bottom-fade.png) repeat-x; z-index: 98; }

.bannertwo { float: left; position: relative; width: 100%; height: 600px; background: #EEE; }
.peaceful { background: url(../images/harwood-park-peaceful-resting-place.jpg) no-repeat center; background-size: cover; }

.featured IMG { display: block; width: 100%; height: auto; margin-bottom: 10px; }
.doveimage { display: block; width: 430px; height: 290px; margin: auto; background: url(../images/dove.png) no-repeat center; background-size: cover; }

.textblock { padding: 20px 10%; }
.news { margin: -20px 0 30px -10px; }

.video-container { position: relative; padding-bottom: 52%; padding-top: 0; height: 0; overflow: hidden; margin: 20px 0 -50px; }
.video-container iframe { position: absolute; top: 0; left: 13%; width: 74%; height: 74%; }

.maps iframe { pointer-events: none; width: 100%; height: 500px; }

.entryimage.nomargin IMG { margin: 0; }

.entryimage { display: block; margin: 10px 0 20px; }
.entryimage IMG { width: 100%; height: auto; display: block; margin-bottom: 20px; }
.entryimage.medium IMG { width: 80%; height: auto; display: block; }
.entryimage.small IMG { width: 50%; height: auto; display: block; }

.border { padding: 3%; margin-bottom: 15px; } 


.bluebg { background: #004884; }
.goldbg { background: #977547; }
.greybg { background: #CCC; }


footer .divlogo { display: block; width: 325px; height: auto; margin: 0 auto 40px; }
footer .divlogo IMG { width: 100%; height: auto; }
footer ul { list-style: none; margin: 0 0 1.5em 0; padding: 0; }
footer span { color: #B08F66; }
footer li.title { color: #B08F66; }


/*Natural Burial Park*/
.greenpattern-bg { background: url(../images/natural-burial-park/pattern-green.jpg) no-repeat center; background-size: cover; }
.greenpattern-bg1 { background: url(../images/natural-burial-park/pattern-green.jpg) repeat center; background-size: contain; }
.goldpattern-bg { background: url(../images/natural-burial-park/pattern-gold.jpg) no-repeat center; background-size: cover; }
.trees { background: url(../images/natural-burial-park/trees.jpg) no-repeat center; background-size: cover; }
.leaf { background: url(../images/natural-burial-park/leaf.jpg) no-repeat center; background-size: cover; }


/*Pop Up*/
.divimagearea IMG { float: left; width: 100%; height: auto; margin-bottom: 30px; }
.divclaire { float: left; width: 100%; height: 180px; margin: -125px 0 30px 0; text-align: center; }
.divclaire IMG { width: 180px; height: 180px; }


/* TESTIMONIALS */
.owl-theme .owl-controls { margin: 10px 0 20px; float: right; width: 100%; }
.owl-theme .owl-controls .owl-buttons div { display: inline-block; zoom: 1; display: inline; margin: 5px; padding: 3px 10px; }
.owl-prev:before, 
.owl-next:before { content: "\f104"; font-family: 'FontAwesome'; font-size: 22px; color: #1f487e; }
.owl-next:before { content: "\f105"; }


/* PARALLAX SLIDES */
.parallax { position: relative; float: left; width: 100%; min-height: 350px; padding: 100px 0; margin: 0; z-index: 80; }
.slide1 { background: url(../images/horse-drawn-carriage-bg.jpg) 50% 0 no-repeat fixed; background-size: cover; }
.perfectsetting { background: url(../images/harwood-cremations.jpg) 50% 0 no-repeat fixed; background-size: cover; }


/* ------------------------------------------------------------------------------------ */
/* COLLAPSABLE DATA TABLE (FEES) */
/* ------------------------------------------------------------------------------------ */

table { border: 1px solid #004884; width: 100%; margin: 0 0 30px 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
table tr { border: 1px solid #004884; padding: 5px; }
table tr:nth-child(even) { background: #EEE; }
table tr:nth-child(odd) { background: #FFF; }
table th { padding: 10px; text-align: left; color: #FFF; }
table td { padding: 10px; text-align: left; color: #808081; }
table th { font-size: 1.1em; background: #004884; font-weight: 300; }


/* ACCORDION STYLE */
ul#accordion { padding: 2px 0; margin-bottom: 40px; }
ul#accordion li { list-style-type: none; }
ul#accordion p { color: #808081; }
ul#accordion a { text-decoration: none; color: #5e0a4f; }
ul#accordion a:hover { text-decoration: none; }
ul#accordion a:focus { text-decoration: underline; }

button { cursor: pointer; margin: 0; font-family: "museo-sans",sans-serif;font-weight: 400; text-align: left; }

/* Helpers */
.is-hidden { display: none; }
.accordion__item { width: 100%; border-top: 1px solid #fff;  }
.accordion__item:first-child { border: none; }
.accordion__trigger { display: block; width: 100%; padding: 10px 20px; color: #FFF; background-color: #5e0a4f; border: none; font-size: 1.2em; }
.accordion__item.is-open .accordion__trigger { color: #fff; background-color: #9a9999; }
.accordion__content { background-color: #EEE; padding: 20px;  }
.accordion__content p { margin: 0; margin-bottom: 1.5em; line-height: 1.4em; }

/* ------------------------------------------------------------------------------------ */
/* FORMS */
/* ------------------------------------------------------------------------------------ */

.form { float: left; width: 100%; padding: 0; margin-bottom: 2em; }
.form input { width: 96%; padding: 2%; background: #999; border: 0; margin: 0 0 2px 0; } 
.form textarea { width: 96%; height: 130px; overflow: auto; padding: 2%; background: #999; border: 0; margin: 0 0 5px 0; } 
.form label { display: inline-block; margin: 10px 10px 0; float: left; width: 150px; text-align: left; }
.form [type=checkbox] { display: block; margin: 5px 8px 0 0; width: 17px; float: left; }
.form .send { float: left; display: block; width: 100%; padding: 2%; cursor: pointer; border: none; background: #004884; -webkit-appearance: none; }
.form .send:hover { background: #977547; color: #FFF; }

/* ------------------------------------------------------------------------------------ */
/* GRID */
/* ------------------------------------------------------------------------------------ */

.one-half, .one-half-border, .one-third, .one-fourth, .one-fifth, .two-fourths, .two-thirds, .three-fourths, .full-width { display: inline-block; float: left; margin-right: 2%; min-height: 50px; }

.one-half { width: 49%; }
.one-third { width: 32%; }
.one-fourth { width: 23.5%; }
.one-fifth { width: 16%; }
.two-thirds { width: 64%; padding-right: 2%; }
.two-fourths { width: 47%; }
.three-fourths { width: 73%; }
.full-width { width: 100%; }
.column-last { margin-right: 0 !important; }
.no-margin { margin-right: 0 !important; }

.one-half-border { width: 49%; border-left: 1px solid #977547; }


@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {


/* ------------------------------------------------------------------------------------ */
/* STRUCTURE */
/* ------------------------------------------------------------------------------------ */

nav { display: none }
.slicknav_menu { display: block; }

.topnav { float: none; position: absolute; top: 11px; left: 10px; width: auto; padding: 0; z-index: 999; }
.topnav ul { text-align: left; }
.topnav ul li:after { content: "|"; padding: 0 .5em; }
	
}


@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	
.mobilehide { display: none; }
.desktophide { display: block; }

/* ------------------------------------------------------------------------------------ */
/* TYPE */
/* ------------------------------------------------------------------------------------ */

h2 { font-size: 2em; line-height: 1.1em; }
.divbannercontent .title { font-size: 2.4em; margin-bottom: 10px; } 
.divbannercontent .subtitle { font-size: 1.1em; }

.btn, .btn1 { font-size: 1em; }

.txtleft { text-align: center; }
.txtright { text-align: center; }

/* BTNS */
.btn { margin: 5px 0; }
.btn a { background: #004884; padding: 10px 20px; color: #FFF; }
.btn a:hover { background: #977547; }


/* ------------------------------------------------------------------------------------ */
/* STRUCTURE */
/* ------------------------------------------------------------------------------------ */

nav { display: none }
.slicknav_menu { display: block; }

.divcontent { width: 90%; padding: 30px 5%; z-index: 999; }
.divcontentnopad { width: 90%; padding: 0 5%; z-index: 999; }

.topnav { float: none; position: absolute; top: 11px; left: 10px; width: auto; padding: 0; z-index: 999; }
.topnav ul { text-align: left; }
.topnav ul li:after { content: "|"; padding: 0 .5em; }

#banner { height: 600px; margin-bottom: -80px; }
#banner .divlogo { width: 281px; height: 70px; }
#banner .divbannercontent { position: absolute; width: 90%; margin: 0 auto; }
#banner .bottomfade { display: none; }

.textblock { padding: 20px 5%; }
.featured { position: relative; margin-bottom: 20px; z-index: 99; }
.doveimage { width: 300px; height: 197px; }

.entryimage.medium IMG { width: 100%; }
.entryimage.small IMG { width: 100%; }

.funeralplan IMG { width: 70%; padding: 15px 0; margin: 0 15%; }

.news { margin: -30px 0 30px 0; }

footer .divlogo { width: 290px; }
footer ul { margin: 1em 0 1.5em 0; }

.video-container { margin: 20px 0 ; }
.video-container iframe { left: 0%; width: 100%; height: 100%; }

.divpopup { width: 260px; }
.divclaire { height: 125px; margin: 0 0 10px 0; }
.divclaire IMG { width: 125px; height: 125px; }

/*Natural Burial Park*/
.greenpattern-bg1 { background: url(../images/natural-burial-park/pattern-green-mob.jpg) no-repeat center; background-size: cover; }
.trees1 { background: url(../images/natural-burial-park/trees.jpg) no-repeat center; background-size: cover; }
.leaf1 { background: url(../images/natural-burial-park/leaf.jpg) no-repeat center; background-size: cover; }


/* TESTIMONIALS */
.owl-theme .owl-controls { margin: 10px 0 30px 5px; float: none; text-align: center; }
.owl-prev:before, 
.owl-next:before { font-family: 'Font Awesome 5 Free'; }

/* PARALLAX SLIDES */
.parallax { padding: 30px 0; }
.slide1 { position: relative; background-size: cover; background-attachment: scroll !important; background-position: bottom !important; }

/* ------------------------------------------------------------------------------------ */
/* GRID */
/* ------------------------------------------------------------------------------------ */

.one-half, .one-third, .one-fourth, .one-fifth, .two-thirds, .two-fourths, .three-fourths, .full-width { margin-right: 0; }

.one-half { width: 100%; }
.one-third { width: 100%; }
.one-fourth { width: 100%; }
.one-fifth { width: 100%; }
.two-fourths { width: 100%; }
.two-thirds { width: 100%; }
.three-fourths { width: 100%; padding-right: 0; }
.one-half-border { width: 100%; border-left: none; border-top: 1px solid #977547; }

}