/*
Theme Name: The Dog's Lounge 2020 Child
Theme URI: http://www.thedogslounge.com.au/
Description: A child theme of The Dog's Lounge 2020.
Author: AcctWeb / Dominic Greene
Author URI: https://www.acctweb.com.au/
Template: wp-forge
Version: 9999.99
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: canine-creche-child

Start adding your theme specific styles below.
*/

/*
Core Styling, Layout and Typography ----------------------------------
*/

html {
	background: #333333;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #FEFEFE;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

article {
    hyphens: none;
    word-wrap: unset;
}

a {
	color: #0E8803;
}

strong, b {
    font-weight: 600;
}

/*
Header ----------------------------------
*/

.header_container {
    background: #FEFEFE;
}

.header_wrap {
    background-color: #FEFEFE;
    padding: 0.5rem 0 0;
}

.header-text {
	text-align: right;
	color: #111111;
	font-weight: 600;
}

.header-text a {
	font-size: 1.125rem;
	background: #2b2b2b;
	color: #FFFFFF;
	padding: 0.5rem 1.5rem;
	border-radius: 4px;
}

.header-text a:hover {
	background: #545454;
}

.mob-text {
	background: #dc5835;
	color: #FFFFFF;
}

.nav_container {
	border-bottom: 1px solid #777;
	background: #FEFEFE;
}

img.header-image {
	height: 83px;
}

.contain-to-grid {
	background: #FEFEFE;
}

.contain-to-grid.fixed {
	border-bottom: 1px solid #777777;
}

.top-bar, .contain-to-grid .top-bar {
    background-color: #FEFEFE;
}

.contain-to-grid .fixed .contain-to-grid .top-bar {
	background-color: #333333;
}

.contain-to-grid img {
    display: none;
}

.contain-to-grid.fixed img {
    display: block;
    height: 68px;
}

.top-bar ul li {
	background: #FEFEFE;
}

.top-bar .menu-item a {
    color: #2b2b2b;
    font-weight: 600;
}

.menu > li:not(.menu-text) > a {
    background: #FEFEFE;
}

.top-bar .menu .current_page_item a {
    color: #2b2b2b;
}

.top-bar .menu .current_page_item a:hover {
    background-color: #FEFEFE;
    color: #454545;
}

.top-bar .menu-item a:hover {
    color: #086600;
    background-color: #FEFEFE;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-top-color: #2b2b2b;
    margin-top: -.15rem;
}

.dropdown .is-dropdown-submenu a {
    padding: 1rem;
    line-height: 2 !important;
    border-bottom: 1px solid #CCCCCC;
}

/*
Homepage ----------------------------------
*/

.area-homepage-intro {
	text-align: center;
	background: #8fe82a url(/files/uploads/background-paw-print-black.png) repeat-y center;
	background-size: cover;
	color: #060606;
	transition: background 2s ease-in !important;
}

.intro-bg {
	padding: 1rem 0 3rem;
	background: RGBA(255,255,255,0.65);
}

.area-homepage-intro p {
	font-weight: 500;
	font-size: 1.125rem;
}

.area-homepage-intro img {
	padding: 0 3rem;
	margin: 0 auto;
}

.intro-services a {
	display: block;
	padding: 0.25rem 0.25rem 0;
	border: 2px solid transparent;
	border-radius: 1rem;
	max-height: 300px;
}

.intro-services a:hover {
	border: 2px solid #FFFFFF;
	background: RGBA(255,255,255,0.2)
}

.intro-services a:hover h2 {
	color: #545454;
}

.intro-services img {
	max-height: 200px;
}

.area-homepage-intro a.button {
	margin-top: 1.5rem;
}

.area-homepage-daycare {
	padding: 3rem 0;
	background: #c4421e;
	color: #FFFFFF;
	font-size: 1.125rem;
}

.area-homepage-daycare a {
	color: #D5FFA5;
	font-weight: 600;
}

.area-homepage-daycare a:hover {
	color: #E9FFD0;
	text-decoration: underline;
}

.area-homepage-daycare a.button:hover {
	text-decoration: none;
}

.area-homepage-daycare img {
	border-radius: 50%;
}

.area-homepage-taxi {
	padding: 3rem 0;
	background: #FEFEFE;
	background-size: cover;
	font-size: 1.125rem;
}

.area-homepage-taxi img {
	border-radius: 50%;
}

.area-homepage-grooming {
	padding: 3rem 0;
	color: #222222;
	background: #91e334 url("/files/uploads/background-paw-print-black.png") repeat-y center;
	font-size: 1.125rem;
}

.area-homepage-grooming img {
	border-radius: 50%;
}

.area-homepage-testimonials {
	text-align: center;
	padding: 3rem 0;
	background: #FEFEFE;
	font-size: 1.125rem;
}

.area-homepage-testimonials h2 {
	margin-bottom: 1rem;
}

.area-homepage-testimonials a p {
	font-size: 1rem;
}

.area-homepage-testimonials a {
	border: 2px dashed #0E8803;
	display: block;
	border-radius: 7px;
	padding: 2rem 2rem 1rem;
	margin-top: 2rem;
}

.area-homepage-testimonials a:hover {
	background: #0E8803;
	color: #FFFFFF;
	border: 2px dashed #FFFFFF;
}

.area-homepage-testimonials i {
	font-size: 2.5rem;
}

p.testimonial-origin {
	margin: 3rem 0 1rem;
	font-size: 1rem;
}

.area-footer-enquiry {
	text-align: center;
	padding: 3rem 0;
	background: #96e839 url("/files/uploads/background-paw-print-black.png") repeat-y center;
	color: #333333;
}

.area-footer-enquiry h2 {
    margin-bottom: 1rem;
}

.area-footer-enquiry p {
    margin-bottom: 1.6rem;
    font-size: 1.25rem;
}

.area-footer-enquiry a.button, .area-footer-enquiry .button {
	box-shadow: 0px -2px inset RGB(0, 0, 0);
	border: none;
}

.area-footer-enquiry a.button:hover, .area-footer-enquiry .button:hover {
	box-shadow: 0px -2px inset RGBA(0, 0, 0,0.3);
}

body.page-id-12 .area-footer-enquiry {
	display: none;
}
/*
Content ----------------------------------
*/

.content_container {
	background-color: #FEFEFE;
}

.content_wrap {
    background-color: #FEFEFE;
    padding-top: 0;
}

.breadcrumbs-area {
	background: #8fe82a;
	position: absolute;
	left: 0;
	width: 100%;
}

ul.breadcrumbs {
    margin-left: 0 !important;
    left: 0;
    width: 100%;
    border: none;
    font-size: .875rem;
    color: #333333;
    border-radius: 0;
    background: transparent;
    margin: 0;
}

ul.breadcrumbs a {
	color: #333333;
}

ul.breadcrumbs a:hover {
	color: #555555;
	text-decoration: underline;
}

.breadcrumbs a:not(:last-child)::after {
    color: #333333;
}

.breadcrumb_last {
	font-weight: 600;
}

h1.entry-title-page {
    font-weight: 600;
    margin-top: 2rem;
}

h2.entry-title-post {
	margin-top: 4rem;
}

.entry-content-page h3 {
    margin-top: 3rem;
}

.entry-content-page h2 {
    color: #555;
    font-size: 2.5rem;
    font-weight: 600;
}

.entry-content-page a {
    color: #0E8803;
    font-weight: 500;
}

.entry-content-page a:hover {
    color: #096601;
}

ul.cntc-details {
	margin-left: 0;
	list-style: none;
	margin-bottom: 1.5rem;
}

ul.cntc-details li {
	margin-bottom: 1rem;
}

.pricing-table {
	border: solid 1px #DDDDDD;
}

.pricing-table li {
	border-bottom: dotted 1px #DDDDDD;
	font-size: 1rem  !important;
	padding: 0.875rem 0.5rem;
}

.entry-content-page .pricing-table li {
	font-size: 1rem !important;
}

.pricing-table li:last-child {
	border-bottom: 0;
}

.pricing-table .title {
	background-color: #8fe82a;
	font-size: 1rem;
	border-bottom: 0;
	color: #333333;
	font-weight: 600;
}

.pricing-table .price {
	background-color: #F6F6F6;
	color: #333333;
	font-size: 1.75rem;
	border-bottom: 0;
}

.pricing-table .description {
	color: #777777;
	font-size: 0.625rem;
}

.pricing-table .button {
	margin: 0;
}

img.content-img {
	border-radius: 50%;
	margin-bottom: 2rem;
}

img.wp-post-image {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.sitemap-list {
	margin-bottom: 3rem;
}

.sitemap-list a {
	font-weight: 500;
}

.sitemap-list a:hover, .sitemap-list a:focus {
	color: #096601;
	text-decoration: underline;
}

/*
Buttons and Forms ----------------------------------
*/

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
	border: 1px solid #0E8803;
	border-radius: 4px;
}

select {
    border: 1px solid #1D8FC9;
    border-radius: 4px;
}

a.button, .button {
	background-color: #2b2b2b;
	font-weight: 500;
	border-radius: 4px;
	padding: 1rem 2rem;
	color: #FFFFFF;
	font-size: 1rem;
	box-shadow: 0px -2px inset RGBA(0, 0, 0,0.3);
	border: none;
}

a.button:hover, .button:hover{
    background: #545454;
    color: #FFFFFF;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
    background: #fbae22;
    border: none;
    color: #111;
    padding: 1rem 1.5rem;
    font-weight: 500;
}

div.wpcf7-mail-sent-ok {
    border: none;
    background: #1AA958;
    color: #FFF;
    font-weight: 500;
    padding: 1rem 1.5rem;
}

/*
Dog Enrolment Form ----------------------------------
*/

.enrol-area-owner {
	padding: 1rem 2rem;
	border: 3px dashed #ed4d24;
}

.enrol-area-owner h2 {
	font-size: 2.5rem;
	background: #ed4d24;
	color: #FEFEFE;
	text-align: center;
	font-weight: 600;
	padding: 1rem;
	margin: 1rem 0 2rem;
}

.enrol-area-dog1 {
	padding: 1rem 2rem;
	border: 3px dashed #E8711B;
	margin-top: 1rem;
}

.enrol-area-dog1 h2 {
	font-size: 2.5rem;
	background: #E8711B;
	color: #FEFEFE;
	text-align: center;
	font-weight: 600;
	padding: 1rem;
	margin: 1rem 0 2rem;
}

.enrol-area-dog2 {
	padding: 1rem 2rem;
	border: 3px dashed #DF0312;
	margin-top: 1rem;
}

.enrol-area-dog2 h2 {
	font-size: 2.5rem;
	background: #DF0312;
	color: #FEFEFE;
	text-align: center;
	font-weight: 600;
	padding: 1rem;
	margin: 1rem 0 2rem;
}

.enrol-area-dog3 {
	padding: 1rem 2rem;
	border: 3px dashed #DD088E;
	margin-top: 1rem;
}

.enrol-area-dog3 h2 {
	font-size: 2.5rem;
	background: #DD088E;
	color: #FEFEFE;
	text-align: center;
	font-weight: 600;
	padding: 1rem;
	margin: 1rem 0 2rem;
}

.enrol-area-dog4 {
	padding: 1rem 2rem;
	border: 3px dashed #8113CC;
	margin-top: 1rem;
}

.enrol-area-dog4 h2 {
	font-size: 2.5rem;
	background: #8113CC;
	color: #FEFEFE;
	text-align: center;
	font-weight: 600;
	padding: 1rem;
	margin: 1rem 0 2rem;
}

.enrol-area-terms {
	padding: 1rem 2rem 0;
	border: 3px dashed #1AA958;
	margin-top: 1rem;	
}

.enrol-area-terms h2 {
	font-size: 2.5rem;
	background: #1AA958;
	color: #FEFEFE;
	text-align: center;
	font-weight: 600;
	padding: 1rem;
	margin: 1rem 0 2rem;
}

.enrol-acceptance {
	margin-bottom: 3rem;
}

.enrol-acceptance input {
	position: relative;
	left: -195px;
	margin: 0;
	bottom: -30px;
	overflow: hidden;
}

.enrol-acceptance span {
	position: relative;
	left: 8px;
	font-size: 1rem;
	font-weight: 500;
}

/*
Footer ----------------------------------
*/

.insta-feed {
	background: #333333;
}

.footer_container {
	background: #333333;
	padding: 3rem 0 1rem;
}

footer[role="contentinfo"] {
    border-top: none;
    background: #333333;
}

footer[role="contentinfo"] a, #footer .menu > .current_page_item > a {
    color: #8fe82a;
}

footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:focus, #footer .menu > .current_page_item > a:hover, #footer .menu > .current_page_item > a:focus {
    color: #aee372;
    text-decoration: underline;
}

.footer_wrap p {
    color: #C1C1C1;
}

.footer-pages ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}

.footer-desc {
	margin: 4rem 0 2rem;
}

.footer-desc ul {
	margin-left: 0;
	list-style-type: none;
	color: #C1C1C1;
}

.footer-soc i {
	font-size: 2rem;
	margin-right: 0.5rem;
}

/* Child Theme Media Queries - Use the following media queries to adjust the appearance of your theme on mobile devices */

@media screen and (max-width: 39.9375em) /* Small only */ {

	.mob-text p {
		font-size: 0.75rem;
		text-align: center;
		margin-bottom: 0;
	}

	.intro-bg {
		background: RGBA(255,255,255,0.75);
	}

	.entry-content-page h2 {
	    font-size: 1.625rem;
	}

	.entry-content-page h3 {
		font-size: 1.25rem;
	}

	.area-homepage-intro img {
	    padding: 0;
	    max-width: 200px;
		width: 100%;
	}

	.area-homepage-daycare img {
		margin-bottom: 1rem;
	}

	.area-homepage-taxi img {
		margin-bottom: 1rem;
	}

	.area-homepage-grooming img {
		margin-bottom: 1rem;
	}

	.intro-services h2 {
		font-size: 1.25rem;
		color: #0e435e;
	}

	a.button, .button {
		padding: 1rem;
	}

	.pricing-table li {
	    font-size: 0.625rem !important;
	    padding: 0.875rem 0.1rem;
	}

	.entry-content-page .pricing-table li {
		font-size: 0.625rem !important;
	}

	.enrol-area-owner {
    	padding: 0 0.75rem;
	}

	.enrol-area-dog1 {
    	padding: 0 0.75rem;
	}

	.enrol-area-dog2 {
    	padding: 0 0.75rem;
	}

	.enrol-area-dog3 {
    	padding: 0 0.75rem;
	}

	.enrol-area-dog4 {
    	padding: 0 0.75rem;
	}

	.enrol-area-terms {
		padding: 0 0.75rem 0;
	}

	.enrol-acceptance span {
	    position: unset;
	}

	.enrol-acceptance input {
		position: unset;
	}

	.footer_wrap p, .footer_wrap a {
	    font-size: 1rem !important;
	    margin-bottom: 1rem;
	}

	img.footer-image {
		margin: 1rem 0 0 0;
	}

	img.services-chars {
		max-width: 250px;
		width: 100%;
	}

}

