/*
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
*/


.dropdown-menu ul {background-color:white!Important;}

header#main-header .navbar-brand {
    max-width: 300px;
    position: absolute;
    left: 0;
	margin-top: -35px;
    z-index: 2;
    margin-right: 0;
}












body {
    margin-top: 10px;
}
body.typography-pack-3 {
    /* font-family: Playfair Display,serif; */
    font-family: Muli,sans-serif;
}
body.typography-pack-3 .form-control{
    /* font-family: Playfair Display,serif; */
    font-family: Muli,sans-serif;
}

.owl-carousel.owl-home-carousel .owl-dots .owl-dot span {
    display: none;
}


.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%);*/
	clip-path: inset(20% 20% 20% 20%);
    object-fit: cover;
    height: auto;
    /*max-width: 360px!important;*/
	/*max-width: 440px!important;*/ /*use for span 6 */
	max-width: 840px!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: .2;
    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;
}

.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 Style */
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: #fff;
}

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


header#main-header {
	padding: 10;
}

header#main-header .navbar .container {
	min-height: 135px;
}

header#main-header .navbar-brand{
	/*max-width: 300px;*/
	max-width: 400px;
	position: absolute;
	right: 0;
	/*top: -15px;*/
	top: 5px;
	z-index: 2;
	margin-right: 0;
}


header#main-header .collapse{
	position: absolute;
	bottom: 0;
	border-top: #cec7b8 solid 1px;
	border-bottom: #cec7b8  solid 1px;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
	justify-content: flex-start!important;
}
header#main-header .navbar-nav li a {
	text-transform: uppercase;
}
header#main-header .navbar-nav li a, 
header#main-header .navbar-nav li.active a, header#main-header .navbar-nav li a:active, header#main-header .navbar-nav li a:focus, header#main-header .navbar-nav li a:hover{
	border: none;
}

header#main-header .top {
	max-width: 360px;
	text-align: left;
	top: -30px;
	padding: 7.5px 0;
	left: inherit!Important;
}









header#main-header .top ul{
	display: block
}

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

header#main-header .top ul li a {
	color: #000;
	font-size: 1.2em;
}
header#main-header .top ul li a strong {
	padding-right: 5px;
}

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

.bottom-social li {
	display: inline-block;
}
.bottom-social li a {
	font-size: 1.5em;
	padding: 7.5px;
}

footer#main-footer {
	color: #000;

}
container#main-footer {
	color: #000;
	border-top: 1px solid black;
}

.btn-mailing {
	background: #cbc4b4;
}
.btn-mailing small{
	font-size: 1.2em;
}
.btn-mailing strong {
	display: block;
	color: #e80c0c;
	font-size: 2em;
}

@media only screen and (max-width: 993px) {
	header#main-header .navbar .container {
		min-height: 60px;
	}
	header#main-header .top {
		display: none;
	}
	header#main-header .navbar-brand {
		max-width: 200px;
	}
	header#main-header .navbar-nav li a {
		/*font-size: .7em;*/
		font-size: 1em;
	}
	section.section-home-slide .item-text {
		position: relative;
		background: rgba(0,0,0,1);
	}
	header#main-header .navbar-collapse {
		position: relative; 
		bottom: inherit;
		margin-top: 60px;

	}
	header#main-header .navbar-toggler {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}
	
}

@media only screen and (max-width: 800px){
header#main-header .navbar-collapse {
		position: relative; 
		bottom: inherit;
		margin-top: 60px;
		background: rgba(0, 0, 0, 0.1);
	}
}





.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px solid #847d72;
  border-right: 6px solid transparent;
  border-bottom: 0 dotted;
  border-left: 6px solid transparent;
  content: "";
}
header#main-header .navbar-nav li a.dropdown-toggle:after{border:none;content:"";}

header#main-header .navbar-nav li a.dropdown-toggle {
    position: relative;
	padding-right: 10px;}

body {

    color: rgba(0,0,0,.9);
}
.gform_wrapper form .gform_body .gform_fields label {
    color: rgba(0,0,0,.9);
}
section.section-home-slide .item-text {
	padding: 15px 15px 9px;
}
.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 {
	opacity: 1;
}

.gallery .gallery-box .card a:hover img{
	opacity: 1;
}

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

.btn, .comment-form input[type=submit], .gform_wrapper form .gform_footer .gform_button {
    color: white;
    background: rgba(0,0,0,.06);
}




.section-box-category .gallery .gallery-box .card a h5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color: rgba(0,0,0,.5);
	margin: 0 .5px -59px;
}

.gallery .gallery-box.gallery-box-4 .card {
    padding-bottom: 45px;
}
.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: white;
    color: black!Important;
	font-weight: normal;
}

input[type=submit], .gform_wrapper form .gform_footer .gform_button {
    color: white;

background: #8c8c8c;
}

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

.btn-mailing strong {
    display: block;
    color: #6e6e6e;
    font-size: 2em;
}
#main-footer .btn.btn-mailing {
    background: rgb(217, 214, 214);
}
header#main-header .navbar-nav {

    font-size: 14px;
}