/*!
Theme Name: City Depot 2022
Theme URI: https://www.myozarniaung.com/
Author: Myo ZarNi Aung
Author URI: https://www.myozarniaung.com
Description: Customize theme for City Depot Brand Page with Simple Portfolio by Myo ZarNi Aung based on underscores basic theme.
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: citydepot2022
Tags: custom-slider, custom-product-showcase, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

City Depot 2022 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.


*/
@font-face {
    font-family: 'Bourgeois';
    src: url('/wp-content/themes/citydepot2022/theme-resources/fonts/Bourgeois-UltraBold.woff2') format('woff2'),
         url('/wp-content/themes/citydepot2022/theme-resources/fonts/Bourgeois-UltraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html{
	background-color: #e6e6e6;
}
p,.jumbo-button{
	font-family: 'Poppins', sans-serif;
}
address, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 7px 0;
}
h1 {
    font-size: 1.8rem;
}
h2 {
    font-size: 1.6rem !important;
}


.uk-heading-medium {
    font-size: 1.6rem;
}
a:hover {
    text-decoration:none;
}
/*.main-container{
	background-color: #e6e6e6;
font-family: 'Archivo', sans-serif;
font-family: 'Poppins', sans-serif;

}*/
.uk-link, a {
    color: #262626;
    text-decoration: none;
    cursor: pointer;
}
main{
	
}


.uk-navbar-nav {
    gap: 20px;
}
.uk-navbar-item, .uk-navbar-nav a, .uk-navbar-toggle,h1,h2{
	font-family: "Bourgeois" !important;
}
.uk-navbar-item, .uk-navbar-nav a, .uk-navbar-toggle{
	font-size: 1.1rem !important;
}
[class*="uk-heading-"]{
    font-family: "Bourgeois" !important;
}
.uk-navbar-nav>li>a{
	min-height: 60px;
	color:#383838;
}
.uk-navbar-nav>li>a:hover,.uk-navbar-dropdown-nav a:hover{
	color: #ed1c24;
    animation: fadeIn 1s;
}

.custom-logo{
	width: 170px;
}

/* .uk-navbar-item .uk-iconnav {
    gap: 11px;	
} */
.uk-navbar-nav>li>a {
    padding: 7px;
}
/*.uk-navbar-nav>li>a:hover {
    background: #cecfd2;
}*/
.uk-card-default,.uk-button{
    border-radius: 0.3rem;
}
.widget-area,.archive .product a{
    background-color: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    border-radius: 0.3rem;
    overflow: auto;
    display: block;
}
ul.products li.product img {
    width: 100%;
}
.uk-button{
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    border-radius: 0.3rem; 
}
select{
    border-radius: 0.3rem;
    background: #d9d9d9;
}

ul.products li.product img{
    border-radius: 0.3rem 0.3rem 0 0;
}
.wc-block-attribute-filter {
    margin-bottom: 8px;
}
.wc-block-product-categories {
    margin-bottom: 0 !important;
}

.uk-subnav li:first-child {
    border-radius: 0.3rem 0 0 0.3rem;
    overflow: auto;   
}
.uk-subnav li:last-child {
    border-radius: 0 0.3rem 0.3rem 0;
    overflow: auto;   
}
.uk-subnav li:nth-of-type(1):nth-last-of-type(1){
    border-radius: 0.3rem;  
}

ul.products li.product h2{
    border-radius:  0 0 0.3rem 0.3rem;
}
.uk-navbar-dropdown,.widget_shopping_cart_content {
    background: #f9f9f9;
    color: #646464;
    box-shadow: none;
    padding: 10px 25px;
}

.uk-navbar-dropdown-nav>li>a {
    color: #646464;
}
.nav-custom-icon svg{
	padding: 5px 6px;
	width: 30px;
    background: transparent;

}	
.nav-custom-icon svg:hover{
	padding: 5px 6px;	
    border-radius: 3rem;
    background: #ed1c24;
	width: 30px;
	fill: #e6e6e6;
}
.home-slider-image{
	margin-top: 60px;
	margin-bottom:40px;
	position: relative;
}
.home-slider-image figure,.square-45 figure{
	display: block;
	margin: 0 auto;
	margin-top: 60px /*70px*/;
	/* width: 400px; */
    width: 330px;
	transform: rotate(45deg);
	overflow: hidden;
    box-shadow: 50px -20px 100px -40px rgb(64 64 64);
}
.home-slider-image figure img,.square-45 figure img{
    max-width: 100%;
    transform: rotate(-45deg) scale(1.42);

}
.woocommerce-product-gallery__image {
    border-radius: 0.35rem;
}
.uk-button-primary {
    background-color: #024966;
    color: #fff;
    border: 1px solid transparent;
}

