/**
 * Theme Name: Kiti
 * Theme URI: https://www.elegantthemes.com/gallery/divi/
 * Description: Divi Child Theme
 * Author: Connor Collins
 * Author URI: https://tevonial.com/
 * Template: Divi
 * Version: 1.0.9
 */

/**
 *	Misc CSS Alterations 
 */

@media screen and (min-width: 768px) {
	.dgwt-wcas-search-wrapp, a.cart-contents {
		display: none;
	}
}

@media screen and (min-width: 981px) {
  #et_mobile_nav_menu + .et-cart-info,
  #et-info .et-cart-info {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #et-info {
	display: flex;
    justify-content: space-between;
  }
  #et-info .et-cart-info {
    position: relative;
    left: 15px;
  }
  #et-top-navigation .dgwt-wcas-suggestions-wrapp {
	max-height: 100% !important;
  }

#et-top-navigation {
	display: flex !important;
	align-items: center;
}

#et-top-navigation div.dgwt-wcas-search-wrapp, #et-top-navigation a.cart-contents  {
	margin-right: 1rem;
	font-size: 1rem;
}

.cart-contents {
	position: relative;
	display: flex !important;
	flex-flow: column nowrap;
	justify-content: center;
}

.cart-contents:hover {
	text-decoration: none;
}

.cart-contents::before {
	font-family: ETmodules !important;
	content: "\e07a";
	margin-right: 10px;
	position: relative;}

.cart-contents-count {
	position: absolute;
	top: 10px;
	right: -5px;
	transform: translateY(-105%) translateX(25%);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	height: 18px;
	width: 18px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background-color: #4ea8b5;
	border-radius: 50%;
	padding: 1px;
	z-index: 999; 
}

}

@media (max-width: 479px) {
	#sub-categories ul.products li.product:nth-child(n) {
		width: 45.25% !important;
	}
}

@media (max-width: 767px) {
    .woocommerce ul.products li.product:nth-child(odd) {
        clear: both !important;
    }
}

.et-social-icons {
	display: none !important;
}

#top-header .dgwt-wcas-search-icon {
	width: 15px !important;
	margin: -10px 0 -10px 0 !important;
}

/*#top-header .container {
	width: 100% !important;
}

#top-header {
	padding-left: 25px !important;
	padding-right: 25px !important;
}*/

sup {
    bottom: unset !important;
	font-size: smaller !important;
	vertical-align: super !important;
}

/*.woocommerce-variation-price .price bdi {
	font-size: 2rem;
	font-family: 'Autour One';
  font-weight: bold;
  color: #6c2eb9;
  float: right;
  padding-top: 0.65em;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-thickness: 3px;
}*/

/*.woocommerce button.button:disabled {
	border-radius: 8px !important;
}*/

/* Woocommerce Message Boxes */

.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-radius: .5rem;
}

/*
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-radius: 16px;
	overflow: hidden;
	padding-top: 15px!important;
	padding-right: 15px!important;
	padding-bottom: 15px!important;
	padding-left: 15px!important;
	margin-top: 0em!important;
  margin-right: 10px!important;
  margin-bottom: 2em!important;
  margin-left: 0em!important;
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3)!important;
	font-family: 'Autour One',display!important;
	font-weight: 700!important;
	font-variant: small-caps!important;
	font-size: 1.75rem!important;
	background-color: RGBA(234,66,0,0.3)!important;
	color: #444444!important;
}

.woocommerce-message a.button, .woocommerce-info a.button {
  margin-left: 15px !important;
  transition: unset !important;
  border: 2px solid #4ea8b5 !important;
}

.woocommerce-message a.button:hover, .woocommerce-info a.button:hover {
  border-color: #666 !important;
}
*/


/* Footer Styles */

#main-footer {
	padding: 0 0px !important;
}

#main-footer .container {
	width: 100% !important;
	max-width: none !important;
	padding: 0 25px !important;
}

#footer-widgets {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 25px 0;
}

#footer-widgets .footer-widget {
	margin-bottom: 0px !important;
}

