/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */
/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#skip-link {
  margin: 0;
}

#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */
#logo {
  /* Wrapping link for logo */
  float: left;
  /* LTR */
  margin: 0;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan {
  /* Wrapper for website name and slogan */
  float: left;
}

#site-name {
  /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan {
  /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header {
  /* Wrapper for any blocks placed in the header region */
  clear: both;
  /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
/*
 * Content
 */
.breadcrumb {
  /* The path to the current page in the form of a list of links */
}

.breadcrumb ol {
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title,
h2.node-title,
h2.block-title,
h2.title,
h2.comment-form,
h3.title {
  /* Comment title */
  margin: 0;
}

tr.even {
  /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */
  /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */
  /* Drupal core uses a #eee background */
}

div.messages {
  /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0;
  /* Drupal core uses "6px 0" margin */
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status {
  /* Normal priority messages */
}

div.warning,
tr.warning {
  /* Medium priority messages */
  /* border: 1px solid #f0c020; */
  /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error {
  /* High priority messages. See also the .error declaration below. */
}

.error {
  /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */
  /* Drupal core uses a #e55 background */
}

.warning {
  /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */
  /* Drupal core uses a #e09010 background */
}

.tabs {
  /* See also the tabs.css file. */
}

.region-help {
  /* Help text on a page */
}

.more-help-link {
  /* Link to more help */
}

.region-content {
  /* Wrapper for the actual page content */
}

ul.inline {
  /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}

ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
  /* LTR */
}

span.field-label {
  /* The inline field label used by the Fences module */
  padding: 0 1em 0 0;
  /* LTR */
}

.item-list .pager {
  /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}

.item-list .pager li {
  /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon {
  /* The link to the RSS or Atom feed for the current list of content */
}

.more-link {
  /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
/*
 * Footer
 */
/*
 * Page bottom
 */
.region-bottom {
  /* Wrapper for any blocks placed in the page bottom region */
}

#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#block-menu-menu-admin-menu {
  border-top: 1px dotted #ccc;
  padding-top: 10px;
  width: 90%;
}

.views-field-title {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 7px;
}

.small-info {
  color: #888888;
  font-family: "futura-pt",sans-serif;
  font-size: 13px;
  line-height: 15px;
}

/*
 * Hide homepage button
 */
.galleria-info-description {
  font-size: 14px;
  line-height: 15px;
  color: #333;
  font-weight: normal;
  font-style: normal;
  font-family: "futura-pt",sans-serif;
}

.galleria-info-text {
  background-color: #FFF;
  filter: alpha(opacity=80);
  opacity: .8;
  border: 1px solid #CCCCCC;
}

.galleria-info {
  top: 57px;
  width: 42%;
}

.galleria-info-link {
  background-color: #FFFFFF;
}

li a[title="Homepage"] {
  display: none;
}

.section-aboutme img {
  float: left;
  padding: 0 15px 15px 0;
}

.view-display-id-panel_pane_1 .views-row {
  width: 220px;
  float: left;
  margin-left: 20px;
}

ul.jquerymenu li.parent span.closed {
  background-color: #FFF !important;
  background-image: none !important;
}

ul.jquerymenu li.parent span.open {
  background-color: #FFF !important;
  background-image: none !important;
}

.views-field-field-copyright {
  color: #888888;
  font-family: "futura-pt",sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.galleria-thumbnails-list {
  position: absolute;
}

.galleria-thumbnails .galleria-image {
  border: 1px solid #ccc;
}

.view-header {
  display: none;
}

.parent ul li:before {
  content: "- ";
  color: #888;
}

.form-textarea-wrapper textarea {
  width: 88% !important;
}

.resizable-textarea .grippie {
  display: none !important;
}

.section-shop-content {
  border: 1px dashed #CCCCCC;
  font-size: 0.95em;
  padding: 0 14px 12px 12px;
  width: 100%;
  line-height: 21px;
  margin-top: -5px;
}

.pane-title {
  font-family: "futura-pt", verdana, sans-serif;
  font-size: 1.28em;
  font-weight: normal;
}

.logged-in .filter-wrapper {
  display: none !important;
}

html.js fieldset.collapsible .fieldset-legend {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

h1.title {
  display: none !important;
}

.shopimg {
  float: right;
}

.leaf active-trail {
  color: #F60;
}

.wf-loading .menu {
  font-family: "proxima-nova-condensed";
  visibility: hidden;
}

.wf-active .menu {
  visibility: visible;
}

.wf-loading p {
  font-family: "futura-pt";
  visibility: hidden;
}

.wf-active p {
  visibility: visible;
}

@media screen and (max-width: 1000px) {
  #logo img {
    width: 88%;
  }
  .sidebar-first #content {
    margin-top: -125px;
  }
}

p.caption {
  font-family: "futura-pt", verdana, sans-serif;
  font-size: 0.95em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  list-style: none;
  text-align: center;
}

.views-field.views-field-name {
  text-align: right;
}

#page, .region-bottom {
  max-width: 1300px !important;
}

@media screen and (max-width: 880px) {
  #header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #logo {
    width: 239px !important;
    margin: 0 auto;
  }
  .region-header > div {
    margin-top: 5px !important;
  }
}

@media screen and (max-width: 680px) {
  .region-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.section-shop-content {
  width: 60% !important;
  padding: 15px !important;
  margin: 20px auto 20px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 880px) {
  .section-shop-content {
    width: 100% !important;
  }
}

@media screen and (max-width: 500px) {
  .section-shop-content {
    text-align: center !important;
  }
  .shopimg {
    float: none !important;
  }
}

.section-shop-content {
  padding: 15px !important;
}

body {
  min-width: 360px;
}

#main {
  padding-top: 0;
}

.block-title {
  display: none;
}

h2.block__title.block-title {
  display: none;
}

.page-node-10 .region-sidebar-second {
  float: right !important;
  width: auto !important;
  margin: auto  !important;
  z-index: -1 !important;
  position: relative;
}

.page-node-10 #main {
  margin: 0 auto;
  max-width: 540px;
}

.page-node-10 #main .sidebars {
  position: absolute;
  right: 0;
}

.page-node-10 #content {
  width: auto;
}