.uk-button-primary:hover{
    background-color: #000000;
}
.home-slider-image figure:before,.square-45 figure:before {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
}
.home-slider-image figure:after,.square-45 figure:after {
  position: absolute;
  top: 15px;
  left: 15px;
  content: '';
  height: calc(98% - 35px);  /* -22px is 2 * 10px gap on either side - 2px border on either side */
  width: calc(98% - 35px);  /* -22px is 2 * 10px gap on either side - 2px border on either side */
  border: 8px solid rgb(255 255 255 / 56%);
}
.uk-search {
    background: #fff;
    border: 1px solid #837e7f;
    border-radius: 5rem;
}
.uk-search-navbar .uk-search-input {
    height: 40px;
    background: 0 0;
    font-size: inherit;
    margin-left: 10px;
}

.nav-overlay {
    display: flex;
    gap: 10px;
    align-items: center;
}
.uk-card-media-top {
    border-radius: 0.3rem 0.3rem 0 0;
}
svg{
    fill: #454545;
}
.post-type-archive-product .wp-block-heading,
.tax-product_cat .wp-block-heading,
.tax-pa_brand .wp-block-heading,
.tax-pa_grades .wp-block-heading
{
    background: #ed1c24;
    color: rgb(255 255 255 / 84%);
}
.right-diamond-shape {
    border: 2px solid rgb(237 28 36 / 49%);
    width: 70px;
    height: 70px;
    position: absolute;
    display: block;
    transform: rotate(45deg);
    /* left: 0; */
    /* margin-right: 100px; */
    right: 0;
    margin-right: 23%;
    /*margin-top: -5%;*/
}
.left-diamond-shape {
    border: 2px solid rgb(2 73 102 / 67%);
    width: 70px;
    height: 70px;
    /*position: absolute;*/
    display: block;
    transform: rotate(45deg);
    /* left: 0; */
    /* margin-right: 100px; */
    left: 0;
    margin-left: 22%;
    margin-bottom: -5%;
}
.home-slider-content {
    margin-top: 110px;
}
.home-slider-content h2{
	font-size: 4.5rem;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
	line-height: 0.9;
}
.uk-slideshow-items li{
	background-color: #e6e6e6;	
    display: block;
    border-radius: 0.5rem;
}
.jumbo-button{
    background: #024966;
    padding: 8px 21px;
    border-radius: 2.5rem;
    box-shadow: 10px 20px 50px 0px rgb(64 64 64 / 73%);
    border: none;
    color: #fff;
    font-size: 1.2rem;
    color: rgb(255 255 255 / 56%) !important;
}
.jumbo-button:hover{
    background: #161616;
    box-shadow: 5px 10px 30px 0px rgb(64 64 64 / 73%);	
}
.jumbo-button svg{
	fill: rgb(255 255 255 / 56%);
	width: 50px;
	padding: 5px 10px;
	background: rgb(0 40 56 / 49%);
	border-radius: 50%;
	margin-left: 10px;
}
.heart-icon svg{
	fill: rgb(255 255 255 / 56%);
	width: 60px;
	padding: 15px;
	background: #feaa01;
	border-radius: 50%;
	margin-right: 30px;
    box-shadow: 10px 20px 50px 0px rgb(64 64 64 / 73%);	
}
.home-slider-button-group{
	padding-top: 60px;
}
.uk-slidenav-next svg,.uk-slidenav-previous svg{
	width: 25px;
}
.brand-logo img{
	/* filter: grayscale(1); */
	width: 250px;
}
.brand-logo img:hover{
	filter: grayscale(0);
}
.verticle-slider{
    display: flex;
    -webkit-touch-callout: none;
    flex-direction: column;
}
.verticle-slider li .content{
	background: #bfbfbf;
	padding: 0px 0px 10px 0px;
}

.verticle-slider h2{
	font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    line-height: 0.9;
    margin: 0;
    padding: 20px 10px 0px 10px;
    color: black;
}
.verticle-slider span{
	color: black;
	padding: 10px;
	font-size: 1.2rem;
}
.border-radius-only-top{
    border-radius:0.3rem 0.3rem 0 0;
}

