@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//artandbeauty.com.mk/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.3.4") format("woff2");
}

:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg, :is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg .product-grid-item{
	--wd-prod-bg:rgb(255,255,255); --wd-bordered-bg:rgb(255,255,255);
}

.wd-popup.wd-promo-popup{
	background-image: url(https://artandbeauty.com.mk/wp-content/uploads/2023/11/popup-photo-1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: url(https://artandbeauty.com.mk/wp-content/uploads/2023/11/bg-page.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:inherit;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Gloryti", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:18px;
}
:root{
--wd-title-font:"Gloryti", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Gloryti", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Gloryti", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Gloryti", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:700;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:17px;
}
:root{
--wd-header-el-font:"Gloryti", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:16px;
}
html .blog-shortcode .post.blog-post-loop .post-title{
	font-family: "Gloryti", Arial, Helvetica, sans-serif;font-weight: 600;font-size: 18px;
}

:root{
--wd-primary-color:rgb(12,0,0);
}
:root{
--wd-alternative-color:rgb(255,255,255);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(142,142,142);
}
:root{
--btn-accented-bgcolor-hover:rgb(84,84,84);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-accented-bottom-active: -1px;
				--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
							
					--wd-brd-radius: 0px;
		
			}

	
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1222px) {
			[data-vc-full-width]:not([data-vc-stretch-content]),
			:is(.vc_section, .vc_row).wd-section-stretch {
				padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
				padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
			div.wd-popup.wd-promo-popup {
			max-width: 600px;
		}
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 800px;
		}
	
	
@font-face {
	font-family: "Gloryti";
	src: url("//artandbeauty.com.mk/wp-content/uploads/2023/11/Gilroy-Regular.woff2") format("woff2"), 
url("//artandbeauty.com.mk/wp-content/uploads/2023/11/Gilroy-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.about-art-img {
  width: 65% !important;
	height: auto !important;
	margin: auto !important;
}
.vc_custom_1638980218127 {
 margin: 0px !important;
}
.whb-general-header > .container {
width: 100% !important;
margin: auto !important;
padding: 0px !important;
}
/* .whb-col-right, .whb-mobile-right {
    justify-content: flex-end;
    margin-right: -10px;
    margin-top: 40px !important;
}
.whb-general-header {
    border-color: rgba(232, 232, 232, 1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: -55px 0 -20px 0!important;
} */

.whb-general-header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.footer-sidebar {
display: none !important;
}
.ads-4 > img {
	display: flex;
	margin: auto;
	width: 280px;
	height: auto;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
margin-bottom: 10px !important;
}
.tutor-mt-auto {
display: none !important;
}
.woocommerce-MyAccount-navigation-link--downloads {
display: none !important;
}
.title-design-centered .wd-nav-product-cat {
display: none;
}

.vc_custom_1629877074547 {
display: none;
}
.join-viber {
          background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://artandbeauty.com.mk/wp-content/uploads/2023/11/image00013-1.jpeg) center/cover !important;

}
/* .custom-btn-oglas {
    background-color: black !important;
    color: white;
    padding: 5px 70px;
    margin-bottom: 35px;
} */
/* #wd-6554cb20a6f06 a {
  color: black;
	margin-bottom: 30px;
}
#wd-6554cb20a6f06 a:hover {
color: white;
	background-color: black;
	margin-bottom: 30px !important;
} */
/* #wd-6554cc525cc66 a {
	margin-bottom: 30px !important;
	border: 2px solid black !important;
} */

.cbt-oglasi {
		background-color: black !important;
    color: white;
}
.job_filters .job_types {
display: none !important;
}

#wd-6553727e377df.wd-text-block {
font-size: 17px !important;
}
.vc_custom_1700058111521 {
padding: 0px !important;
}
.wd-rs-6554d3ed22b62 {
margin-left: 30px !important;
}
.wd-rs-6554d3ed22b62 {
width: 56% !important;
}
.wd-rs-6125f30edad72 {
width: 40% !important;
}
.img-lips {
width: 70% !important;
	margin: auto !important;
	justify-content: center !important;
}
.wd-rs-65590419cc3d0 {
	margin: 0 100px 10px !important;
}
.wd-rs-655902aea9ba9 {
margin-right: 80px !important;
}
.company-logo {
    float: left;
    margin-right: 20px; /* Adjust the spacing between the logo and text */
}

.company-logo img {
    width: 200px !important; /* Set the desired width for the logo */
    height: auto !important; /* Maintain aspect ratio */
}
/* .wd-post-date.wd-style-with-bg {
		top: 0px !important;	
    left: -50px !important;

} */
.fieldset-logged_in {
display: none !important;
}
.description {
display: none !important;
}
.fieldset-remote_position {
display: none !important;
}
.wd-entry-meta {
display: none !important;
}
#wd-655f4a27b81c8 {
display: none !important;
}
.post-title {
margin-bottom: 15px !important;
}
.wd-rs-655f5ffc44a89:first-child {
margin-bottom: 5px !important;
}
.menu-item-compare {
display: none !important;
} 
.wd-nav-mob-tab[class*="wd-style-underline"] .nav-link-text {
background-color: black;
color: white;
}
.tabs-wd-65609e830a4a0.tabs-design-default .products-tabs-title .tab-label:after {
background-color: black !important;
}
.vc_custom_1626791053168 {
margin-bottom: 20px !important;
}
.wd-rs-60f6dc7e05113 {
margin-bottom: 20px !important;
}
.blog-design-list > .wd-meta-author {
display: none !important;
}
.wd-meta-author {
display: none !important;
}
.blog-design-list .wd-post-cat {
    position: absolute;
    inset-inline: 15px;
    top: 15px !important;
    left: auto !important;
    width: fit-content;
}
.cards-container-art {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Card Styles */
.card-art {
  width: 30%; /* Adjust as needed */
  margin: 1%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  transition: transform 0.3s ease;
  text-decoration: none;
}

.card-art:hover {
  transform: scale(1.1); /* Enlarge on hover */
}

.card-content-art {
  height: 300px; /* Adjust height */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
}

/* Media Queries for Tablet and Mobile */
@media (max-width: 1024px) {
  .card-art {
    width: 45%; /* Adjust as needed */
    margin: 2.5%;
  }

  .card-content-art {
    height: 300px; /* Adjust height */
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .card-art {
    width: 100%; /* Adjust as needed */
    margin: 0;
  }

  .card-content-art {
    height: 300px; /* Adjust height */
    padding: 15px;
  }
}
.card-content-art > h2 {
margin: 0px !important;
	color: white;
}
.vc_row.vc_row-o-content-middle>.vc_column_container>.vc_column-inner {
justify-content: start !important;
display: flex;
}
.vc_row.vc_row-flex>.vc_column_container {
		display: flex;
    flex-direction: column !important;
}
.cards-container-art > p {
display: none !important;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
background-color: black !important;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn-secondary {
border: white 1px solid !important;
}
.tutor-course-details-instructors {
display: none !important;
}
.title-size-default .title {
text-transform: uppercase !important;
}
.tutor-nav>li:nth-child(2) {
display:none !important;
}
.tutor-ul>li>span:nth-child(1) {
display: none !important;
}
.tutor-icon-level {
display: none !important;
} 
#text-3 {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
#wd-656c758f13040 {
padding: 10px !important;
}
#block-21 {
border: 1px solid !important;
	    padding-top: 10px;
    padding-bottom: 10px;
}
#woocommerce_price_filter-6 > .widget-title {
	border: 1px solid !important;
	    padding: 10px;
}
#woocommerce_price_filter-6 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.price_slider_amount > .button {
background-color: black !important;
color: white !important;
padding: 10px 30px 10px 30px !important;
margin-top: 20px !important;
}
#block-20 {
padding: 0px !important;
}
.wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
border: 0px solid !important;
}
#text-4 {
max-width: 100% !important;
margin: 0px !important;
	padding: 0px !important;
}
#text-4 > .widget-title {
	border: 1px solid !important;
	padding: 10px !important;
}
#block-22, #block-20 {
max-width: 100%;
}
.whb-header-bottom > .container {
	max-width: 95% !important;
}
.d-none-block {
display: none;
}
.social-twitter, .social-youtube, .social-pinterest {
display: none !important;
}
.wd-sticky-social-right .wd-social-icon {
margin: 10px !important;
}
.wd-btn-arrow:after {
font-size: 25px !important;
}
#woodmart-woocommerce-layered-nav-14 {
max-width: 100% !important;
padding: 0px !important;
border: 1px solid black;
}
#woodmart-woocommerce-layered-nav-14 > .widget-title {
padding: 10px 5px 10px 10px;
}
#woodmart-woocommerce-layered-nav-14 > .wd-scroll {
padding: 10px;
}
.tutor-btn-outline-primary, .tutor-btn-outline-primary, .tutor-btn-outline-primary {
background-color: black !important;
color: white !important;
}
.tutor-btn-outline-primary:hover, .tutor-btn-outline-primary:focus, .tutor-btn-outline-primary:active {
background-color: white !important;
color: black !important;
}
.tutor-course-details-widget-list > li > span:before {
display: none !important;
} 
.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky {
position: relative;
	z-index: 0;
}
.tutor-nav > li > a {
color: black !important;
}
.wd-widget-collapse:not(.wd-opened-initially)>.widget-title ~ * {
padding: 10px !important;
}
/* .wd-swatches-brands .wd-swatch.wd-bg {
display: none !important;  
} */
#woodmart-woocommerce-layered-nav-14 > .widget-title {
border-bottom: 1px solid black;
}
#woocommerce_product_categories-2 > .widget-title {
border: 1px solid black;
padding: 10px !important;
}
.additional_information_tab {
display: none !important;
}
.wll-launcher-button-container {
background-color: red !important;
}
.wll-banner-container {
background-color: red !important;
}
.wll-earn-points-header-container {
background-color: red !important;
}
.wlrf-point_for_purchase:before, {
color: red;
}
.wlrf-fixed-discount:before {
color: red;
}
#wll-site-launcher {
color: red !important;
}
.wlrf-redeem:before {
color: red;
}
.wlrf-close:before {
background-color: red;
}
.wlrf-point_for_purchase:before {
color: red;
}
#wll-site-launcher .lg\:h-14 {
background-color: red !important;
}
.wlrf-points_conversion:before {
color: red; 
}
#wll-site-launcher .lg\:w-8 {
background: red !important;
}
.wlrf-arrow_right:before {
color: red;
}
.wll-reward_opportunities-title {
color: red !important;
}
.wll-my_rewards-title {
color: red !important;
}
.wll-launcher-button-container {
    right: 100px !important;
    bottom: 24px !important;
}
/* .wll-content-container {
    right: 90px !important;
    bottom: 16px !important;
} */
.wlrf-wployalty_logo:before {
color: white !important;
}
.wll-launcher-button-container {
z-index: 10 !important;
}
.post-11548 {
display: none !important;
}
.cat-item-207 {
display: none !important;
}
.search_remote_position {
display: none !important;
}
.showing_jobs {
display: none !important;
}
.tutor-btn[name="complete_course_btn"] {
  display: none !important;
}
.tutor-btn-block {
	background-color: black !important;
}@media (min-width: 1025px) {
	.post-title {
margin-bottom: 15px !important;
font-size: 25px !important;
}
.wd-nav-mob-tab {
		background-color: black;
    color: white;
    border: 1px solid white;
}
.mobile-page-title {
border-right: 1px solid;
    color: white;
}
.mobile-page-title > a > span {
color: white;
}
.mobile-categories-title {
border-left: 1px solid white;
    color: white !important;
}
.mobile-categories-title {
color: white !important;
}
.article-body-container {
padding: 10px 10px 40px 10px !important;
}
.read-more-section a {
position: relative;
    display: inline-block;
    border-bottom: none;
    color: rgb(197 197 197);
    text-transform: var(--btn-transform);
    font-weight: 600 !important;
    font-size: 10px !important;
}
.blog-design-masonry .post-title {
font-size: 18px !important;
}
.wd-entry-content {
font-size: 14px !important;
}
.blog-design-masonry .post-title {
    font-size: 18px !important;
    line-height: 1.1;
}
.blog-design-masonry.blog-style-bg.has-post-thumbnail .article-body-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 265px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}
.ad-4-mobile {
display: none !important;
}
.post-single-page .post-title {
font-size: 32px !important;
}
.wd-rs-656615136e715 {
height: 620px !important;
}
#wd-655fdb080add1 {
display: none;
}
.wd-rs-655fdb080add1 {
display: none;
}
.ad-4-mobile {
display: none;
}
#woodmart-woocommerce-sort-by-2 {
max-width: 100% !important;
}
#woocommerce_price_filter-6 {
max-width: 100% !important;
}
#block-21 {
max-width: 100% !important;
}
#block-20 {
	max-width: 100% !important;
}
.tutor-course-details-tab-reviews {
display: none !important;
}
#woocommerce_product_categories-2 {
max-width: 100%;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.select2-selection--single {
    border: 1px solid !important;
    padding: 10px;
}
#woocommerce_product_categories-2 {
padding: 0px !important;
}
.custom-border {
border-right: 1px solid #d2d2d2;
padding-left: 20px!important;
}
.whb-header-bottom > .container {
max-width: 95% !important;
}
.tutor-course-details-widget-col-2 ul {
display: block !important;
width: 100% !important;
}
.tutor-course-details-widget-col-2 ul>li {
width: 100% !important;
}
.vc_custom_1626790724321 {
    width: 90%;
    justify-content: center;
    display: flex;
    margin: auto;
}
.tutor-card-footer > .tutor-d-flex {
	display: block !important;
}
.wd-header-nav {
padding-inline: 0px !important;
}
#wd-65c0de45ec463 {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-around !important;
    flex-direction: row !important;
}
.wd-tools-element>a {
	padding: 0px !important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.wd-tools-element>a {
color: black;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.ads-4 > img {
width: 100%;
height: 400px;
}
.wd-tools-element>a {
color: black;
}
}

@media (max-width: 576px) {
	.wd-header-mobile-nav {
padding: 0 10px 0 10px !important;
}
.whb-general-header :is(.whb-mobile-left,.whb-mobile-right) {
padding: 0 10px 0 10px !important;
}
.wd-logo img {
padding-top: 0px !important;
}
.wd-toolbar>div a {
color: white !important;
}
.wd-tools-element>a {
color: black !important;
}
.wd-toolbar {
background-color: black !important;
}
.ads-4 {
display: none !important;
}
.ad-4-mobile {
/* display: flex !important;
margin: auto;
justify-content: center; */
	display: block !important;
}
.wd-rs-655902aea9ba9 {
margin-right: 0px !important;
}
.wd-rs-65590419cc3d0 {
    margin: 0px 15px 10px 0px!important;
}
.wd-toolbar-link .wd-custom-icon img {
height: 30px !important;
}
body .mobile-bg-img-hidden, .wpb_column.mobile-bg-img-hidden>div {
display: block !important;
}
.mobile-none-hight {
display:none; 
}
.sidebar-container.wd-inited .widget-area {
padding: 0px 20px 0px 20px;
}
#woocommerce_product_categories-2 {
padding: 0px !important;
}
.wd-sticky-social {
display: block !important;
}
.wll-launcher-button-container {
  bottom: 114px !important;
	right: 12px !important;
}
}

