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

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.

Colours
Gold        #ad9442
Maroon      #360022
Dark Maroon #290020
*/

/*** General ***/
* { padding: 0px; margin: 0px; }
p { margin: 10px 0px }
body { font-family: 'Lato', sans-serif; font-size: 1em; color:#000; margin:0; font-weight:400; background: #f3f3f3 }
.inwrap { width: 96%; margin: 0 auto; }
.contentwrap { width: 100%; display:flex; }
.content { width: 80%; margin: 0 auto; display:flex; background:#fff; }
.contenthome { width: 100%; margin: 0 auto; }
.clear { clear: both; display: block; }
a, a:link, a:active, div a { text-decoration:none; }
a img {border:none }

/*** Header ***/
.header { margin: 0 auto; width:100%; display: flex; justify-content: space-between; align-items: center}
.header .logo { position: relative; z-index: 1000; max-width:90%; float: left }
.header .logo img { display:block; margin: 0 auto; text-align:center; width:100%; height:auto}
.header .contact { }
.header .contact a { color: #fff; font-size: 2em; float: right}

/*** Navigation ***/
.navigation { background: rgba(255,255,255,0.2); }
.navigation ul li ul li { background: #360022; }
.navigation ul { list-style:none; display: flex; justify-content: space-between; height: 2.5rem; line-height: 2.5rem}
.navigation ul li a:hover { text-decoration:none; margin: 0; background: #ad9442 }
.navigation ul li { text-decoration:none; }
.navigation ul li:hover ul li { text-decoration:none; margin: 0; text-align: left}
.navigation li { margin: 0; text-align: center}
.navigation li a, .navigation li li a { padding: 0 1.5em ; text-decoration: none; display: inline-block; }
.navigation ul li ul li a { display: block; height:2.5rem; line-height:2.5rem; }
.navigation li ul { z-index: 9999; position: absolute; left: -999em; margin: 0; display: block} 
.navigation li ul ul { margin: -2.5rem 0 0 0 }
.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:hover { position: static; }
.menu li.menu-item-has-children > a:after { color: #fff; content: '  ▼'; }

/*** Content ***/
.page { float:left; width:100%; }
.page .postHead { background: none; }
.contenthome .postContent { padding: 0%; }
.contenthome .postContent h2, .contenthome .postContent h3, .contenthome .postContent h4 { color:#fff; }
.postContent { padding: 1% 1% 0.5%;}
.postContent a { color: #3d3938; text-decoration:underline }
.postContent .half { width:48%; float:left}
.postContent h1 { font-size: 3em; font-weight: 300; margin:0 0 1em 0 ; }
.postContent h2 { font-size: 2em; font-weight: 300; margin:0 0 1em 0 ; }
.postContent h3 { font-size: 1.75em; font-weight: 400; margin: 1em 0; line-height:110%; }
.postContent h4 { font-size: 1.5em; font-weight: 400; margin: 1em 0; }
.postContent h5 { font-size: 1.25em; margin: 1em 0; line-height:135%; }
.postContent h6 { font-size: 1.2em; margin: 1em 0; line-height:130%; }
.postContent p { margin: 1em 0 ; line-height:160%; }
.postContent p.intro { font-size: 1.4em; margin: 1% 0 ; line-height:150%; }
.postContent p sup, .postContent p sub { font-size: 0.5em; }
.postContent blockquote { font-weight:normal; margin: 1% 0; padding: 0.25% 0 ; }
.postContent blockquote h3 { font-size:20px ; letter-spacing:2px; margin:15px 0 5px; text-transform:uppercase}
.postContent blockquote p { margin: 1%; font-size: 1.25em; line-height: 140%; font-weight: 300; }
.postContent blockquote h6 { padding: 0 0 15px 45px; }
.postContent hr { width:100%; margin: 5px 0 15px; border-top: 1px solid #000; float:left; border-bottom:none; border-left:none; border-right:none }
.postContent a.post-edit-link {float:left; margin: 2% 0; clear:both}

/*** Specials ***/
.postContent .wp-caption { background: #f8f7eb; border: solid 1px #EBE9D7; text-align: center; padding-bottom: 4px; font-family: Helvetica, Helvetica, sans-serif; }
.postContent .wp-caption img { border: solid 5px #f8f7eb; }
.postContent .wp-caption p { margin: 0px; }
.wp-block-image img { height: auto}

.has-gold-color { color: #ad9442 !important; }
.has-dark-maroon-color { color: #360022 !important }
.has-dark-maroon-color { color: #290020 !important }
.has-white-color { color: #ffffff !important; }
.has-black-color { color: #000000 !important; }
.has-gold-background-color { background-color: #ad9442; }
.has-dark-maroon-background-color { color: #360022 }
.has-dark-maroon-background-color { color: #290020 }

/*** Gallery ***/
.gallery { width: 100%; float:left;}
.gallery .gallery-item { float: left; margin: 0px auto; }
.gallery img { border: 2px solid #fff !important; }
.gallery-columns-1 .gallery-item { max-width: 100%; width: 100%; }
.gallery-columns-1 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-2 .gallery-item { max-width: 50%; width: 50%; }
.gallery-columns-2 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-3 .gallery-item { max-width: 33%; width: 33%; }
.gallery-columns-3 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-4 .gallery-item { max-width: 25%; width: 25%; }
.gallery-columns-4 .gallery-item img { max-width: 100%; height: auto; display:inline-flex }
.gallery-columns-5 .gallery-item { max-width: 20%; width: 20%; }
.gallery-columns-5 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-6 .gallery-item { max-width: 16.5%; width: 16.5%;}
.gallery-columns-6 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-7 .gallery-item { max-width: 14%; width: 14%; }
.gallery-columns-7 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; width: 12.5%; }
.gallery-columns-8 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-9 .gallery-item { max-width: 11%; width: 11%; }
.gallery-columns-9 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-10 .gallery-item { max-width: 10%; width: 10%; }
.gallery-columns-10 .gallery-item img { max-width: 100%; height: auto; }
.gallery .gallery-caption { width:90%; }

/*** Comments ***/
p.segment-title{ padding:10px 0 0 }
#comments-wrap{ float:left;display:inline; width:100% }
.gravatar{ border: none; float: left; }
ol#comments{ margin: 0; }
ol#comments li{ margin-bottom: 10px; list-style:none; display:block;}
ol#comments li:after, p.comment-entry:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.comment-wrap{ float: left; }
.comment-wrap p { margin: 0; }
.comment-meta { padding: 10px 10px 0 10px; }
.comment-text { padding: 10px 10px 10px 10px; font-size: 11px; }

/*** Search Form ***/
form.search { float: left}
form.search input#search { width:auto; font-size:0.9em; padding:5px; background: #fff; color: #000 ; border:none; -webkit-border-radius: 3px; border-radius: 3px; height:17px; margin: 4px; float: left}
form.search input[type="image"] { height: 19px; margin: 8px; background: none; border: none; padding: 0; width: auto }

/* Contact Form */
input { font-size:0.9em; padding:0.5em; background: #fff; color: #000 ; border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: calc(100% - 1em - 2px) }
textarea { width:calc(100% - 1em - 2px); padding:0.5em; background: #fff; font-family: Arial, Helvetica, Helvetica, sans-serif; font-size:15px; line-height:130%; color: #000; border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
input[type="submit"], button, a.button { width:auto; text-align:center; color: #fff ; cursor:pointer; padding:0.5em; margin:0.5em 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 1em }
input[type="submit"]:hover, button:hover, a.button:hover { background:rgba(0, 0, 0, 0.2); color:#fff }

/*** Navigation ***/
.blogNavigation { margin: 10px 0; font-size: 12px; float:left; }
.blogNavigation a { color: #fff; text-decoration:underline }
.blogNavigation .alignleft { width: 200px; float: left; }
.blogNavigation .alignright { width: 230px; float: right; text-align: right; }

/*** Sidebar ***/
.sidebar { width: 20%; display: flex; flex-direction: column; color: #fff}
.sidebar h2 { font-size: 1.5em; font-weight: 400; width:96%; margin:2% 2% 0 ; float:left; padding:2% 0 0; color: #fff }
.sidebar .sidebarItem { float:left; width:90%; padding:2.5% 5%; margin: 1% 0 0 0; position:relative }
.sidebar .sidebarItem .textwidget { margin: 0 0 1%; }
.sidebar .sidebarItem .textwidget img { max-width: 100%; height:auto }
.sidebar .sidebarItem .textwidget p { margin: 5px 0 0 0; line-height:120% }
.sidebar .sidebarItem p { font-size: 1em; }
.sidebar .sidebarItem h3, .sidebar .sidebarItem2 h3 { font-size: 1.25em; font-weight: 400; margin: 0 0 1em; color: #fff }
.sidebar .sidebarItem h4 { font-size: 13px; font-weight: 300; margin:0;  color: #fff }
.sidebar .sidebarItem ul li { list-style:none; line-height:135%; margin: 0 0 1em }
.sidebar .sidebarItem ul { float:left; margin: 10px 0; padding:0 }
.sidebar .sidebarItem2 { display: flex; flex-direction: column}

/*** Sidebar home ***/
.sidebarhome { width: 100%; height:auto; padding: 1% 0; float:left; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; color: #fff }
.sidebarhome .sidebarItem { margin: 1.5%; flex: 1; float:left }
.sidebarhome .sidebarItem h3, .sidebarhome .sidebarItem2 h3 { font-size: 1.35em; font-weight: 400; margin:0;  width:98%; padding:1% 0; color: #fff }
.sidebarhome .sidebarItem p { font-size: 1.15em; font-weight: 400; margin:2% 0 ; }
.sidebarhome .sidebarItem .textwidget { float:left; padding: 0 2% 0 0; width: 98% }
.sidebarhome .sidebarItem a { color: #ad9442 }
.sidebarhome .sidebarItem img.alignleft, .sidebar .sidebarItem img.alignleft { float: left; margin: 0 1% 0 0 }
div.sidebarItem:before, div.sidebarItem:after { display: none }
.sidebarhome .sidebarItem ul.social-media-icons, .sidebar .sidebarItem ul.social-media-icons { list-style:none; display: flex; justify-content: flex-start}
.sidebarhome .sidebarItem ul.social-media-icons li, .sidebar .sidebarItem ul.social-media-icons li { font-size: 2em; padding: 0 0.5em 0 0;  }
.sidebarhome .sidebarItem ul.social-media-icons li a, .sidebar .sidebarItem ul.social-media-icons li a { opacity: 0.7 }
.sidebarhome .sidebarItem ul.social-media-icons li a:hover, .sidebar .sidebarItem ul.social-media-icons li a:hover { opacity: 1 }
.sidebarhome .sidebarItem ul { list-style: none; margin: 2% 0}
.sidebarhome .sidebarItem ul li { margin: 1% 0}
.sidebarhome .sidebarItem2 { display: flex; flex-direction: column}

/*** Footer ***/
.footer { height:auto; font-size:0.75em; clear:both; line-height:140%; }
.footer .fleft { width: 50%; float: left; margin: 1% 0; color: #fff }
.footer .fright { width: 50%; float: left; text-align:right; margin: 1% 0; }
.footer a.instagram { width: 50px; height: 50px; color: #ad9442 }

/*** Footer Navigation ***/
.footer ul#menu-footer-menu, .footer ul#footer-menu { float:left; margin: 1% auto 0; width: 100% }
.footer ul#menu-footer-menu li, .footer ul#footer-menu li { display:inline-block; padding: 0 2% 0 0 }

/*** Woocommerce ***/
ul.payment_methods li { list-style: none }
.woocommerce button, .woocommerce .button, .woocommerce span.onsale { background: #ad9442 !important; color: #fff !important }
section.related { width: 100%; float: left }
.woocommerce div.product p.price, .woocommerce ul.products li.product .price { color: #360022 }
.woocommerce div.product span.price { color: #360022 }
.woocommerce-variation-price { margin: 1em 0 }
.woocommerce div.product p.price del { opacity: 0.2 }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 1.4em }
.woocommerce div.product form.cart .variations td.label { width:2.5em; line-height: 2em; vertical-align: middle}
.woocommerce div.product form.cart .variations select { vertical-align: middle; -webkit-appearance: none; border-radius: 3px !important; line-height: 2em; padding: 0 30px 0 5px; border: 1px solid rgba(0,0,0,0.3) !important; font-size: 1em; min-width: auto; background: url(images/down.svg) no-repeat center right 10px/10px; }
.woocommerce div.product form.cart .variations select:after { content: ' ▼'; font-size: 30px; line-height: 2em; padding-right: 5px; }
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { display: flex; flex-direction: column; text-align: center}
.woocommerce ul.products li.product .button { width: auto; display: inline-block; margin: 0 auto }
.woocommerce ul#shipping_method li input, .woocommerce form .form-row .input-checkbox, label.woocommerce-form__label input, #cmw_register_email { width: auto }
.woocommerce ul#shipping_method li { display: flex }
.woocommerce-cart table.cart td.actions .coupon .input-text { width: auto; padding: 8px }
p.woocommerce-shipping-destination { display: none }
.woocommerce .woocommerce-ordering select { height: 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #aaa; font-size: 15px; cursor: pointer; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 10px) calc(1em - 4px), calc(100% - 5px) calc(1em - 4px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 0px 1.5em; background-repeat: no-repeat; -moz-appearance: window; -webkit-appearance: none; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 1em }
.woocommerce-MyAccount-navigation ul li { background: rgba(54,0,34,0.1); margin: 0; border-bottom-color: rgba(0,0,0,0.5); border-bottom-width: 1px; border-bottom-style: solid; list-style: none }
.woocommerce-MyAccount-navigation ul li a { text-decoration: none; padding: 5px; display: block;}
.woocommerce-MyAccount-navigation ul li:last-child { border: none; }
.woocommerce-MyAccount-navigation ul li a:hover { background: rgba(54,0,34,0.3); color: #000 }
.woocommerce-MyAccount-navigation ul li a:active { background: rgba(54,0,34,0.4); color: #000 }
.woocommerce-MyAccount-navigation ul li.is-active a { background: rgba(54,0,34,0.4); color: #000; font-weight: bold }
.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-title { font-size: 2em; font-weight: 300 ;text-decoration: none}
li.wc-block-grid__product a { text-decoration: none}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link { padding: .618em 1em; background: #ad9442; font-size: 200%; border-radius: 3px; color: #fff; text-decoration: none }
.wc-block-grid__product .wc-block-grid__product-price { font-size: 200%; }
.wc-block-grid__product-onsale { display: none }
tr.woocommerce-grouped-product-list-item { display: flex; align-items: center }
.shortdescription p { margin: 0 0 0.5em 0 }

/* -- Media Queries -- */

@media only screen and (min-width : 601px) and (max-width : 900px) {
.inwrap { width: 96% }
.contentwrap { flex-direction: column }
.content { width: 100%; }
.header .logo { margin: 1% 5% 0 0 !important ; width:25% !important; }
.header .contact { margin:  0 10% 0 0}
.header .contact a { font-size: 1.5em }
.sidebar {width: 100%; margin: 1% 0; display: flex}
.sidebarhome .sidebarItem { flex: 1 1 auto; }
}

@media only screen and (max-width : 600px) {
.contentwrap { flex-direction: column}
.inwrap { width: 96%; }
.content { width: 100%;  }
.sidebar { width: 100%; margin: 0; }
.header { flex-direction: column }
.header .logo { margin: 1% 5% 1% 0 !important; width:50% !important; }
.header .logo img, .headerhome .logo img { width:100%; margin: 1% 0 }
.header .contact { margin:  0 10% 0 0}
.header .contact a { font-size: 1.25em; }
.postContent h2 { font-size: 2em; }
.headimage { width:100%; margin: 0 0 1% 0 }
.sidebarhome { flex-direction: column; }
}

@media only screen and (max-width : 320px) {
.header { flex-direction: column }
.header .logo { width:36%; margin: 1% 32%; }
.sidebarhome .sidebarItem { width: 100% }
}