/*from hart*/
/*
Theme Name:         WordPress Artlook Theme I Child
Theme URI:          https://www.browsedigital.com/
Description:        WordPress Artlook Theme I is a WordPress starter theme based on Sage Starter Theme (8.5.4).
Version:            1.0.0
Author:             Browse Digital Ltd.
Author URI:         https://www.browsedigital.com
Text Domain:        wp_artlook_theme

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
Template:           wordpress-artlook-theme-1
Version:            1.0.0
*/

/**
 * Theme Artlook Gallery
 **/



body {font-family: 'Nunito Sans', Lato,sans-serif;}

.content {margin-top: 40px;}

section.section-home-slide .item-text {
    padding: 15px 15px 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(0,0,0,.7);
	color: white!Important;}

section.section-home-slide h1,h2,h3,h4,h5,h6 {
  	color: white;}

/*.item .item-text h1,h2,h3,h4,h5,h6 {color: white!Important;}
.item .item-text p {color: white!Important;}*/

.gallery .gallery-box .card a figure.crop-img,
.browse-by-type .gallery .gallery-box .card a figure,
.browse-by-subject .gallery .gallery-box .card a figure {
    /*border: 2.5px solid #231f20;*/
    position: relative;
}

.gallery .gallery-box .card a figure.crop-img:before,
.browse-by-type .gallery .gallery-box .card a figure:before,
.browse-by-subject .gallery .gallery-box .card a figure:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    /*border: 10px solid #231f20;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.gallery .gallery-box .card a figure.crop-img img,
.browse-by-type .gallery .gallery-box .card a figure img,
.browse-by-subject .gallery .gallery-box .card a figure img {
    clip-path: inset(20% 20% 20% 20%);
    object-fit: cover;
    height: auto;
    max-width: 360px!important;
}

.gallery .gallery-box .card a[title="Andrei Protsouk"] figure.crop-img > img,
.browse-by-type .gallery .gallery-box .card a[title="Andrei Protsouk"] figure > img,
.browse-by-subject .gallery .gallery-box .card a[title="Andrei Protsouk"] figure > img{
    max-width: 425px!important;
}

.gallery .gallery-box .card {
    text-align: center;
}

.gallery .gallery-box .card a figure.crop-img,
.browse-by-type .gallery .gallery-box .card a figure,
.browse-by-subject .gallery .gallery-box .card a figure {
    border: 2.5px solid #eee;
    position: relative;
}

select.form-control.artist-dropdown-navigation {
    font-weight: normal;
    position: relative;
    top: -2.5px;
}

.gallery .gallery-box .card a h5 {
    text-align: center;
    font-weight: normal;
}

.section-box-category .gallery .gallery-box .card a h5 {
    color: rgba(0,0,0,.5);
    font-weight: normal;
    bottom: auto;
}

.section-box .gallery .gallery-box .card {
    padding-bottom: 35px;
}

.section-box-category .gallery .gallery-box .card a:active h5,
.section-box-category .gallery .gallery-box .card a:focus h5,
.section-box-category .gallery .gallery-box .card a:hover h5 {
    background: transparent;
    color: black!Important;
	font-weight: normal;
}
/**
 * Browse by Subject Image Cropping
 **/
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a figure img {
    opacity: .0;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    min-width: auto!important;
    max-width: inherit!important;
    transform: translate(-50%,-50%);
}
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a figure {
    height: 220px;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
}
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a:active figure img,
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a:focus figure img,
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a:link figure img {
    opacity: 0;
}
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a figure img {
    clip-path: inset(20% 20% 20% 20%);
    object-fit: cover;
    height: auto;
    max-width: 495px!important;
}

/**
 * Popup background Overlay
 **/
body .pum-theme-default-theme {
    background-color: rgba(0, 0, 0, 0.35);
}

/**
 * Custom CSS
 */
body {background-color: white!Important; color: white;}
body {background-color: white!Important; color: black;}
header#main-header .navbar-brand {
    max-width: 350px;
	height: auto;
