/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Core Value Buttons */
.core-values {
	text-align: center;
	display: block;
	font-weight: 600;
	padding: 0px;
	padding-left: 40px;
	padding-right: 40px;
	margin: 0;
	white-space: nowrap;
	
}

.core-values h5 {
	text-transform: uppercase;
	white-space: nowrap;
}


/*Display Stuff When hovering, currently disabled*/
.core-value-show {
	display: none;
	width: 150px;
	height: 75px;
	background-color: #989898;
	color: #fff;
	padding: 10px;
	position: relative;
	margin: 10px;
	float: left;
	border-color: #989898;
	
}

.add-links .add_to_cart_button, {
    color: black !important;
}

.core-values:hover .core-value-show {
	display: block;
}

.core-value-show.arrow-top {
  margin-top: 5px;
}

.core-value-show.arrow-top:after {
  content: " ";
  position: absolute;
  right: 40%;
  top: -15px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid black;
}

/* Shop By Catagory */
.shop-catagory-values {
	text-align: center;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

.shop-catagory-values-img:hover {
	box-shadow: 2px 2px 5px black;
}

.product-hightlight-buttons {
	text-align: center;
	display: block;
	padding: 0px;
	padding-left: 40px;
	padding-right: 40px;
	margin: 0;
	white-space: nowrap;
	text-transform: uppercase;
	font-family: Montserrat,sans-serif;
    font-weight: 900;
	

}

.product-hightlight-buttons:hover {
	color: black;
}

.product-hightlight-buttons-new {
	background: none!important;
	border: none;
	padding: 0!important;
	color: black;
	text-decoration: underline;
	cursor: pointer;
}

.product-hightlight-buttons-sellers {
	background: none!important;
	border: none;
	padding: 0!important;
	color: #777777;
	text-decoration: none;
	cursor: pointer;
}

.product-hightlight-buttons-sale {
	background: none!important;
	border: none;
	padding: 0!important;
	color: #777777;
	text-decoration: none;
	cursor: pointer;
}

.new-tab {
	display: block;
}

.sellers-tab {
	display: none;
}

.sale-tab {
	display: none;
}

.text-center {
	text-align: center;
}

.menu-line {
	padding: 0;
	margin: 0;
	margin-bottom; 20px;
}

.menu-item {
	color: white;
}

.add_to_cart_read_more {
	display: none !important;
}
.toggle_title-landing, .toggle_content-landing {
    position:relative;
    z-index:2;
}

.toggle-landing:before {
    content:"";  
    width:8000px;
    position:absolute;
    height:100%;
    background-color:#f5f7f9;
    left:-50%;
    z-index:1
}

#nav-panel .accordion-menu > li.menu-item > a, #nav-panel .accordion-menu > li.menu-item > .arrow {
    color: #fff;
}

.tab-content a {
	color: #2581c2;
	text-decoration: underline;
}

.tab-content a:hover {
	color: #e6a004;
}

.woocommerce-loop-product__title {
	white-space: pre-wrap !important;
    overflow: visible !important;
}

.product-meta {
	color: #989898;
	margin-bottom: 5px;
	font-size: 8px;
}

ul {
	list-style-type: circle !important;
}

.home::marker {
	display: none !important;
	color: #212529;
}

.page-top ul.breadcrumb>li::marker {
	display: none !important;
	color: #212529;
}

.about_us_links {
	color: #2581c2;
	text-decoration: underline;
}

.pheader-links {
	color: #fff !important;
	text-decoration: underline !important;
}

.pheader-links:hover {
	color: #e6a004 !important;
	text-decoration: underline !important;
}

.cart-text-images {
	margin-top: 20px;
	font-weight: bold;
	color: black;
	font-size: 16px;
}

.link-tree:hover img {
	box-shadow: 2px 2px 5px black;
}

/*Count Down Timer*/

.toggle_title-countdown, .toggle_content-countdown {
    position:relative;
    z-index:2;
}

.toggle-countdown:before {
    content:"";  
    width:8000px;
    position:absolute;
    height:110px;
    background-color:#f5f7f9;
    left:-50%;
    z-index:1
}

.count-down-background {
	background-color: #f5f7f9 !important;
	padding-top: 30px;
	padding-bottom: 30px;

}

.count-down-timer {
    padding: 0px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: black;
	margin: 0px;
}

.count-down-timer-text {
    padding: 0px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    color: black;
	margin: 0px;
}

.Next_Button {
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.Next_Button_Text {
	color: white !important;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.cta {
    display: flex;
    padding: 10px 25px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: white;
    background: #03395f;
    transition: 1s;
    box-shadow: 6px 6px 0 black;
    transform: skewX(-15deg);
}

.cta:focus {
   outline: none; 
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #e6a004;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 25px;
}

.cta span {
    transform: skewX(15deg) 
  }

.cta span:nth-child(2) {
    width: 20px;
    margin-left: 30px;
    position: relative;
    top: 12%;
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.cta:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #e6a004;
    }
    100% {
        fill: white;
    }
}

.btn-dark {
	background-color: #03395f !important;
}


.pro-checkout-button {
    display: inline-block;
    border: none;
	border-radius: 4px;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: black;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
	width: 100%;
}

.pro-checkout-button:hover,
.pro-checkout-button:focus {
    background: #212529;
}

.pro-checkout-button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

.pro-checkout-button:active {
    transform: scale(0.99);
}

.container-category-con {
  position: relative;
  text-align: center;
  color: white;
}


.category-con-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.category-banner-text {
	color: white !important;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	font-size: 42px;
	line-height: 130%;
	
}


.kilnform01 {
    border: none;
	border-radius: 4px;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: black;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
}

.kilnform01:hover{
    background: #212529;
}

.cart-total {
	padding-top: 25px;
	padding-bottom: 25px;
    font-size: 14px;
    color: #3b3b3b;
	margin: 0px;
}

.cart-total:hover {
    font-size: 14px;
    color: #03395f;
}

.cart-total-bold {
	font-weight: 600;
	
}

.cart-total-hr1 {
	margin: 0 !important;
}

.cart-total-hr2 {
	margin: 0 !important;
}

@media only screen and (max-width: 1280px) {
.menu-item {
    color: white !important;
}

}

@media screen and (min-width: 0px) and (max-width: 1280) {
	#side-nav-panel .accordion-menu>li.menu-item>a {
	color: white !important;

	}
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab h2, .woocommerce-Tabs-panel h2 {
	color: #121212 !important;
	display: block !important;
	font-size: 20px !important;
	font-weight: 500 !important;
}

.dgwt-wcas-loader-circular-path {
    display: none !important;
}