@media screen and (max-width: 63.9375em) /* Medium and below */ {

	.title-bar {
	    padding: 0.2rem 0.2rem;
	}

	img.header-image {
	    height: 60px;
	}

	.off-canvas .menu .menu-item-home, .off-canvas .menu .current-menu-parent, .off-canvas .menu .current-page-parent, .off-canvas .menu .current-page-ancestor, .off-canvas .menu .current_page_item, .off-canvas-absolute .menu .current-menu-parent, .off-canvas-absolute .menu .current-page-parent, .off-canvas-absolute .menu .current-page-ancestor, .off-canvas-absolute .menu .current_page_item {
    background-color: #333;
	}

	.off-canvas-content .title-bar {
	    background-color: #FEFEFE;
	}

	.off-canvas-content .title-bar-title {
	    color: #333333;
	}

	.off-canvas-content .menu-icon::after {
	    background: #333;
	    box-shadow: 0 7px 0 #333,0 14px 0 #333;
	}

	.menu > li:not(.menu-text) > a {
	    background: #333333;
	}

	li.menu-item {
		border-bottom: 1px solid #5F5F5F;
	}

	.mob-call a {
		display: block;
		width: 100%;
		background: #8fe82a;
		color: #333333;
		font-weight: 500;
		text-align: center;
	}

	.header_wrap {
		display: none;
	}

}