margin-top: 0px;
z-index: 10000;}


header#main-header .navbar-nav {
	font-size: 14px; justify-content: left; font-family: 'Nunito Sans', sans-serif!Important;}
.content h2 {color:black; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.content h1 {color:black; font-family: 'Nunito Sans', Lato,sans-serif!Important; font-size: 20px;}
.content h3 {color:black; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.content h4 {color:black; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.content h5 {color:black!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.content h6 {color:black!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.content p {color:black!Important; font-family: 'Nunito Sans', sans-serif!Important;}
/*.item h6 {color:gray!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.item h4 {color:gray!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.item h1 {color:gray!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
.item h2 {color:gray!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}*/
/*.item h3 {color:gray!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}*/
.item p {color:gray!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;}
header h6 {color:black!Important; font-family: 'Nunito Sans', Lato,sans-serif!Important;} 
.btn {background-color: #339298!Important; color: white;}
.btn-primary_slider {background-color: black!Important; color: white;}
/*.card {background-color: black!Important; color: white;}*/
a {color:gray!Important;}
.footer-brand p {color:white!Important;}
.crop-img {background-color: #2b2829!Important; color: white;}
.content label { color: gray;}
/*.artist-dropdown-navigation {background: gray!Important}*/
.item-status-available strong {color:white!Important}
.no-list li strong {color:black!Important}
.ginput_container {background-color:white!Important;}
.gfield_label {color:gray!Important}
.gfield_required
{color: pink!Important; font-size: 14px}
.gform_button {
    background: #ccc!Important;
	color: black!Important;}
header#main-header {background-color:white!Important;
padding-bottom: 5px; border-bottom: 1px solid gray;}
.menu-item a:hover{ border-bottom: 2px solid green!Important;}
.navbar-nav li.active a {border-bottom: 2px solid gray!Important;}
#menu-main-menu {color:white!Important; font-family: 'Nunito Sans', sans-serif!Important;}
.nav navbar-nav mr-auto {color: red!Important}
.navbar-nav li a {color: white!Important;}

#main-footer {background-color: white; border-top: 4px solid #339298;}
.content .footer-brand p {color:white;}
/*
.card {
background-color: #313131!Important;
}
*/
/*
.section-box-category .gallery .gallery-box .card a:active figure img, .section-box-category .gallery .gallery-box .card a:focus figure img, .section-box-category .gallery .gallery-box .card a:link figure img {
	background-color: #313131!Important;
	opacity: 1;}*/

.gallery .gallery-box .card a:hover img{
	background-color: #313131!Important;
	opacity: 1;
}

body a figure {	background-color: 
white!Important;
}

body .nav-tabs li.active a, body .nav-tabs li.active button, body .nav-tabs li a:active, body .nav-tabs li a:link, 
body .nav-tabs li a:visited, 
body .nav-tabs li a:focus, body .nav-tabs li a:hover, body .nav-tabs li button:active, body .nav-tabs li button:focus, body .nav-tabs li button:hover {
    border-bottom: 4px solid #969393!Important;
    color: #fff!Important;
}
body .nav-tabs li a, body .nav-tabs li button {
color: rgba(255, 255, 255, 0.5);
    border-bottom: 4px solid transparent;
}
body h1 small, body h2 small, body h3 small, body h4 small, body h5 small {
    display: block;
    font-family: 'Nunito Sans', Lato,sans-serif;
    font-size: 11px;
    letter-spacing: .09em;
    color: white;
	padding-bottom: 4px;
}
.navbar-toggler-icon {
	filter: invert(10%);
}
header#main-header .navbar-toggler{
	filter: invert(10%);
	
}

.link-artlook img
{
	/*filter: invert(100%);*/
}


.top-social {font-size: 10px!Important;}


header#main-header {
	padding-top: 0px;
	padding-bottom: 60px;
	border: none;
}
header#main-header .navbar-nav {
	/*background: #f0b148;*/
	/*width: 100%;*/
	/*background: #196064;*/
	border-top: 1px solid #196064;
	border-bottom: 0px solid #196064;
	
	text-align: center;
	align-items: center;
	justify-content: right;
	position: absolute;
	left:10;
	right: 0;/**/
	bottom: -40px;
}
header#main-header .navbar-nav li a {
	font-size: .7rem !important; font-family: 'Nunito Sans', Lato,sans-serif;
	color: gray !important;
	border: 0 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
header#main-header .navbar-nav li a:hover, header#main-header .navbar-nav li.active a {
	/*background: #a77726;*/
	color: gray !important;
	border-bottom: 1px solid #339298;
}

header#main-header .navbar-nav li .dropdown-menu li a{
	color: white !important;
	font-size: 0.8rem !important;
}

header#main-header .top {
	position: absolute;
	right: 0;
	top: 60px;
	left: 60%;
}
header#main-header .top ul {
	display: block;
	font-size: 12px;
	text-transform:initial;
	color:white;
}
header#main-header .top ul li {
	display: block;
}
header#main-header .top ul li a{
	padding-top: 0;
	padding-bottom: 0;
	color: #646666!Important;
}
header#main-header .top ul li a strong{
	color: white;
}

