/**
  theme requirements as per
  http://codex.wordpress.org/CSS
*/
/* =WordPress Core
-------------------------------------------------------------- */

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/*Header for product categories*/
h1.product_title.entry-title {
    line-height: 37px!important;
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.sideBoxFull span {
    font-size: 48px;
    line-height: 40px;
    display: block;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {top: -0.5em;}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
body, table {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 12px;
    color: #666;
    line-height: 18px;
}
.variations td {
    padding-bottom: 1em;
}

a.button.alt, input.alt.button, input.button.alt:hover {
    color: #ffffff!important;
    text-shadow: 0px 0px 0px rgba(255,255,255,0.0)!important;
    padding: 8px 25px!important;
}

p#phone span a {
    color: #77ae01;
	text-decoration:none;
}
/* Default Blog Page Styles */

ol#posts > li {list-style:none;}
ul#sidebar > li {list-style:none;}

/* End Default Blog Page Styles */

#footerContent #back-to-top {
	color: #efefef;
    overflow: hidden;
    text-align: center;
    width: 45px;
    height: 30px;
    display: block;
    margin: 0px auto 10px auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    background-color: #333;
    line-height: 37px;
    font-size: 28px;
    font-family: monospace;
}
/*#footerContent {
    height: auto!important;
	max-width:100%;
}
#shellFooterBar {height: 50px;}*/

/* Default Drop Down Menu Classes */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
#cssmenu {
  background: #0043AC;
  margin: 0;
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: 'PT Sans', sans-serif;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#cssmenu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 140px;
  padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: #4cb6ea;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
#cssmenu ul li ul li:hover > ul {
  left: 170px;
  top: 0;
  -moz-box-shadow: 3px 3px 4px #444;
  -webkit-box-shadow: 3px 3px 4px #444;
  box-shadow: 3px 3px 4px #444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: '';
  background: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: '';
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
  -moz-box-shadow: 3px 3px 4px #444;
  -webkit-box-shadow: 3px 3px 4px #444;
  box-shadow: 3px 3px 4px #444;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;
  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul {
    left: 0;
    position: relative;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
    width: auto;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
}
/* End Default Drop Down Menu Classes */

















.woocommerce table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart th, .woocommerce #content table.cart td, .woocommerce-page table.cart th, .woocommerce-page table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page #content table.cart td { font-family: "myriad-pro", sans-serif; font-weight:300; }


.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { float:left;}


.woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { font-family: "myriad-pro",sans-serif;}

.woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { font-family: "myriad-pro",sans-serif; margin-bottom: 6px;
padding-bottom: 6px;}

.col-1 .woocommerce-billing-fields .h3 {font-weight:300;}
.woocommerce .woocommerce-info { font-family: "myriad-pro",sans-serif; font-weight: 300;}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { background-color: #b0d83c; }

.woocommerce table.shop_table, .woocommerce-page table.shop_table { font-family: "myriad-pro", sans-serif;}

#payment ul.payment_methods li { list-style:none;}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { font-family:"myriad-pro", sans-serif;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-right: 20px; margin-bottom: 55px;}



.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {margin: 0 0 1em;
padding: 0;
font-size: 12px;
color: #777777;
font-family: "myriad-pro",sans-serif; }


.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {font-family: "myriad-pro",sans-serif;
font-size: 14px;}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {font-family: "myriad-pro",sans-serif;}


.woocommerce div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce-page #content div.product .product_title { margin-bottom: 10px; }

.woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button {font-family: "myriad-pro",sans-serif; margin-top:20px; }

.product_meta { font-family: "myriad-pro",sans-serif;
font-size: 12px;
line-height: 20px;
margin-bottom: 30px;
color: #59ad16;}
.
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 65%!important; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 50%; }






/* ---- BLOG STYLES ---- */

.postWrapper small { font-family: "myriad-pro",sans-serif;
font-size: 10px;
}

.postWrapper .post { margin-top: 15px;
margin-bottom:15px;
font-family: "myriad-pro",sans-serif;
font-size: 14px;
}

p.postMeta { font-family: "myriad-pro",sans-serif;  font-size: 10px;}

ul#sidebar li#sidebarAboutThisPost ul li { font-family: "myriad-pro",sans-serif;  font-size: 12px;  }

ul#sidebar li.popular-posts p {font-family: "myriad-pro",sans-serif;  font-size: 12px;  }



ul#sidebar h2 { line-height: 30px; }

.yith-wcan-select-wrapper { width: 218px;}

.fancybox-skin, .fancybox-inner, .fancybox-outer { background-color: #fff;}

#widget-collapscat-3-top li.collapsing.categories.item:before { display:none;}
#widget-collapscat-3-top li.collapsing.categories {font-size: 13px;
line-height: 21px;}

ul#sidebar #widget-collapscat-3-top li.collapsing.categories a { color:#2b2b2b;}

ul#sidebar #widget-collapscat-3-top li.collapsing.categories a:hover{color:#77aa14;}

#widget-collapscat-2-top li.collapsing.categories.item:before { display:none;}
#widget-collapscat-2-top li.collapsing.categories {font-size: 13px;
line-height: 21px;}