.shop-sidebar aside{
    background: #fff;
}
.uk-h3, h3 {
    line-height: 1;
    font-size: 1.3rem;
}
aside h3 {
    padding: 15px 25px;
    margin-bottom:3px;
}
ul.wc-block-product-categories-list,
.wp-block-woocommerce-attribute-filter{
    list-style-type: none;
    padding: 0;
}
.wc-block-product-categories-list-item,
.wc-block-checkbox-list li label{
    /* background: #ddd; */
    padding: 6px 15px;
    border-bottom: 1px solid rgb(94 94 94 / 21%);
    /* margin: 5px 24px; */
}
.wc-block-attribute-filter-list li:last-child label {
    border: none;
}
.wc-block-checkbox-list__checkbox{
    padding: 0;
    margin: -3px 0px !important;
}
.woocommerce-loop-category__title mark.count,
.archive .products li.product .button,
.upsells  li.product .button,
form.woocommerce-ordering,.related li.product .button,
.type-product .button{
    display: none !important;
}
.wc-block-product-categories-list-item:hover,
.wc-block-attribute-filter-list li:hover {
    background: #d9d9d9;
    animation: fadeIn 0.5s;
}
.woocommerce-breadcrumb {
    margin-bottom: 10px;
}
.uk-heading-small {
    font-size: 1.4rem !important;
}
.uk-slider-items li {
    /* display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-content: space-between !important;
    align-items: center !important;
    padding: 10px;
    background: #fff;
    margin: 10px;
    border-radius: 0.3rem;
    display: block;     */
}
.wc-block-product-categories-list-item:last-child,
.wc-block-attribute-filter-list:last-child{
    border-bottom: none;
}
.wc-block-product-categories-list-item ul li{
    background: #f1f1f1;
    padding: 5px 15px;
}
.wc-block-product-categories-list-item__name {
    color: #000;
    font-weight: 400;
}
button.wc-block-components-filter-reset-button {
    background: #444444 !important;
    padding: 5px 10px;
    color: #c5c5c5;
    text-decoration: none;
}
h2.woocommerce-loop-category__title,h2.woocommerce-loop-product__title,
.woocommerce-loop-product__title{
    margin: 0;
    padding: 10px;
    font-size: 1.1rem !important;
    text-align: center;
    font-weight: 400;
    background: #024966;
    text-decoration: none;
    color: rgb(255 255 255 / 82%);
}
table.woocommerce-product-attributes {
    width: 400px;
}
.products  li a:hover{
    text-decoration: none;
}
mark {
    background: transparent;
    color: #666;
}
span.onsale {
    position: absolute;
    right: 0;
    background: #ed1c24;
    color: #fff;
    font-size: 0.9rem;
    border-radius: 0 0 0 0.5rem;
    padding: 0px 5px;
}
.type-product .button {
    /* text-align: center;
    background: #004f68;
    padding: 9px 20px;
    bottom: 0;
    margin-bottom: 50px;
    color: #fff;
    font-weight: 400;
    border: none; */
}
form.woocommerce-ordering select,
form input {
    padding: 8px;
    margin-bottom: 16px;
    border: inherit;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
	/*width: 40%;
    float: left;
    margin-right: 20px;*/
}
ol.flex-control-nav.flex-control-thumbs {
    width: fit-content;
}
.single-product div.product .woocommerce-product-gallery {
    position: unset !important;
    width: 450px;
    margin-right: 30px;
}
.single-product .uk-subnav{
	margin-left: 0px;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 0em;
}
.posted_in a {
    background: #fff;
    font-size: 0.9rem;
    padding: 1px 5px;
    border-radius: 0.3rem;
    text-decoration: none;
    color: #585858;
}
.uk-subnav>* {
    flex: none;
    padding-left: 20px;
    position: relative;
    padding: 0;
    margin-top: 15px;
}
.uk-subnav-pill>*>:first-child {
    /* padding: 5px 10px;
    background: #f5f5f5;
    color: #999; */
    background-color: rgb(253 253 253 / 20%);
    color: #000;
    margin: 0;
    font-weight: 600;
    border-bottom: 2px solid #aaa;

}
.uk-subnav-pill>.uk-active>a {
    /* background-color: #585858;
    color: #fff;
    margin: 0; */
    background-color: rgb(253 253 253 / 79%);
    color: #000;
    margin: 0;
    font-weight: 600;
    border-bottom: 2px solid #aaa;

}
.entry-summary form.cart {
    position: relative;
    margin: 10px;
    padding: 0;
}
section.related.products{
    position:relative;
    clear: both;
    margin-top: 25px;
    width: 100%;
}
.related.products h2:not(.woocommerce-loop-product__title),
.up-sells.products h2:not(.woocommerce-loop-product__title){
    font-size: 1.2rem;
    padding-top: 25px;
}
ul.products.columns-3 li.product {
    width:24% !important;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    background-color: #0f834d;
    clear: both;
    color: #fff;
    padding: 20px;
    margin-bottom: 15px;
}
.woocommerce-message .button,
.woocommerce-mini-cart__buttons a,
.woocommerce-cart-form .button,
.wc-proceed-to-checkout a,
.wpcf7-submit {
    color: #f3f3f3;
    background: #004f68;
    padding: 5px 15px;
    margin-right: 5px;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #6b6969 !important;
}
.wc-proceed-to-checkout{
    margin-top:20px;
}
.woocommerce-billing-fields__field-wrapper {
    background: #f3f3f3;
    padding: 20px;
}
.mobile-menu-button-container ul {
    display: block;
}
.mobile-menu-button-container .uk-navbar-nav>li>a {
    min-height: 50px;
}
.mobile-menu-button-container .uk-navbar-dropdown.uk-open {
    display: block;
    width: 83%;
}
.site-header-cart {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #c5c5c5;
    border-radius: 0.3rem;
    padding: 0px 10px !important;
    font-size: 1rem;
}