.page-node-10 .form-textarea-wrapper textarea {
  width: 100% !important;
}

.section-contact input, .section-contact textarea, .section-contact .form-item, .section-contact article {
  width: 290px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.node-349 {
  width: auto !important;
}

#slick-views-portfolio2-1-slider .slide__content {
  padding: 0 4px;
  cursor: pointer;
}

.slick-arrow::before {
  color: #ccc;
}

.slick-arrow:hover::before {
  color: #737373;
}

.slick-dots li button:hover::before, .slick-dots li button:focus::before {
  opacity: 1;
  color: #737373;
}

.page-taxonomy-term-9 .jquerymenu > li > ul, .page-taxonomy-term-15 .jquerymenu > li > ul, .page-taxonomy-term-13 .jquerymenu > li > ul {
  display: block !important;
}

.view-display-id-panel_pane_3 {
  width: 40%;
  margin: 0 auto;
}

div#slick-views-portfolio2-2-slider {
  width: 80%;
  margin: auto;
}

.slick-prev:before, .slick-next:before {
  font-family: inherit !important;
}

.node-biography .field-name-body {
  width: 58%;
  margin: 20px auto 20px auto;
}

@media screen and (max-width: 950px) {
  .node-biography .field-name-body {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .view-display-id-panel_pane_3 {
    width: 100%;
    margin: 0 auto;
  }
  div#slick-views-portfolio2-1-slider {
    width: 100%;
    margin: auto;
  }
}

.page-node-10 #main {
  margin: 0 auto;
  max-width: 850px;
}

.page-node-10 .sidebars {
  width: 70%;
}

@media screen and (max-width: 760px) {
  .page-node-10 .sidebars {
    width: 50%;
  }
}

.parent.open ul li a {
  color: #000;
}

.parent.open ul li a:hover {
  color: #ff9933;
}

#block-jquerymenu-2 > ul li a, #block-jquerymenu-2 > ul li a:visited {
  color: #000;
}

#block-jquerymenu-2 > ul li a:hover {
  color: #ff9933;
}

#block-jquerymenu-2 > ul li a.active, #block-jquerymenu-2 > ul li a.active:hover {
  color: #ccc;
  cursor: default;
}

#block-block-4 {
  display: none;
  text-align: center;
}

#block-block-4 p {
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 540px) {
  .region-header > div {
    display: block;
  }
  #block-block-4 {
    display: block;
  }
  #block-jquerymenu-2 ul.menu.hide {
    display: none;
  }
  #block-jquerymenu-2 ul.menu.show {
    display: block;
    padding-bottom: 10px;
  }
}