#footer-widgets .widget_product_tag_cloud .widgettitle {
	display: none !important;
}

@media (max-width: 767px) {
	#footer-widgets .footer-widget:last-child {
    margin-bottom: 0px !important;
    display: none !important;
	}
	#footer-widgets .footer-widget:first-child {
    margin: 0 auto !important;
	}
}

#footer-info {
	text-align: center !important;
	float: none !important;
}

#main-footer .tagcloud a {
	padding: 2px 8px 2px 0 !important;
}


/**
 * My Account Pages
 */

/* Login */
.woocommerce form.login, .woocommerce-MyAccount-content table.woocommerce-orders-table, form.woocommerce-EditAccountForm {
	padding: 1rem;
	border-radius: 0.5rem !important;
	border-width: 0px !important;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;
}




/* On Sale Badges */

/*.woocommerce-page span.onsale, .woocommerce span.onsale,
#et-boc .woocommerce li.product span.onsale, li.product span.onsale {
	background-color: #6A31BB!important;
  border-radius: 0.5rem !important;
	padding: 0.5rem 1rem !important;
	font-family: 'Architects Daughter'!important;
	font-weight: 700!important;
	font-variant: small-caps!important;
	font-size: 1.5rem!important;
	letter-spacing: 0.1rem!important;
	line-height: 1.5rem!important;
}*/

/* Woocommerce product results - ordering dropdown formatting */

p.woocommerce-result-count, .woocommerce-ordering > select {
  font-family: 'Autour One'!important;
  font-size: 1rem !important;
	margin-bottom: 5px;
}

/* Highlighter effect */

.highlighted, .woocommerce-MyAccount-content mark {
  background: url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-10&color=FFEABD);
  color: #4ea8b5;
	box-decoration-break: clone;	
  -webkit-box-decoration-break: clone;
}


/**
 * Correct Sub-Category module; Remove extra padding
 */

.woocommerce ul.products, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin-bottom: 0px !important;
	padding-bottom: 25px !important;
}

#sub-categories  .woocommerce ul.products, #sub-categories .woocommerce ul.products li.product, #sub-categories .woocommerce-page ul.products li.product {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

#sub-categories img, .product-category img {
	border-radius: 10px !important;
}



/* Correct positioning for FiboSearch details/suggestions */

.fibo-search-secondary-nav .dgwt-wcas-ico-magnifier-handler {
	stroke-width: 2.5px;
	overflow: visible;
	vertical-align: bottom;
}

.fibo-search-secondary-nav .dgwt-wcas-ico-magnifier-handler path {
	fill: #fff;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-suggestions-wrapp, .dgwt-wcas-search-wrapp .dgwt-wcas-details-wrapp {
	box-shadow: 0px 18px 18px 0px rgba(0,0,0,0.3) !important;
}

.dgwt-wcas-open .dgwt-wcas-sf-wrapp {
	border: 2px solid #666 !important;
}

.dgwt-wcas-suggestions-wrapp, .dgwt-wcas-details-wrapp {
	border-width: 2px !important;
}

.dgwt-wcas-suggestion, .dgwt-wcas-details-title, .dgwt-wcas-details-more-products {
    border: none !important;
}
/*
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	box-shadow: none !important;
}

.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp, .dgwt-wcas-open-pirx .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp, .rtl.dgwt-wcas-full-width .dgwt-wcas-details-wrapp {
    border-radius: 0 0 0 5px;
}

.dgwt-wcas-open-pirx .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion  {
    border-right: 0px;
}

.dgwt-wcas-details-hr, .dgwt-wcas-details-main-image {
	border-color: #4ea8b5 !important;
}

.dgwt-wcas-details-wrapp a.button:after {
	content: none !important;
}

.dgwt-wcas-details-wrapp a.button:hover {
	padding: 0.3em 1em !important;
}*/

.dgwt-wcas-details-space {
    padding: 0;
    padding-top: 20px !important;
}

