/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.4
Tested up to: 6.4
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

html {
	font-family: 'Lato', sans-serif !important;
   overflow-x:hidden;

}

body {
	margin: 0;
   transition: all 0.4s;
   scroll-behavior: smooth;
}
*{   
   font-family: 'Lato', sans-serif !important;
}

:root {
   --lighterGrey:#F5F5F5;
   --lightGrey:#949494;
   --grey: #1C1C1C;
   --black:#1D1D1B;
   --red:#E30613;
   --white: #FFFFFF;
}

/* .hfe-nav-menu-icon svg,.hfe-flyout-close svg{fill:var(--white) !important;} */

p,h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;font-size: inherit;}
[class*=" eicon-"], [class^=eicon]{font-family: 'eicons' !important;}
.direction-column {flex-direction:column;}
.direction-column .left-content {margin-bottom:30px;}
.direction-column:has(.rtl) {flex-direction:row;}
.direction-column .rtl {direction:rtl;}

/* FONTS */
.lato{font-family: 'Lato', sans-serif !important;}

/* BACKGROUND COLORS */
.bg-white{background-color: var(--white);}
.bg-black{background-color: var(--black);}
.bg-lighter-grey{background-color: var(--lighterGrey);}

/* COLORS */
.col-white,.col-white .elementor-heading-title{color: var(--white) !important;}
.col-black,.col-black .elementor-heading-title{color: var(--black) !important;}
.col-red,.col-red .elementor-heading-title{color: var(--red) !important;}
.col-light-grey,.col-light-grey .elementor-heading-title{color: var(--lightGrey) !important;}

.center{text-align: center;}

/* Container */
.elementor-section.elementor-section-boxed > .elementor-container{max-width: 1600px !important;width: 90%;}
.elementor-inner-section .elementor-container{width: 100% !important;}

.container,.sub-container{width: 90% !important;margin: auto;}
.container{max-width: 1600px !important;}
.sub-container{max-width: 1330px !important;}


