/*
	Theme Name: Artistic
	Description: a unique gallery of private work.
	Version: 1.0
*/

@import url('css/bootstrap.min.css');
@import url('css/superfish.css');
@import url('css/bootstrap.min.css');
/* @import url('https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'); */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

body { background:#141210; border:20px solid #141210; border-top:0; font-family:"Lora"; color:#fff; font-size:19px; line-height:1.5; }
p { color:#c1b5b0; }
h1, h2, h3 { font-weight:500; }
h2 { font-size:2em; }
a { color:#da6b46; font-weight:500; }
a.button:focus { color:#000; }
img { max-width:100%; height:auto; display:inline-block; border-radius:18px; }
a img:hover { opacity:0.8; transition:all 0.25s ease-in-out 0s; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.highlight { color:#da6b46; font-weight:500; }
input, select, textarea { width:100%; background:none; font-size:0.8em; border-radius:8px; border:2px solid #aaa; padding:10px; margin:15px 0; }
select { font-size:0.8em; }
input[type="checkbox"] { width:20px; margin:0; }
input[type="submit"] { width:auto; padding:8px 24px; font-size:0.8em; border:3px solid #da6b46; background: #da6b46;  color: #fff;  font-weight:500; transition:all 0.25s ease-in-out 0s; }
input[type="submit"]:hover { background:none; border:3px solid #fff; color:#fff; }
input:focus, textarea:focus, select:focus { outline: 1px solid #da6b46; border-color: #da6b46; transition: all 0.25s ease-in-out 0s; }
textarea { height: 130px; }
.mt-0 { margin-top:0; }
.divider { height:1px; width:120px; background:#da6b46; margin:40px auto; }
.divider.left { margin:40px 0; }

.container-fluid { max-width:1900px; margin:0 auto; }
.flex-between { display:flex; justify-content:space-between; align-items:center; }
.horizontal-scrolling { overflow-x:auto; overflow-y:hidden; white-space:nowrap; }


/* navigation */
.topbar { padding:20px 0; border-bottom:1px solid #333; }
.topbar .logo { margin-top:4px; }
.topbar .logo:hover, .topbar .logo:focus { color:#fff; text-decoration:none; }
.main-nav ul { margin:0; padding:0; list-style-type:none; }
.main-nav ul li { display:inline-block; }
.main-nav ul li a { color:#e7e0d8; padding:6px 20px; display:inline-block; font-size:15px; }
.main-nav ul li a:hover { color:#da6b46; transition:all 0.25s ease-in-out 0s; text-decoration:none;}
.main-nav ul li a.active { background:#fff; color:#000; border-radius:6px; user-select:none; }



.header { height:600px; background:url('images/pic4.jpg'); background-size:cover; background-position:center; }
.header h1 { color:#f1f1f1; font-size:2.8em; margin:0; text-shadow:0 0 70px rgba(0,0,0,0.4); }

.header-page { padding:60px 0; color:#f1f1f1; }
.header-page h1 { color:#f1f1f1; }

/* buttons */
.button { display:inline-block; background:#da6b46; color:#fff; font-weight:500; padding:8px 24px; margin-right:6px; font-size:0.9em; border-radius:8px; border:3px solid #da6b46; margin-top:20px; transition:all 0.25s ease-in-out 0s; }
.button:hover, .button.secondary:hover { background:none; color:#fff; border-color:#fff; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
.button.secondary { background:#111; border:3px solid #111; color:#fff; }

/* sections */
.section { position:relative; padding:40px 0; }
.section-sm { position:relative; padding:80px 0; }
.section-md { position:relative; padding:120px 0; }
.section-lg { position:relative; padding:160px 0; }
.section-xl { position:relative; padding:200px 0; }

.accent-1 { background: #3b3531; max-width:1860px; margin:0 auto;  }
.accent-2 { background: #1d1d1d; max-width:1860px; margin:0 auto;  }
.border-top { border-top:1px solid #333; }


.image-box{
    background:url("") no-repeat center center;
    background-size:cover;
    height:800px;
    position:relative;
    overflow:hidden;
}

/* Black fade from bottom */
.image-box::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:45%;
    background:linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));
}

/* Text on top of fade */
.overlay-text{
    position:absolute;
	padding:0 10%;
    left:30px;
    bottom:40px;
    right:30px;
    color:#fff;
    font-size:1.8em;
    line-height:1.2;
    z-index:2;
}

.music-list { margin:0; padding:0; list-style-type:none; }
.music-list li { display:inline-block; border:1px solid #da6b46; margin:4px; padding:3px 12px; border-radius:6px; }
.music-list li a { color:#c1b5b0; font-size:0.9em; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
.music-list li a:hover { color:#fff; transition:all 0.25s ease-in-out 0s;  }

/* breadcrumbs */
.breadcrumbs { background:#dbdad1; color:#000; padding:20px 0; font-size:0.7em; }
.breadcrumbs a { color:#000; text-decoration:underline; }
.breadcrumbs .separator { margin:0 8px; }



.feed { padding:30px 0; max-width:900px; margin:0 auto; border-top:1px solid #333; border-bottom:1px solid #333; }
.feed-author { color:#c1b5b0; margin-top:12px; font-size:0.9em; }

.feedback-form h2 { margin-bottom:0; }
.feedback-form p { margin-top:5px; }
.feedback-form .divider { margin:40px 0; }

.footer { font-size: 0.8em; background:#000; color:#f1f1f1; }
.footer h3 { color:#aaa; font-weight: 500; }
.footer ul { margin:0; padding:0; list-style-type:none; }
.footer ul li { display:block; }
.footer ul li a { text-align:left; text-decoration:none; padding:4px 0; display:block; transition:all 0.25s ease-in-out 0s; }
.footer a { color:#ddd; text-decoration:none; transition:all 0.25s ease-in-out 0s;  }
.footer a:hover, .footer a:focus { color:#da6b46; transition:all 0.25s ease-in-out 0s;  }

/* contact form 7 */
.wpcf7-spinner { display:none; }
.wpcf7-form p { margin:0; }
.wpcf7-not-valid-tip { color:#da6b46; font-size:0.9em; font-weight:500; margin-bottom:10px; }
.wpcf7 form .wpcf7-response-output { color:#da6b46; font-weight:500; font-size:0.9em; padding:0; margin:0; border:0; }

.goup { display:none; background:#da6b46; color:#fff; cursor:pointer; border:none; width:36px; height:40px; padding:5px; position:fixed; bottom:50px; right:20px; z-index:300; }
.goup img { max-width:initial; width:26px; height:26px; }



/* modal */
/* ================================= */
/* BODY LOCK */
body.modal-open {
  overflow: hidden;
  padding-right: 0;
}

/* FADE */
.fade {
  transition: opacity .15s linear;
}

.fade:not(.show) {
  opacity: 0;
}

/* MODAL */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal.show {
  display: block;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
  max-width: 500px;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  outline: 0;
}

/* HEADER */
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
}

.modal-title {
  margin: 0;
  line-height: 1.5;
}

/* BODY */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

/* FOOTER */
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
}

.modal-footer > * {
  margin: .25rem;
}

/* CLOSE */
.close {
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  opacity: .5;
  cursor: pointer;
}

.close:hover {
  opacity: .75;
}

/* BACKDROP */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: .5;
}

/* RESPONSIVE */
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
}


/* customize modal styles */
.modal-dialog { background:#000; max-width:700px; padding:0 20px 0; border:2px solid #da6b46;  }
.modal-body, .modal-header { background:#000; border:0; }
.modal h2 { margin-bottom:20px; }
.modal-content { background:none; border-radius:0; padding-top:20px; padding-bottom:40px; }
.modal-header .close { color:#fff; text-shadow:none; font-size:2rem; font-weight:400; opacity:1;}
.modal button, .modal a { background:none; border-color:#c1b5b0; color:#c1b5b0;}
.modal hr { border-top:1px solid #333; }
.modal-backdrop.show { opacity: 0.85; }


/* responsive */
@media only screen and (max-width:992px) {

}


@media only screen and (max-width:768px) {

}