header#main-header .top ul.top-social{
	padding-bottom: 7.5px;
}

header#main-header .top ul.top-social li{
	display: inline-block;
}

header#main-header .top ul.top-social li a{
	padding-left: 0;
}
header#main-header .top ul.top-social li a img{
	width: 20px;
}
header#main-header .top ul li {
    display: inline-block;
}

section.box-top {
	padding-top: 170px;
}

.wrap {
	overflow: hidden;
}


.bottom-social {
	list-style: none;
	padding: 0;
	margin: -7.5px 0 7.5px 0;
}

.bottom-social li{
	display: inline-block;
}

.bottom-social li a {
	display: block;
	padding: 0 7.5px 0 0;
}

.bottom-social li a img{
	width: 30px;
	height: auto;
}

.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(83,46,100,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

}

header#main-header .navbar-nav::before, header#main-header .navbar-nav::after {
	content:"";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	/*background: #196064;
	border-top: 1px solid #196064;
	border-bottom: 1px solid #196064;*/
	
	text-align: left;
}

header#main-header .navbar-nav::before {
	right: 100%;
	left: -9000px;
}

header#main-header .navbar-nav::after {
	left: 100%;
	right: -9000px;
}

.link-artlook {
	max-width: 100px;
}


@media only screen and (max-width: 991.98px) {
	header#main-header .top{
		display: none;
	}
		header#main-header .navbar-brand {
		max-width: 250px;
	}
	section.box-top {
		padding-top: 120px;
		padding-bottom: 100px;

	}
	header#main-header{
		padding-bottom: 0;
	}
	header#main-header .navbar-nav{
		position: relative;
		bottom: inherit;
	}
	header#main-header .navbar-nav li .dropdown-menu {
		text-align: center;
	}
	header#main-header .navbar-nav li{
		width: 100%;
	}
}


.strap {padding-top: 0px; font-size: 20px; font-family: 'Playfair'; color: #f0b148;
letter-spacing: 0px; text-transform: uppercase}
header#main-header .navbar-nav li a.dropdown-toggle:after{border:none;content:"";}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  margin-right: 6px;	
  vertical-align: middle;
  /*border-top: 6px solid #a77726;*/
  border-top: 6px solid black;
  border-right: 6px solid transparent;
  border-bottom: 0 dotted;
  border-left: 6px solid transparent;
  content: ""!Important;
}
header#main-header .navbar-nav li a.dropdown-toggle {
    position: relative;
	padding-right: 0px;}

/*design orch*/
.gallery .gallery-box .card a figure.crop-img,
.browse-by-type .gallery .gallery-box .card a figure,
.browse-by-subject .gallery .gallery-box .card a figure {
    border: 2.5px solid #eee;
    position: relative;
}