/* CUSTOM CSS */
.mr-0{margin: 0;}
.mt-15{margin-top: 15px;}
.mb-15{margin-bottom: 15px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-80{margin-bottom: 80px;}

.mt-60{margin-top: 60px;}

.w-100 .elementor-container {width: 100% !important;}

.flex-row .elementor-container{display: flex;flex-direction: row;}
.flex-column .elementor-container,.flex-col{display: flex;flex-direction: column;}
.align-i-center{align-items: center;}
.align-i-start{align-items: flex-start;}
.text-upper{text-transform: uppercase;}
.text-iniial{text-transform: initial;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.flex-wrap{flex-wrap: wrap;}
.cursor{cursor: pointer;}
.flex{display: flex;}
.flex-row-basic{display: flex;flex-direction: row;}
.flex-column-basic{display: flex;flex-direction: column;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.pointer{cursor: pointer;}
.fl-right{float: right;}

/* FONT WEIGHTS */
.light{font-weight: 300;}
.regular,.regular *{font-weight: 400 !important;}
.medium{font-weight: 500;}
.semibold{font-weight: 600;}
.bold,.bold *{font-weight: 700 !important;}
.extrabold{font-weight: 800;}
.black.black *{font-weight: 900 !important;}
.right{text-align: right;}

.underline{text-decoration: underline !important;}
.uppercase{text-transform: uppercase;}
.italic{font-style: italic;}

/* FONT SIZES */

.fs-14{font-size: 14px;line-height: 24px;}
.fs-16{font-size: 16px;line-height: 20px;}
.fs-32{font-size: 32px;line-height: 62px;}
.fs-22{font-size: 22px;line-height: 20px;}


.relative{position: relative;}
.entry-header{display: none;}
.underline-red{border-bottom: 1px solid var(--red);}
.underline-white{border-bottom: 1px solid var(--white);}

.pd-0{padding: 0;}


.form .wpcf7-spinner{background-size: 100%!important;background: url('assets/images/spinner.gif');opacity: initial;background-color: transparent;width: 40px;height: 40px;}
.wpcf7-spinner::before{display: none;}
.wpcf7-response-output{color: var(--black);border: 1px solid var(--yellow) !important;background-color: var(--yellow);border-radius: 10px;margin-top: 50px !important;padding: 10px !important;}

/* Header */
#header .menu-item a,.sub-footer .menu-item a{font-size: 16px;text-transform: capitalize;color: var(--black) !important;padding:12px 0;margin-right: 80px;font-weight: 400;}
#header .menu-item.current-menu-item a{border-bottom: 1px solid var(--red);}
#header .sub-menu a{border: 0 !important;}
#header .menu-item a:hover,.sub-footer .menu-item a:hover{color: var(--red) !important;}
#header .menu-item:last-of-type a{margin-right: 0;}
#header .menu-item i{display: none;}
#header .sub-menu{background-color: var(--black);padding: 15px 17px;}
#header .sub-menu a{color: var(--white) !important;padding: 0;margin: 0 0 12px 0 !important;font-size: 14px !important;}
#header .sub-menu .menu-item:last-of-type a{margin: 0 !important;}
#header .sub-menu .menu-item{border: none;}
#header .sub-menu{left: -90px;}


/* Footer */
#footer .menu-item a{font-size: 14px;color: var(--black);padding: 0;margin-bottom: 10px;font-weight: 400 !important;}
#footer .menu-item a:hover{text-decoration: underline;}
#footer .sm .elementor-widget-container{width: 30px;height: 30px;border-radius: 50%;background-color: var(--black);align-items: center;display: flex;justify-content: center;}
#footer .sm .elementor-widget-container a{margin-top: -5px;}
/* BUTTON */
.button a{display: flex;justify-content: center;align-items: center;transition: 0.5s;border:1px solid var(--lighterGrey) !important;border-radius: 50px;height: 50px;width: 220px;padding: 0;text-transform: capitalize;background: transparent !important;}
.button a span{transition: 0.5s;}
.button a span{font-size: 14px;font-weight: 400 !important;color: var(--white);}
.button a:hover{background: var(--lighterGrey) !important;}
.button a::after{content: "";background-image:url('./assets/images/arrow.svg');display: inline-block;width: 12px;height: 12px;margin-left: 14px;}

/* Banner slider */
.banner-slider .cart .thumbnail{width: 55%;}
.banner-slider .cart .thumbnail img{height: 100%;}
.banner-slider .cart .content{padding: 50px 55px;width: 45%;}
.banner-slider .cart .content .text{margin: 0 0 25px 0;}
.banner-slider .owl-nav{display: block !important;position: absolute;right: 22px;bottom: 20px;}
.banner-slider .prev,.banner-slider .next,.artist-home .prev,.artist-home .next {background-color: var(--black);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
.banner-slider .prev,.artist-home .prev{margin-right: 10px;}
.banner-slider .next img,.artist-home .next img{transform: rotate(180deg);}

/* Cart Exhibition */
.cart-exhibition{width: 32%;margin-right: 2%;margin-bottom: 50px;}
.cart-exhibition .thumbnail{text-align:center;}
.cart-exhibition img{height: 420px;object-fit:cover;}
.cart-exhibition:nth-of-type(3n){margin-right: 0;}
.cart-exhibition .content{padding-top: 10px;}
.cart-exhibition .title{margin: 5px 0;}
.cart-exhibition .text{margin-bottom: 5px;}

/* Cart Artist */
.cart-artist-home img,.cart-artist img{height: 250px;object-fit: cover;}
.cart-artist-home .content,.cart-artist.content{padding-top: 10px;}
.cart-artist-home .content .text,.cart-artist .text{margin:5px 0;}
.artist-home  .owl-nav{display: block !important;position: absolute;right: 0;top:-70px;}

.cart-artist{width: 15%;margin-right: 2%;margin-bottom: 30px;}
.cart-artist:nth-of-type(6n){margin-right: 0;}


/* Cart Artworks */
.cart-artwork{width: 24%;margin-right: 1.33%;margin-bottom: 30px;}
.cart-artwork a{text-decoration: none;}
.cart-artwork img{
	height: 300px;
	object-fit: cover;
	width: 100%;
}
.cart-artwork:nth-of-type(4n){margin-right: 0;}
.cart-artwork .content{padding-top: 10px;}
.cart-artwork .gallery{margin: 5px 0;}
.cart-artwork .artist{margin-top: 5px;}
.home .cart-artwork img{height: 420px;}

/* Cart Exhibition */
.cart-gallery{width: 32%;margin-right: 2%;margin-bottom: 50px;}
.cart-gallery img{height: 420px;object-fit: cover;width: 100%;}
.cart-gallery:nth-of-type(3n){margin-right: 0;}
.cart-gallery .content{padding-top: 10px;}
.cart-gallery .title{margin-top: 5px;}

/* Cart Ads */
.cart-ads{width: 49%;}
.cart-ads img{width: 100%;height: 350px;object-fit: cover;}

/* Cart Blog */
.cart-blog{width: 48%;margin-right: 4%;margin-bottom: 20px;}
.cart-blog img{width: 100%;height: 420px;object-fit: cover;}
.cart-blog:nth-of-type(2n){margin: 0;}
.cart-blog .title{margin: 10px 0;}


/* Banner */
.banner{padding: 66px 0;}
.banner .url{margin: 10px 0;}
.banner-img{position: absolute;left: 0;bottom: 0;}

.banner{
   background-color: var(--lighterGrey);
   text-align: center;
}

/* BLog */
.category{margin-bottom: 25px;}
.category,.latest-ar{padding: 40px 22px;}
.category .title,.latest-ar .title{margin-bottom: 20px;}
.blog .left-content{width: 68%;}
.blog .right-content{width: 28%;}
.cart-article{border-bottom: 1px solid var(--black);padding-bottom: 19px;margin-bottom: 14px;}
.cart-article:last-of-type{border-bottom: 0;margin-bottom: 0;}
.cart-article .title{margin-bottom: 7px;}
/* taps */
.taps{margin:60px 0 45px 0;border-top: 1px solid var(--black);border-bottom: 1px solid var(--black);padding: 7px 0;}
.taps div a{color: var(--black);padding: 6px 22px;text-decoration: none;display: block;}
.taps .selected a{background-color: var(--black);color: var(--white);}
/* Pagination */
.pagination{display: flex;justify-content: center;flex-wrap: wrap;}
.pagination a,.pagination .current{margin-bottom: 10px;width: 30px;height: 30px;border: 1px solid var(--black);margin-right:10px;display: flex;align-items: center;justify-content: center;}
.pagination:nth-last-child(){margin-right:0;}
.pagination a{color: var(--black);text-decoration: none;}
.pagination .current{background-color: var(--black);color: var(--white);}

.magazine-img,.magazine-img img{height: 100%;}

/* Form */
#form input[type],textarea{background-color: transparent;outline: none;border: 1px solid var(--black);padding: 30px;font-size: 16px;color: var(--black);border-radius: 10px;width: 100%;}
#form .flex div{width: 49%;margin-bottom: 15px;}
#form .flex div:first-of-type{margin-right: 2%;}
::placeholder{font-size: 16px;color: var(--black);}
#form input[type='submit']{background-color: var(--black);color: var(--white);padding: 0;width: 170px;height: 50px;float: right;margin-top: 30px;}
.left-content-contact{min-width: 340px;}

/* video */
.cart-gallery .created-date{margin-top: 5px;}
.video{position: relative;}
.video video{height: 420px;}
.video img {z-index: 99;;width:80px;height: 80px;position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.hfe-nav-menu-icon svg{width: 25px !important;}

.single-exhibitions .left-content a {color:var(--red);}
.single-exhibitions .right-content img {max-height: 500px;width: auto!important;float: right;object-fit:cover;}
.single-exhibitions #menu-item-40 a,.page-id-401 #menu-item-40 a,.page-id-408 #menu-item-40 a,
.single-artists #menu-item-39 a,.page-id-381 #menu-item-39 a,.page-id-387 #menu-item-39 a,.page-id-394 #menu-item-39 a,
.page-id-438 #menu-item-39 a,.single-galleries #menu-item-38 a,.single-post #menu-item-423 a ,.category #menu-item-423 a,
.page-id-24 #menu-item-36 .hfe-has-submenu-container > a,.page-id-34 #menu-item-36 .hfe-has-submenu-container > a
{border-bottom: 1px solid var(--red);}

@media screen and (max-width: 1440px){
   #header .menu-item a{margin-right: 40px;}
   .fs-32{font-size: 28px;line-height: 32px;}
/*    .cart-exhibition img,.cart-gallery img {height: 280px;} */
   .cart-artwork {width: 32%;margin-right: 2%;}
   .cart-artwork:nth-of-type(4n){margin-right: 2%;}
   .cart-artwork:nth-of-type(3n){margin-right: 0;}
   .cart-artwork img {height: 250px;}
   .banner-slider .prev, .banner-slider .next, .artist-home .prev, .artist-home .next {width: 40px;height: 40px;}

   .cart-artist{width: 24%;margin-right: 1.33%;}
   .cart-artist:nth-of-type(6n){margin-right: 1.33%;}
   .cart-artist:nth-of-type(4n){margin-right: 0;}
   .left-content-contact {min-width: 300px;}

   .cart-blog img {height: 345px;}

}
@media screen and (max-width: 1024px){
   .fs-22 {font-size: 16px;line-height: 17px;}
   .flex.responsive{flex-direction: column;}
   .elementor-element.e-flex,.elementor-element.e-flex .e-con-inner{flex-direction: column !important;}
   #header{flex-direction:row !important;}
   #footer .sm .e-con-inner{flex-direction: row !important;}

   .banner-slider .cart .thumbnail,.banner-slider .cart .content{width: 100%;}
   .banner-slider .cart .content {padding: 30px 25px;}

   .cart-exhibition,.cart-gallery {width: 49%;margin-right: 2%;margin-bottom: 20px;}
   .cart-exhibition:nth-of-type(3n),.cart-gallery:nth-of-type(3n){margin-right: 2%;}
   .cart-exhibition:nth-of-type(2n),.cart-gallery:nth-of-type(2n){margin-right: 0;}
   .banner-img.e-flex.e-con{flex-direction: row !important;width: 85px;}

   .cart-artist{width: 32%;margin-right: 2%;}
   .cart-artist:nth-of-type(6n){margin-right: 2%;}
   .cart-artist:nth-of-type(4n){margin-right: 2%;}
   .cart-artist:nth-of-type(3n){margin-right: 0;}

   .cart-ads{width: 100%;margin-top: 20px;}
   .cart-ads img{height: initial;}

   .mt-60 {margin-top: 20px;}
   .mb-15 {margin-bottom: 0px;}
   .mb-80 {margin-bottom: 30px;}


   .left-content-contact {min-width: initial;}
   #form .flex{flex-direction: column;}
   #form .flex div{width: 100%;margin-right: 0;}
   #form input[type]{padding: 20px;}
   #form input[type="submit"]{padding: 0;    width: 120px;height: 40px;margin-top: 15px;}

   .taps{margin:20px 0;}
   .banner-img img{width: 65px;}
   .banner{padding: 50px 0;}

   .blog{flex-direction: column;}
   .blog .left-content,.blog .right-content {width: 100%;}
   .blog .left-content{margin-bottom: 20px;}
   .category, .latest-ar {padding: 30px 18px;}
   .category .mb-15{margin-bottom: 15px;}

   .video video {height: initial;}
   #header .menu-item i{display: block;font-style: initial;}




}
@media screen and (max-width: 767px){
   .cart-exhibition,.cart-artwork,.cart-gallery {width: 100%;margin-right: 0 !important;margin-bottom: 20px;}
   .cart-exhibition img,.cart-artwork img,.cart-artist img,.cart-gallery img{height: initial;}
   .cart-artist{width: 100%;margin-right: 0 !important;}
   .banner-img img{width: 30px;}

   .cart-blog{width: 100%;}

}
@media screen and (max-width: 500px){
}
@media screen and (max-width: 424px){

}