/*
Theme Name: Tobel
Theme URI: https://tobel.qodeinteractive.com
Description: Modern Furniture Store
Author: Elated Themes
Author URI: https://qodeinteractive.com
Text Domain: tobel
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




<style>

   .cl-po--details{
        list-style: none;
        width: 100%;
        display: flex;
        position: relative;
    }

    .cl-po--swatch{
        margin: 4px 4px;
        border-radius: 100px;
		list-style: none;
		display: inline-grid;
		width: 90px;
    }

    /* Default state */
    .cl-po--swatch img {
        width: 90px;
        height: 90px;
        display: flex;
        flex-shrink: 0;
        border-radius: 100px;
        border: 1px solid #000;
        object-fit: none;
        transition: transform 0.8s; /* Smooth transition effect */
    }

    .cl-po--swatch div{
        margin-top: 20px;
        text-align: center;
        width: 90px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 20px;
        text-transform: uppercase;
    }

    /* On hover */
    .cl-po--swatch img:hover {
        transform: translate(0px, -10px); 
        box-shadow: 0px 0px 0px 0px #000;
    }

	#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tab p, #yith-quick-view-content.single-product .woocommerce-tabs .wc-tab p {
		white-space-collapse: break-spaces;
	}

header .menu-footer-3-container{
	position: absolute;
    top: 21px;
    right: 130px;
    text-align: right;
}
header .menu-footer-3-container .sub-menu{
	display: none;
	 transition: transform 0.8s;
}
header .menu-footer-3-container #menu-item-7654:hover{
	float: inline-end;
    display: inline-grid;
}

header .menu-footer-3-container #menu-item-7654:hover .sub-menu{
	background: #ebebeb;
    display: inline;
    text-align: center;
    position: relative;
    margin-right: -86px;
    width: 250px;
}

header .menu-footer-3-container #menu-item-7654 .sub-menu li{
	border: 1px solid #ebebeb;
 	transition: 0.8s;
}

header .menu-footer-3-container #menu-item-7654:hover .sub-menu li:hover{
	border: 1px solid #cecece;
	background: gainsboro;
}

.qodef-fullscreen-menu>ul>li {
    margin: 0 0 15px;
}

.qodef-fullscreen-menu>ul>li>a {
    font-family: Belleza,sans-serif;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 25px;
    color: #fff;
    font-weight: 400;
}

.qodef-grid.qodef-layout--masonry.qodef-items--fixed .qodef-grid-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
	
footer #menu-footer-4{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

footer .widget ul:not(.qodef-shortcode-list) li ul {
	margin-left: 0;
}

footer #menu-footer-4 li.menu-item-7654 a:first-child{
	display:none;
}
footer #menu-footer-4 li.menu-item-7654 .sub-menu li a{
	display:inline;
}

footer .widget ul:not(.qodef-shortcode-list) li ul {
	margin-top:0px;
}

#qodef-page-footer .widget ul:not(.qodef-shortcode-list) li ul {
	margin-top:0px !important;
}
    
</style>