ul#sidebar #widget-collapscat-2-top li.collapsing.categories a { color:#2b2b2b;}

ul#sidebar #widget-collapscat-2-top li.collapsing.categories a:hover{color:#77aa14;}



.customer_details{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #666;line-height: 18px;margin: 0 0 15px 0;}
.title h3{font-family: "myriad-pro",sans-serif;font-style: normal;font-weight: 300;font-size: 28px;color: #363434;text-transform: uppercase;padding: 0 0 10px 0;}
.woocommerce ul.products li.product h3{min-height:40px}

address { font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #666;line-height: 18px;margin: 0 0 15px 0;}


/* Main navigation margin fix for wrapping "cart" link */
#navigations ul#primaryNav li{margin-right:22px;}
/* Group product thumbnail */
td.group_item_thumb img{
	width:6vh;
	margin:-1vh 1vh 0;
	padding-bottom:1vh;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
td.group_item_thumb img:hover{
	position: relative;
	z-index: 999;
	-webkit-transform:scale(5);
	-moz-transform:scale(5);
	-o-transform:scale(5);
	transform:scale(5);
}
/* Cart thumbnail */
.cart .cart_item .product-thumbnail a img {width:auto;}

/* NEW 2018 Phone Header */
#phoneArea {
   position: absolute;
   top:30%;
   right:0;
}

.phone {
    font-size:2em;
    color:#7ab003;
}

.phone:before {
    content: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjN0FCMDAzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJNNTAgMS4zQzIzLjEgMS4zIDEuMyAyMy4xIDEuMyA1MGMwIDI2LjkgMjEuOCA0OC43IDQ4LjcgNDguN1M5OC43IDc2LjkgOTguNyA1MEM5OC43IDIzLjEgNzYuOSAxLjMgNTAgMS4zem03LjMgNzIuM0MzNi4yIDYzLjIgMzAuNyA0NC41IDI5LjkgMzcuN2MtLjgtNi44IDExLTEyLjggMTEtMTIuOGw3LjQgMTIuNnMtOCA0LjMtNi45IDYuNmM1LjkgMTIuNCAxMy41IDE3IDEzLjUgMTcgMi41LjkgOC01LjIgOC01LjJsMTAuNiAxMGMuMSAwLTguOCAxMS4zLTE2LjIgNy43eiIvPjwvc3ZnPg==);
    display:inline-block;
    float:left;
    margin-right:.3em;
    width:34px;
    height:34px;
    margin-top: -.3em;
}
.hero-section{
    background-image: url('https://www.arthurpohara.com/wp-content/uploads/2018/08/apoh-Ignition-open-hero.jpg');
    background-position:center;
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items: center;
    padding:12em 0;
}

.text-wrap {
        background:rgba(0,0,0,.5);
        padding:2em;
        flex:1;
        align-self: center;
        text-align:center;
}

.text-wrap p:first-of-type {
        color:#fff;
        font-size:1.8em;
        font-weight:700;
        margin-bottom:1.5em;
}

.text-wrap a.button {
    background: rgb(122,176,3);
    background: linear-gradient(0deg, rgba(117, 168,8,1) 0%, rgba(135,193,9,1) 50%, rgba(141, 198, 19, 1) 50%);
    padding:.5em 1em;
    border-radius:.5em;
    color:#fff;
    font-size:1.5em;
    text-transform:uppercase;
}

.text-wrap a.button:hover {
    background: rgb(122,176,3);
        background: linear-gradient(180deg, rgba(117, 168,8,1) 0%, rgba(135,193,9,1) 50%, rgba(141, 198, 19, 1) 50%);
}

/* Header search */

.page-id-5060 #headerContent {
    padding-bottom:0px;
}

.search-toggle {
	width: 2em;
	height: 2em;
	line-height: 1.8em;
    cursor: pointer;
    float: right;
    margin: 1em 2em;
}

.search-toggle:hover,
.search-toggle.active {

}

.darksearch:hover, .darksearch:active {
    fill:#000000;
}

.search-toggle .screen-reader-text {
    top: 0;
    right: 0;
}
.search-box-wrapper {
    z-index: 9999;
    width: 100%;
}
.search-box {
    padding: 2em;
    background: #AAC65F;
    background: #555;
}

.search-box .search-field {
    max-width: 100%;
    width:100%;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left:.5em;
    background-color: #FFF;
    border: 0;
    text-transform:none;
}

.hide { display: none; }

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { display: none; }

@media screen and (max-width: 768px) {
    .search-toggle {
    position: absolute;
    right: 0;
    width: 25%;
    top: 0;
    background: #F2F2F2;
		border-radius: 0;
    padding: .1em 0 2em;
    margin: 0 auto;
    font-size: 2em;
    }
}

.announcement p {
	font-family: "myriad-pro", sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
	margin-top: 6px;
}

.announcement p a {
	padding: 6px 10px;
	line-height: normal;
	background: #f2f2f2;
}