/* Global Styles */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
body {
  font-family: 'Montserrat';
  font-size: 16px;
  line-height: 2;
  font-weight: 300;
  color: #968098;
  background-color: #622c49;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding-top: 0;
}
body embed-badge {content-visibility: none;}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight {
  margin-bottom: 15px;
}
h2 {color: EFE9F2;}

/* Links */
a {
  color: #dbd0dd;
  text-decoration: none;
}

a:visited {
  color: #968098;
}

a:hover {
  color: #968098;
}

/* Layout */
.wrapper {
  max-width: calc(800px - (30px * 2));
  margin: 0 auto;
  padding: 0 30px;
}

@media screen and (max-width: 800px) {
  .wrapper {
    max-width: calc(800px - 30px);
    padding: 0 15px;
  }
}

.wrapper:after, .footer-col-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
  border: 1px solid #968098;
  border-radius: 4px;
  padding: 5px;
}

/* Header */
.site-header {
  /border-top: 12px solid #968098;
  border-bottom: 1px solid #968098;
  min-height: 56px;
  position: relative;
  background: #BBA5AF;
}

.site-title {
  font-size: 26px;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left;
  color: #FDF7FF;
}

.site-title:visited {
  color: #FDF7FF;
}

/* Navigation */
.site-nav {
  float: right;
  position: relative;
  text-align: center;
}

.site-nav a:hover {
  color: #c1c1c1;
}


.site-nav .page-link {
  color: #111;
  line-height: 1.5;
}

.site-nav .page-link:not(:first-child) {
  margin-left: 0px;
}

/* Dropdown Menu */
.dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-81%);
  background-color: #fff;
  display: none;
  flex-direction: column;
  min-width: 200px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  text-align: left;
  
}

.dropdown a {
  color: white;
  padding: 10px;
  text-decoration: none;
  display: block;
  transition: background 0.3s ease-in-out;
}

.dropdown a:hover {
  background-color: #735177;
  color: #fff;
}

.site-nav:hover .dropdown,
.site-nav.open .dropdown {
  display: flex;
  z-index: 9999;
}

/* Footer */
.site-footer {
  border-top: 1px solid #674b6b;
  padding: 10px 0;
}


@media screen and (max-width: 600px) {
  .footer-col {
    float: center;
    width: calc(100% - 15px);
  }
}

/* Page Content */
.page-content {
  padding: 20px 0;
}

 .page-content a:hover {
   border-bottom: 1px dotted gray;
 }

.page-heading {
  font-size: 20px;
}

picflow-gallery .custom-button.center-button, picflow-gallery app-button-menu-item.featured .center-button.custom-button, picflow-root .custom-button.center-button, picflow-root app-button-menu-item.featured .center-button.custom-button {
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
}