.dgwt-wcas-suggestion-headline span {
	text-transform: unset !important;
	font-family: 'Autour One' !important;
	font-variant: small-caps !important;
	font-size: 1rem !important;
	color: #4ea8b5 !important;
	padding-bottom: 3px !important;
	border-bottom: 1px solid #666 !important;
}

span.dgwt-wcas-details-title-tax {
	text-transform: unset !important;
	font-family: 'Autour One' !important;
	font-variant: small-caps !important;
	font-size: 1rem !important;
	color: #4ea8b5 !important;
}

.dgwt-wcas-details-space .dgwt-wcas-details-product-title {
	font-family: 'Architects Daughter' !important;
	font-variant: small-caps !important;
	font-size: 2rem !important;
	color: #4ea8b5 !important;
	font-weight: bold !important;
    line-height: 2rem;
}

.dgwt-wcas-datails-title {
	margin-top: 0px;
	padding-bottom: 0px;
}

.dgwt-wcas-details-inner-taxonomy {
    margin-top: 0px;
}

.dgwt-wcas-suggestions-wrapp *, .dgwt-wcas-details-wrapp *, .dgwt-wcas-sd, .dgwt-wcas-suggestion * {
    border-color: #666;
}

.dgwt-wcas-details-title, .dgwt-wcas-datails-title {
	border-style: solid;
	/*margin: 19px 0 5px;*/
}

.dgwt-wcas-details-main-image img {
	margin-bottom: 10px !important;
	border-radius: 10px !important;
}

/* To Remove spinner (up/down arrows) on qty fields
 * 
 * input[name="js-dgwt-wcas-quantity"]::-webkit-outer-spin-button, input[name="js-dgwt-wcas-quantity"]::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

input[name="js-dgwt-wcas-quantity"] {
	-moz-appearance: textfield !important;*/

/*
 * Qty field for in-search add to cart form
 */

input[name="js-dgwt-wcas-quantity"] {
	border: 1px solid #4ea8b5 !important;
	border-radius: 10px !important;
	font-size: 1.5rem !important;
	padding: 0.5rem !important;
	overflow: inherit !important;
	max-width: 100% !important;
}

/*
 * Qty field and Add to Cart Button - Resize to fit both inline
 */

.dgwt-wcas-pd-addtc-form {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 25px;
}

.dgwt-wcas-pd-addtc-form .quantity {
	display: flex;
	flex-basis: 5rem;
	overflow: hidden;
}

.dgwt-wcas-pd-addtc-form .add_to_cart_inline {
	display: flex;
}

.dgwt-wcas-pd-addtc-form .add_to_cart_inline a.button {
	display: flex !important;
	align-items: center !important;
}

.dgwt-wcas-pd-addtc-form .add_to_cart_inline:only-child {
	width: 100%;
}

.dgwt-wcas-pd-addtc-form a.product_type_variable {
	margin: auto;
}

.dgwt-wcas-pd-addtc .dgwt-wcas-pd-addtc-form a.add_to_cart_button, .dgwt-wcas-pd-addtc .dgwt-wcas-pd-addtc-form a.add_to_cart_button:hover {
	padding: 0.5rem 1rem !important;
}




/* 
 * Fix 1px problem with FiboSearch (details div too far in either direction by 1px...the border lines don't line up)
 */

.dgwt-wcas-details-wrapp {
	border-top-width: 2px;	
}

.dgwt-wcas-open-pirx body.dgwt-wcas-details-left .dgwt-wcas-details-wrapp {	
	border: 2px solid #666 !important;
	border-right: 0px !important;
	z-index: 999999999 !important;
}

.dgwt-wcas-open-pirx body.dgwt-wcas-details-left .dgwt-wcas-suggestions-wrapp {
	border-radius: 0 0 5px 0;
	border-left: 2px solid #666 !important;
}

.dgwt-wcas-open-pirx body.dgwt-wcas-details-right .dgwt-wcas-details-wrapp {
	border: 2px solid #666 !important;
	border-left: 0px !important;
	z-index: 999999999 !important;
}

.dgwt-wcas-open-pirx body.dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp {
	border-radius: 0 0 0 5px;
	border-right: 2px solid #666 !important;
}