@media screen and (min-width: 40em) /* Medium and up */ {

	p.cred {
		text-align: right;
	}

	.top-bar .top-bar-right {
	    margin: auto;
	}

	.area-homepage-intro p {
		padding: 0 1rem;
	}

	.area-homepage-intro h2 {
		font-size: 2rem;
		line-height: 1.25;
		padding: 1rem 1.3rem 0;
		color: #2b2b2b;
	}

	.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
	    top: 100%;
	    left: 0;
	    right: auto;
	}

	.is-dropdown-submenu {
		min-width: 275px;
	}

	img.about-2 {
		margin-top: 0.435rem;
	}

	ul.right-li {
		text-align: right;
	}

}

@media screen and (min-width: 40em) and (max-width: 63.9375em) /* Medium only */ {

	.mob-text p {
		margin-bottom: 0;
		padding: 0 1.375rem;
	}

	.area-homepage-intro img {
	    padding: 0 1rem;
	}

	.area-homepage-intro h2 {
    	padding: 1rem 0 0;
    	font-size: 1.25rem !important;
   	}

	a.button, .button {
		padding: 1rem;
	}

}

@media screen and (min-width: 64em) { /* large and up */

	.mob-call {
		display: none;
	}

	.mob-text {
		display: none;
	}

	.top-bar .menu .current-menu-parent {
		background: #FEFEFE;
	}

	.top-bar .menu .current-menu-parent a, .top-bar .menu .current-page-parent a, .top-bar .menu .current-page-ancestor a, .top-bar .menu .current_page_item a {
    	color: #2b2b2b;
	}

	.top-bar .menu .current-menu-parent a:hover, .top-bar .menu .current-page-parent a:hover, .top-bar .menu .current-page-ancestor a:hover, .top-bar .menu .current_page_item a:hover {
	    color: #086600;
	}

	.top-bar ul li {
	    position: relative;
	}

	.top-bar .menu > li::after {
	    content: "";
		right: -2px;
		top: 18px;
		width: 3px;
		border-left: 1px solid #BBB;
		position: absolute;
		height: 16px;
	}

	.top-bar .menu > li:last-child::after {
	    display: none;
	}

	.dropdown.menu > li > a {
	    padding: 0.05rem 1rem;
	    transition: none !important;
	}

	.footer-desc img {
		float: right;
	}

}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {}/* large only */