.widget_shopping_cart_content {
    min-width: 250px;
    margin-top: 20px;
}
.woocommerce-mini-cart-item .attachment-woocommerce_thumbnail {
    width: 70px;
    margin-right: 15px;
}
.site-header-cart .widget_shopping_cart{
    box-shadow: none !important;
}
.site-header-cart .product_list_widget {
    list-style-type: none;
}
.remove.remove_from_cart_button {
    position: absolute;
    background: red;
    border-radius: 1rem;
    padding: 0px 5px;
    color: #fff;
    font-size: 0.7rem;
}
.woocommerce-mini-cart-item .quantity {
    background: #024966;
    border-radius: 0.3rem;
    padding: 1px 5px 3px;
    color: #eee;
}
.woocommerce-cart table, .woocommerce-cart th, .woocommerce-cart td,
.woocommerce-checkout table, .woocommerce-checkout th, .woocommerce-checkout td,
.woocommerce-orders-table, .woocommerce-orders-table th, .woocommerce-orders-table td{
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
    padding: 6px 10px;
    background: #fff;
    width: auto;
}
.cart_totals {
    margin-top: 20px;
}

footer p {
    font-size: 0.8rem;
    padding: 0;
    margin: 0;
    color: #4a4a4a;
}
footer h4 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #595959;
}
.post-navigation{
    margin-left: 40px;
    background: #fff;
    display: inline-table;
    /* margin-left: 0; */
    padding: 10px 20px;
}
.uk-input,.uk-textarea{
    background: #eee !important;
}
table {
    border-collapse: collapse;
}
tr,td{
    border:1px solid #979797;
}
th, td p {
    margin: 0;
    padding: 7px 20px;
}
/* input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
textarea.wpcf7-form-control.wpcf7-textarea{
    background: #eee !important;
    padding: 15px 20px;
    border: 1px solid #cbcbcb !important;
    width: 80%;
} */
/* textarea.wpcf7-form-control.wpcf7-textarea{
    height: 250px;
} */

.page-id-52 .square-45 figure{
    width: 250px !important;
}
.category #page .wp-post-image {
    object-fit: cover;
    object-position: top;
    height: 250px;
}
.woocommerce-pagination ul{
padding-left: 0px;
}
.woocommerce-pagination li {
    display: inline-block;
    background: #fdfdfd;
    padding: 5px 10px;
    border-radius: 0.3rem;
}
.uk-placeholder2 {
    margin-bottom: 20px;
    padding: 119px 30px;
    background: 0 0;
    border: 3px dashed #cdcaca;
    border-radius: 0.5rem;
    background: #f9f9f9;
}
.grecaptcha-badge {
    display: none !important;
}
@media (max-width: 959px){
    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        width: 100%;
    }
    .nav-overlay .uk-navbar-item.uk-width-expand {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 50px;
        z-index: 1;
    }

    .products.columns-5 li {
        width: 44%;
        display: grid;
        float: left;
        margin: 10px;
    }
    .home-slider-image figure, .square-45 figure {
        zoom: 60%;
    }
    .home-slider-button-group {
        padding-top: 0;
        zoom: 60%;
    }
.home-slider{
    zoom: 80% !important;
	text-align:center;
}	

.home-slider-image {
    margin-top: 20px !important;
    margin-bottom: 0;
    position: relative;
}	
	
    .uk-search-navbar .uk-search-input {
        height: 27px;
        background: 0 0;
        font-size: 13px;
        margin-left: 10px;
        margin-top: -2px;
    }
.brand-logo img {
    width: 120px;
    padding-top: 20px;
}
    .woocommerce-product-gallery--with-images {
        margin-bottom: 18px;
    }
    ul.products li.product,ul.products.columns-3 li.product  {
        width: 49% !important;
        margin-bottom: 1em !important;
        display: inline-flex;
    }


}