.dgwt-wcas-details-space {
    padding: 0;
}

.dgwt-wcas-details-space .quantity {
    margin: 0;
}

/**
 * Breakpoint for removing et-secondary-menu 
 */


/*@media (max-width: 1050px) {
	ul#et-secondary-nav li:not(:last-child) {
		display: none !important;
	}

	ul#et-secondary-nav li:last-child {
		margin-right: 20px !important;
	}

	#et-info, #et-secondary-menu, #et-secondary-nav {
		display: inline-block !important;
	}

	#et-secondary-menu {
		float: right;
		margin-top: 0.75em !important;
	}
}*/

/*
 * Top Menu Bar - Positioning, Icons & Typography
 */

/* Dropdown menu box shadow */
#et-secondary-nav li.menu-item > ul {
	border-radius: 0 0 18px 18px !important;
	box-shadow: 0px 18px 18px 0px rgba(0,0,0,0.3) !important;
}

/* Expand menus if needed */
#et-secondary-nav li.menu-item-type-custom > ul {
	word-break: keep-all !important;
	width: max-content !important;
}



/*
 * MOBILE NAV MENU (TOP) - Positioning & Typography
 */

/* Realign main header to top */
@media (max-width: 980px) {
	.et_vertical_nav.et_vertical_fixed #page-container #main-header {
		top: 0px !important;
	}
}

@media (min-width: 981px) {
	.et_vertical_nav.et_vertical_fixed #page-container #main-header {
		position: fixed;
		top: 0px !important;
	}
}

/* Format Menu Text */
ul#mobile_menu li a {
	font-size: 1.25rem !important;
	font-variant: small-caps !important;
}

.et_mobile_menu li a:hover, .et_mobile_menu li.current-menu-item > a {
	background-color: rgba(0,0,0,.03) !important;
	opacity: 100% !important;
	color: #4ea8b5 !important;
}



/**
 *	SIDE NAV MENU - Positioning, Icons & Typography
 */

.et_vertical_nav #main-header #top-menu ul.sub-menu {
	width: 400px !important;
	border-left-width: 3px !important;
	
}

.et_vertical_nav #main-header #top-menu li ul ul {
	left: 397px !important;
}

.et_vertical_nav #main-header #top-menu .sub-menu a {
	width: 360px !important;
}

.et_vertical_nav #main-header #top-menu > li > a:after {
	right: 20px !important;
	top: 0px !important;
}

#top-menu li {
	line-height: 1.5rem !important;
}

#top-menu li.gap-above {
	margin-top: 50px !important;
}

#top-menu li.external-link > a:after {
	content: '\e02b' !important;
	font-size: 1.25rem !important;
	font-family: 'ETModules' !important;
	position: absolute !important;
}

#top-menu li.menu-item-has-children > a:after {
	content: '\47' !important;
	font-size: 1.25rem !important;
}

#top-menu a {
	transition: font-size 0.4s ease-in-out;
}

.et_header_style_left #et-top-navigation .mobile_menu_bar {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

#logo {
	max-height: 70% !important;
}


/* Pagination */
nav.woocommerce-pagination ul.page-numbers {
    border-radius: 0.5rem;
}

nav.woocommerce-pagination ul.page-numbers li:first-child   {
    border-radius: 0.5rem 0 0 0.5rem;
}

nav.woocommerce-pagination ul.page-numbers li:last-child {
    
}

nav.woocommerce-pagination ul.page-numbers li:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}

nav.woocommerce-pagination ul.page-numbers li:hover, ul.page-numbers li:has('.current') {
  background-color: #e9e6ed !important;
}

@media(max-width: 767px) {
  nav.woocommerce-pagination ul.page-numbers li span, ul.page-numbers li a {
  	font-size: 1rem !important;
  	padding: 0.5rem !important;
	}
}

@media(min-width: 768px) {
  nav.woocommerce-pagination ul.page-numbers li span, ul.page-numbers li a {
  	font-size: 1rem !important;
	}
} 