/*
Theme Name: High Hounds
Version: 1.0
Description: WordPress theme for High Hounds
Author: INSPIRE
Author URI: http://www.inspiredm.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: highhounds

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*** General ***/
*, *::before, *::after { box-sizing: border-box; } body, p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0; padding: 0; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth } }
:focus-visible { outline: 2px solid var(--wp--preset--color--gold); outline-offset: 2px }
p { margin: 10px 0px }
body { font-family: 'Lato', sans-serif; font-size: 18px; color:#000; margin:0; font-weight:400; background: #fbf7eb; }
.inwrap { width: 100%; margin: 0 auto; }
.contentwrap { width: 100%; display:flex; background: #fbf7eb }
.content { width: 90%; margin: 120px auto 0; }
.contenthome { width: 100%; margin: 80px auto 0; }
.clear { clear: both; display: block; }
a, a:link, a:active, div a { text-decoration:none; }
a img {border:none }
@font-face{font-family:"Lato";src:url("fonts/Lato-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Lato";src:url("fonts/Lato-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

/*** Header ***/
.header { margin: 0 auto; width:100%; position:fixed; z-index: 1000; height: 80px; background: var(--wp--preset--color--maroon); display: flex; align-items: center; justify-content: center }
.header .logo { position: absolute; z-index: 10000; width:250px; left: 30px; }
.header .logo img { display:block; margin: 0 auto; width:100%; height:auto}
.header .headerbuttons { position: absolute; right: 30px; display: flex; align-items: center }
.header .headerbuttons a.book { border: none; padding: 0.65rem 1.4rem; font-size: 16px; color: #fff; text-decoration: none; text-align: center; cursor: pointer; background: var(--wp--preset--color--gold); border-radius: 8px; letter-spacing: 1px }
.header .headerbuttons a.book:hover { background: #fff; color: var(--wp--preset--color--maroon) }
.basket { color: #fff; position: fixed; top: 20px; right: 200px; z-index: 1000 }
.basket ul { list-style: none; display: flex; align-items: center}
.basket ul li { margin: 0 1em }

/*** Navigation ***/
.navigation ul { padding: 0; list-style:none; display:flex; margin: 0 auto; justify-content: center;  }
.navigation ul li a:hover { text-decoration:none; }
.navigation li { position: relative }
.navigation li a, .navigation li li a { display: inline-block; text-decoration: none; border: 0; position: relative; color: #fff; padding: 1.25em; font-size: 0.9em }
.navigation li ul { z-index: 9999; position: absolute; left: -999em; height: auto; margin: 0px; color:#000; flex-direction: column; } 
.navigation li ul ul { margin: -35px 0 0 166px; }
.navigation li:hover ul ul, #subnav li:hover ul ul ul { left: -999em; }
.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul { left: auto; }
.navigation li.notheader { display: none }

/*** Content ***/
.page { float:left; width:100%; }
.page .postHead { background: none; }
.postContent { padding: 0; max-width: 1200px; margin: 0 auto }
.contenthome .postContent { padding: 0;  }
.postContent a { color: #3d3938; text-decoration:underline }
.postContent .half { width:48%; float:left}
.postContent h1 { font-size: 2.5em; margin:0.5em 0; font-weight: 400}
.postContent h2 { font-size: 2em; margin:0.5em 0; font-weight: 400 }
.postContent h3 { font-size: 1.75em; margin: 0.5em 0; font-weight: 400 }
.postContent h4 { font-size: 1.5em; margin: 0.5em 0; }
.postContent h5 { font-size: 1.25em; margin: 0.5em 0; line-height:135%; }
.postContent h6 { font-size: 1em; }
.postContent p { margin: 0.5em 0 ; line-height:1.5; }
.postContent p.intro { font-size: 1.4em; margin: 1% 0 ; line-height:150%; }
.postContent p sup, .postContent p sub { font-size: 0.5em; }
.postContent ul { margin: 1em; list-style: outside }
.postContent ul li { margin: 1% 0 1% 1%; line-height: 140%; }
.postContent ol li { padding:5px 0; }
.postContent ol { margin: 5px 0px 5px 22px; }
.postContent blockquote { font-weight:normal; margin: 1em 0; padding: 0.5em ; border-left: 2px solid var(--wp--preset--color--gold); background: rgba(255,255,255,1) }
.postContent blockquote p { margin: 1%; }
.postContent blockquote cite { margin: 1%; font-size: 0.8em; font-weight: 700; font-style: normal }
.postContent hr { margin: 5% 0 }
.postContent img { max-width: 100%; height:auto }
.postContent a.post-edit-link { display: none; text-align: center; margin: 1em 0 }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/*** Specials ***/
.postContent .wp-caption { background: #f8f7eb; border: solid 1px #EBE9D7; text-align: center; padding-bottom: 4px; }
.postContent .wp-caption img { border: solid 5px #f8f7eb; }
.postContent .alignleft { float: left; margin: 0px 15px 5px 0px; display: block; max-width: 50% }
.postContent .alignright { float: right; margin: 0px 0px 5px 15px; display: inline; }
.postContent .aligncenter { width: 100%}
.postContent .wp-caption p { margin: 0px; }
.alignfull { margin: 0 calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.postContent .alignwide { max-width: 1200px; margin-left: auto; margin-right: auto }

/*** Footer ***/
.footer { font-size: 0.7em; display: flex; justify-content: center; align-items: center; background: var(--wp--preset--color--maroon); position: relative; color: #fff; flex-direction: column }
.footer a:hover { color: #a58a3a }
.footer .alignfull { margin: 0 auto; }
.footer .navigation { display: flex; justify-content: center; font-size: 1em; margin: 1em 0 }
.copyright { display: flex; justify-content: space-between; width: calc(100% - 2em); margin: 1em; }
.copyright a { color: #fff }
.copyrightright { text-align: right }

/*** Skip Links ***/
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; position: absolute !important; word-wrap: normal !important; }
.skip-link { position: absolute; top: -100px; left: 0; padding: 12px 16px; background: var(--wp--preset--color--maroon); color: #fff; font-weight: 700; text-decoration: underline; z-index: 100000; }
.skip-link:focus { top: 0; clip: auto; clip-path: none; height: auto; width: auto; overflow: visible; outline: 2px solid var(--wp--preset--color--gold); outline-offset: 2px; }

/*** Booking Plugin ***/
.time-picker #ph-calendar-time.ph-calendar-days { max-height: none !important; overflow: visible !important; }
.time-picker { max-height: none !important; overflow: visible !important; }
.time-picker-wraper #ph-calendar-time li.ph-calendar-date { padding: 8px 0 !important }
.time-picker-wraper #ph-calendar-time li.ph-calendar-date { color: #fff !important }

/*** Woocommerce ***/
.woocommerce-product-details__short-description {margin: 0 0 0.5em; display: inline-block }
.woocommerce-product-details__short-description p {font-size: 1.25em; color: var(--wp--preset--color--maroon); margin: 0 0 0.5em; font-weight: 700 }
.wc-block-components-button { background: var(--wp--preset--color--gold); font-size: 16px; border-radius: 8px; letter-spacing: 1px; color: #fff !important; text-decoration: none !important }
.wc-block-components-button:hover { background: var(--wp--preset--color--maroon) }
.wc-block-components-product-metadata__description { display: none }
.woocommerce div.product .woocommerce-tabs ul.tabs { display: none !important; }
.woocommerce-MyAccount-navigation ul { list-style: none ; margin: 0 0 2em }
.woocommerce-MyAccount-navigation ul li a { padding: 0.75em; text-decoration: none; background: var(--wp--preset--color--gold); color: #fff; display: inherit }
.woocommerce-MyAccount-navigation ul li a:hover { background: var(--wp--preset--color--maroon); }
a.wc-forward, .woocommerce-MyAccount-content a.button, button.woocommerce-Button { background: var(--wp--preset--color--gold) !important; color: #fff !important; font-weight: 400 !important; border-radius: 8px }
a.wc-forward:hover, .woocommerce-MyAccount-content a.button:hover, button.woocommerce-Button:hover { background: var(--wp--preset--color--maroon) !important; }
.wc-block-components-product-name { color: var(--wp--preset--color--maroon) }
.wc-block-components-button:not(.is-link).is-style-outline:not(:focus) { border: 2px solid var(--wp--preset--color--gold); color: var(--wp--preset--color--gold) !important}
.wc-block-components-button:not(.is-link).is-style-outline:not(:focus):hover { border: 2px solid var(--wp--preset--color--maroon); color: #fff !important; background: var(--wp--preset--color--maroon); box-shadow: none }
.wc-block-mini-cart__badge { color: var(--wp--preset--color--maroon) !important; background: #fff !important }
input[name="phive_cancel_order_id"] + div input[type="submit"] { background: var(--wp--preset--color--gold); color: #fff; border: 0; border-radius: 8px; padding: 0.65em 1.4em; font-size: 16px }
.woocommerce-info { border-color: var(--wp--preset--color--maroon); background-color: #f9f5f7 }
.woocommerce-info::before { color: var(--wp--preset--color--maroon) }
#phdogs-selector-wrap label, #phdogs-selector-wrap .phdogs-hint { color: #fff }

/* -- Media Queries -- */

@media only screen and (min-width : 901px) and (max-width : 1220px) {
.navigation { display: none }
}

@media only screen and (min-width : 601px) and (max-width : 900px) {
.contentwrap { flex-direction: column }
.content { width: 100%;  }
.navigation { display: none }
}

@media only screen and (max-width : 600px) {
.header .logo { width:185px; left: 10px }
.contentwrap { flex-direction: column}
.content { width: calc(100% - 30px); margin: 90px auto 0 }
.navigation { display: none }
.postContent h1 { font-size: 2em }
.postContent h2 { font-size: 1.5em }
.postContent h3 { font-size: 1.25em }
.postContent h4 { font-size: 1.125em }
.postContent h5 { font-size: 1em }
.postContent p, .postContent ul { font-size: 0.8em }
.header .headerbuttons { right: 20px }
.basket { position: fixed; bottom: 0; width: 100%; background: var(--wp--preset--color--maroon); top: revert; height: 60px; right: revert; display: flex; justify-content: center; align-items: center; border-top: 1px solid var(--wp--preset--color--gold) }
.footer { margin: 0 0 60px }
.footer .navigation {  margin: 0 0 2em }
.single-product div.product { display: flex; flex-direction: column; }
.single-product div.product .summary.entry-summary { display: flex; flex-direction: column; }
.single-product div.product .summary.entry-summary .woocommerce-product-details__short-description { order: 1; }
.single-product div.product .summary.entry-summary form.cart { order: 2; }
.single-product div.product .woocommerce-product-gallery { order: 3; float: none !important; width: 100% !important; margin: 0 0 1.5rem !important; }
.single-product div.product .summary.entry-summary > *:not(.woocommerce-product-details__short-description):not(form.cart) { order: 4; }
.copyrightleft, .copyrightright { width: 50% }

}