.gallery .gallery-box .card a figure.crop-img:before,
.browse-by-type .gallery .gallery-box .card a figure:before,
.browse-by-subject .gallery .gallery-box .card a figure:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 10px solid white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.gallery .gallery-box .card a figure.crop-img img,
.browse-by-type .gallery .gallery-box .card a figure img,
.browse-by-subject .gallery .gallery-box .card a figure img {
    clip-path: inset(20% 20% 20% 20%);
    object-fit: cover;
    height: auto;
    max-width: 360px!important;
}

.gallery .gallery-box .card a[title="Andrei Protsouk"] figure.crop-img > img,
.browse-by-type .gallery .gallery-box .card a[title="Andrei Protsouk"] figure > img,
.browse-by-subject .gallery .gallery-box .card a[title="Andrei Protsouk"] figure > img{
    max-width: 425px!important;
}

.gallery .gallery-box .card {
    text-align: center;
}


.browse-by-subject .section-box-gallery .gallery .gallery-box .card a figure img {
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    min-width: auto!important;
    max-width: inherit!important;
    transform: translate(-50%,-50%);
}

.browse-by-subject .section-box-gallery .gallery .gallery-box .card a figure {
    height: 220px;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
}
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a:active figure img,
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a:focus figure img,
.browse-by-subject .section-box-gallery .gallery .gallery-box .card a:link figure img {
  opacity: 1.0;
}  

.browse-by-subject .section-box-gallery .gallery .gallery-box .card a figure img {
    clip-path: inset(20% 20% 20% 20%);
    object-fit: cover;
    height: auto;
    max-width: 495px!important;
}
body a:active img, body a:focus img, body a:hover img {
    opacity: .2;
}
.crop-img {
    background-color: white!Important;
    color: white;
}
#main-footer ul.bottom-social{
	margin-top: 10px;
}

#main-footer ul.bottom-social li{
	display: inline-block;
}

#main-footer ul.bottom-social li a{
	padding-left: 0;
}
#main-footer ul.bottom-social li a img{
	width: 20px;}
.btn.btn-primary.alt {color: white!Important;}
.btn.btn-primary.alt:hover{color: black}
.btn.btn-primary {color: white!Important;}
.btn-primary:hover {color: black!Important;}

.navbar-brand:hover {opacity: 1.0!Important;}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 	section.box-top {
		padding-top: 220px;
	padding-bottom: 10px;}
	}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { section.box-top {
		padding-top: 120px;
		padding-bottom: 10px;} }


section.section-home-slide .item-text {
    padding: 15px 15px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(0,0,0,.7);
    color: #fff;
}

section.section-home-slide .item-text h4 {
	color: #fff;}


body h1 small, body h2 small, body h3 small, body h4 small, body h5 small {color:black;}
.dropdown-menu.show {background-color: none!Important;}
header#main-header .navbar-nav li .dropdown-menu li a {font-size:11px!important; background:#339298!important;}
header#main-header .navbar-nav li .dropdown-menu li a:hover {font-size:11px!important; background:gray!important;}

.quotation{
  font-size: 18px;
  margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
  line-height: 1.4;
  text-align: left;

}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 3em;
}
.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #ccc;
  font-size: 3em;
}

section.box-top {
	margin-bottom: -60px;}

.mycol .col-sm-12 h6 {font-size: 20px;}

.owl-carousel.owl-home-carousel .owl-dots {
	    text-align: right!Important;}
.owl-carousel.owl-home-carousel .owl-dots .owl-dot.active span {
	width: 15px!Important;
	height: 15px!Important;
	}
.owl-carousel.owl-home-carousel .owl-dots .owl-dot span {
	width: 10px!Important;
	height: 10px!Important;
	}
a.anchor {
    display: block;
    position: relative;
    top: -250px;
	visibility: hidden;}

.card a:hover img {
    opacity: .65;
    filter: alpha(opacity=65);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}	

.gallery .gallery-box .card a:hover figure img {
    opacity: .65;
    filter: alpha(opacity=65);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	padding: 5px;
	border: 1px solid gray;
	background-color: white;
}