/*

Theme Name:Shoptimizer Child Theme
Description:Shoptimizer Child Theme
Text Domain:Shoptimizer Child Theme
Template: shoptimizer
Version: 1.0.0
Requires PHP: 5.7

*/

.image-feature.elementor-widget .wp-caption {
    background:none !important ;
}

.um-form input[type=select] {
    padding: 0 12px !important;
    width: 100%;
    display: block !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    outline: 0 !important;
    cursor: text !important;
    font-size: 15px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    margin: 0 !important;
    position: static;
    border: 1px solid #ddd !important;
}

.publibeta_recent_posts .anwp-pg-post-teaser {
    border: solid 1px #ddd !important; 
    padding: 15px !important;
    background:none !important
}

.publibeta_recent_posts .anwp-pg-read-more {
    text-align:center !important;
}

.main-navigation ul li.menu-item-has-children.full-width .container {
    max-width: 100% !important;
}

.main-navigation ul.menu li.full-width li.heading.level0-item {
    padding-top:0 !important
}

.main-navigation ul li.menu-item-has-children.full-width .container {
    max-width: 100% !important;
}

.image-feature, 
.image-feature img, 
.image-feature .wp-caption { 
    height:100%;
}

.image-feature a:before {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.image-feature a:hover:before {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.carosello .swiper {
    padding-bottom:0 !important;
}

.image-feature figcaption {
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: white !important;
}

/* ===============================================
   Contact form 7
   =============================================== */

.wpcf7-list-item {
    margin-left: 0 !important;
    margin-top:10px !important
}

.wpcf7-form label {
    font-weight: bold;
}

.wpcf7-form input[type="email"] {
    width:100%
}

.wpcf7-list-item label {
    font-weight: normal;
}

.wpcf7-list-item input[type="checkbox"] {
    margin:0
}

.wpcf7-submit {
    background: #1f88be !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    width: 200px;
}

.wpcf7-submit:hover,
.wpcf7-submit:active,
.wpcf7-submit:focus {
    background: #147baf !important;
}

/* ===============================================
   WooCommerce > Category pages
   =============================================== */

header.woocommerce-products-header {
    background: #f6f6f7 !important;
    align-items: initial !important;
}

header.woocommerce-products-header .term-description {
    padding: 20px;
    order:2;
    width: 50%;
}

header.woocommerce-products-header h2,
header.woocommerce-products-header h3,
header.woocommerce-products-header h4,
header.woocommerce-products-header h5,
header.woocommerce-products-header h6 {
    margin: 20px 0;
}

header.woocommerce-products-header .taxonomy_image {
    order:1;
    width: 50%;
    height:auto
}

header.woocommerce-products-header .taxonomy_image img {
    height:100%;
    object-fit: cover;
    object-position: center center;
}

.woocommerce-products-subheader {
    margin-bottom: 50px;
    line-height: 1.8em;
}

header.woocommerce-products-header .term-description,
header.woocommerce-products-header .term-description p {
    line-height: 1.8em;
}

/* ===============================================
   Single product > Tooltip
   =============================================== */

.tooltip-wrapper {

    margin: 25px 0;
    list-style: none;

}

.tooltip-wrapper li {

    margin: 0;
    padding: 0;

}

.list-icon {

    display: inline-block;
    width: 20px;
    height: 20px;

}

.table-tooltip {

    margin-left: auto

}

.tooltip-inline-row {

	position:relative;
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 0;
    color: #ccc;
    cursor: pointer;
	z-index:9999;
    width: 17px;

}

.tooltip-container {

    display: flex;
    align-items: center;
    gap:20px;

}

.tooltip-icon {

    display: block;
    width: 20px;
    height: 20px;

}

.tooltip-description {

    position: absolute;
	padding:15px;
    background: #fff;
    font-size: 14px;
    color: #333;
    width: 300px;
	left: -280px;
	top:0;
	-ms-transform: rotate(0) translate(0, calc(-100% - 10px));
	-webkit-transform: rotate(0) translate(0, calc(-100% - 10px));
	transform: rotate(0) translate(0, calc(-100% - 10px));
    -ms-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
	opacity: 0;
	visibility: hidden;
	line-height:1.4em;
	z-index:10000;
    -webkit-box-shadow: 1px 1px 10px 0px #ccc;
    box-shadow: 1px 1px 10px 0px #ccc;

}

.tooltip-description:after {

	content: '';
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
	right:15px;
    bottom: 2px;
    background: #fff;
    -ms-transform: rotate(45deg) translate(100%, 0);
    -webkit-transform: rotate(45deg) translate(100%, 0);
    transform: rotate(45deg) translate(100%, 0);
	z-index:10001

}

.tooltip-inline-row .tooltip-icon:hover ~ .tooltip-description {

	visibility: visible;
	opacity: 1;

}

/* ===============================================
   Single product > Gallery
   =============================================== */

.swiper-container.cg-thumbs-count-2 ul.swiper-wrapper ,
.swiper-container.cg-thumbs-count-3 ul.swiper-wrapper {
    transform:none !important
}

/* ===============================================
   Single product > Secure payments
   =============================================== */

.secure-payments-wrap p {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 25px 0;
}

.secure-payments-grid {

    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    padding: 10px;
    border: solid 1px #ddd;
    border-radius: 10px;

}

.secure-payments-grid > div {
    text-align: center;
}

.stock.out-of-stock + p {
    margin-top: 1rem;
}

.clearfix {
    content: "";
    display: table;
    clear: both;
}

.footer_logo img {
    width: 200px;
}


@media (max-width: 768px) {
    .site-main.grid.grid-2, .site-main.grid.grid-3 {
        display: block !important;
    }
    .site-main.grid.grid-2, .site-main.grid.grid-3 article {
        margin-bottom: 15px;
    }
}

@media (max-width: 992px) {

    header.woocommerce-products-header h2 {
        font-size: 26px;
    }

    header.woocommerce-products-header .taxonomy_image {
        width: 100%;
    }

    header.woocommerce-products-header .term-description {
        width: 100%;
    }

    .main-navigation ul.menu li.menu-item a span {
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #111 !important;
    }

}

/* ===============================================
   Pre-header info strip (3 columns)
   =============================================== */

.publibeta-pre-header {
    border-bottom: 1px solid #ececec;
    background-color: #fff;
}

.publibeta-pre-header .col-full {
    display: flex;
    justify-content: flex-end;
}

.publibeta-pre-header__columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0px;
    width: min(100%, 460px);
    margin-left: auto;
    padding: 8px 0;
}

.publibeta-pre-header__item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.publibeta-pre-header__icon {
    color: #d7a222;
    width: 24px;
    height: 24px;
    margin-top: 2px;
    flex-shrink: 0;
}

.publibeta-pre-header__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.publibeta-pre-header__text {
    display: block;
    line-height: 1.2;
    color: #7f8793;
}

.publibeta-pre-header__text strong {
    display: block;
    color: #59616f;
    font-size: 11px;
    font-weight: 600;
}

.publibeta-pre-header__text small {
    display: block;
    color: #9aa0aa;
    font-size: 10px;
}

@media (max-width: 992px) {
    .publibeta-pre-header {
        display: none;
    }
}
