/* Layout Styles */
.dxpr-theme-boxed-container { background: var(--dxt-setting-boxed-layout-boxbg); }
.dxpr-theme-boxed-container .nav-tabs >li.active a { border-bottom-color: var(--dxt-setting-boxed-layout-boxbg); }
.dxpr-theme-boxed-container .tabs-left > .nav-tabs .active > a { border-right-color: var(--dxt-setting-boxed-layout-boxbg); }
.dxpr-theme-boxed-container .tabs-right > .nav-tabs .active > a { border-left-color: var(--dxt-setting-boxed-layout-boxbg); }

body {
  background-position: var(--dxt-setting-background-image-position);
  background-attachment: var(--dxt-setting-background-image-attachment);
}

/* Typography Styles */
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
.dxpr-theme-header--side #dxpr-theme-main-menu .nav a,
.dxpr-theme-header--side #dxpr-theme-main-menu .nav span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > span {
  font-size: var(--dxt-setting-nav-font-size);
}

@media screen and (max-width: 768px) {
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a,
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span,
  .dxpr-theme-header--side #dxpr-theme-main-menu .nav a,
  .dxpr-theme-header--side #dxpr-theme-main-menu .nav span,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > a,
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li > span {
    font-size: var(--dxt-setting-nav-mobile-font-size);
  }
}

/* Custom CSS */
/* Header styling */
@media (min-width: 768px) {
  #logo { max-height: 70px !important; height: 150% !important; }
  .logo { padding: 30px 0; }
  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li { 
    width: 20% !important; 
  }
  body:not(.page-node-type-drag-and-drop-page) .main-container { 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-bottom: 50px; 
  }
}

@media (max-width: 768px) {
  #logo { max-height: 70px !important; }
  #navbar { padding: 20px 0; }
  body:not(.page-node-type-drag-and-drop-page) .main-container { 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-bottom: 50px; 
  }
}

/* iPad portrait (768px wide) */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 991px) {
  #logo { max-height: 70px !important; }
}

/* iPad landscape (1024px wide) */
@media only screen 
  and (min-width: 992px) 
  and (max-width: 1024px) {
  #logo { max-height: 40px !important; }
}

/* Fix Hero Image to Width of 100% */
#block-dxpr-theme-customblockheroimage img { width:100%; }

/* Center Masonry on Taxonomy Pages */
.masonry-layout-taxonomy-term {
margin-left: auto;
margin-right: auto;
}

/* Front Page - Center Masonry */
.masonry-layout-portfolio-taxonomy {
margin-left: auto;
margin-right: auto;
}

/* Front Page - Labels */
.front-page-masonry-item-row { }
.front-page-portfolio-item-image {}

/* Text Box Over Image */
.front-page-masonry-item-row .views-field-name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: 000000;
}

/* Color of Text */
.front-page-masonry-item-row .views-field-name a {
color:white;
}

/* Color of links on portfolio pages and the Front-Page-Categories*/
a {
	color: #000000;
}
#block-dxpr-theme-views-block-front-page-categories-block-1 > div > div > div.view-content > div > div > div > div {
      text-align: center;
}
.btn-link {
	color: #fff;

}
.nav-link {
	color: #fff;
}

#page-title .page-title {
    border: none;
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}

/* Front page spacing of text below masonry images */
.az-element.az-text {
     margin-bottom: 0  !important;
}
.az-element.az-image {
     margin-bottom: 10px  !important;
}

/* Masonry view styling */
.masonry-item { margin-bottom:15px; }
.masonry-item .views-field-title { padding-top:5px; }

/* fix container color Andy*/
.dxpr-theme-boxed-container {
    background: #fff;
}

.skip-link {
display:none;
}

.block-hr {
border-top: none;
}

/* body font face */
body, .tooltip {
  font-family: var(--dxt-setting-body-font-face);
  font-style: normal;
  font-weight: 400;
}

/* nav font face */
nav,nav ul li,nav a {
  font-family: var(--dxt-setting-nav-font-face);
  font-style: normal;
  font-weight: 400;
}

/* headings font face */
h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption {
  font-family: var(--dxt-setting-headings-font-face);
  font-style: normal;
  font-weight: 400;
}

/* sitename font face */
.site-name, .navbar-brand {
  font-family: var(--dxt-setting-sitename-font-face);
  font-style: normal;
  font-weight: 400;
}

/* blockquote font face */
blockquote, blockquote p {
  font-family: var(--dxt-setting-blockquote-font-face);
  font-style: normal;
  font-weight: 400;
}

:root.dxpr-scheme-custom {
  --dxt-color-base: #55bcc8;
  --dxt-color-basetext: #ffffff;
  --dxt-color-basesubtle: #e0e0e0;
  --dxt-color-basesubtletext: #444444;
  --dxt-color-link: #0093b0;
  --dxt-color-accent1: #000000;
  --dxt-color-accent1text: #ffffff;
  --dxt-color-accent1subtle: #e6f4ea;
  --dxt-color-accent1subtletext: #2e7d32;
  --dxt-color-accent2: #d4a017;
  --dxt-color-accent2text: #FFFFFF;
  --dxt-color-accent2subtle: #f7f2e5;
  --dxt-color-accent2subtletext: #6b5b1e;
  --dxt-color-text: #333333;
  --dxt-color-headings: #222222;
  --dxt-color-headingssubtle: #aaaaaa;
  --dxt-color-headingssubtletext: #AAAAAA;
  --dxt-color-card: #ffffff;
  --dxt-color-cardtext: #333333;
  --dxt-color-footer: #006c89;
  --dxt-color-footertext: #fff;
  --dxt-color-secheader: #fff;
  --dxt-color-secheadertext: #006c89;
  --dxt-color-header: #006c89;
  --dxt-color-headertext: #ffffff;
  --dxt-color-headerside: #ffffff;
  --dxt-color-headersidetext: #006c89;
  --dxt-color-pagetitle: #f5f5f5;
  --dxt-color-pagetitletext: #222222;
  --dxt-color-graylight: #fff;
  --dxt-color-graylighter: #ededed;
  --dxt-color-silver: #f1f1f1;
  --dxt-color-body: #fff;
  --dxt-color-header-rgb: 0,108,137;
}

/* Page Title Styles */
.page-title-full-width-container:after {
  opacity: var(--dxt-setting-page-title-image-opacity);
  background-position: var(--dxt-setting-page-title-image-position);
}

/* Header Styling */
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity));
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix {
  background-color: rgba(var(--dxt-color-header-rgb), var(--dxt-setting-header-top-bg-opacity-scroll));
}

.body--dxpr-theme-nav-desktop.body--dxpr-theme-header-fixed.body--dxpr-theme-header-not-overlay {
  padding-top: var(--dxt-setting-header-top-height) !important;
}

html.js .body--dxpr-theme-nav-desktop.toolbar-fixed.toolbar-horizontal.body--dxpr-theme-header-fixed.body--dxpr-theme-header-not-overlay {
  padding-top: calc(var(--dxt-setting-header-top-height) + 39px) !important;
}

html.js .body--dxpr-theme-nav-desktop.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.toolbar-horizontal.body--dxpr-theme-header-fixed.body--dxpr-theme-header-not-overlay {
  padding-top: calc(var(--dxt-setting-header-top-height) + 80px) !important;
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top {
  height: var(--dxt-setting-header-top-height);
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix {
  min-height: var(--dxt-setting-header-top-height-scroll);
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header {
  min-height: var(--dxt-setting-header-mobile-height);
}

.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header.affix {
  min-height: var(--dxt-setting-header-mobile-height);
}

/* Menu Options */
.dropdown-menu, .dropdown-menu li {
  min-width: var(--dxt-setting-dropdown-width);
}

.dxpr-theme-header .menu a {
  text-transform: uppercase;
}


    #block-dxpr-theme-main-menu {
     .dropdown-menu {
        .dropdown {
          color: dxpr-color('white') !important;

          * {
            color: dxpr-color('white') !important;
          }
        }
      }
      .expanded.dropdown a {
        color: dxpr-color('white');
      }
    }
  /* Theme Settings */
:root {
  --dxt-setting-background-image-attachment: fixed;
  --dxt-setting-background-image-position: center center;
  --dxt-setting-block-divider-spacing: 0.625rem;
  --dxt-setting-block-divider-thickness: 0.25rem;
  --dxt-setting-blockquote-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-blockquote-font-size: 1.3125rem;
  --dxt-setting-blockquote-line-height: 1.5;
  --dxt-setting-blockquote-mobile-font-size: 1.125rem;
  --dxt-setting-body-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-body-font-size: 1rem;
  --dxt-setting-body-line-height: 1.6;
  --dxt-setting-body-mobile-font-size: 0.875rem;
  --dxt-setting-box-max-width: 98.75rem;
  --dxt-setting-boxed-layout-boxbg: #333;
  --dxt-setting-divider-length: 100;
  --dxt-setting-divider-position: 0;
  --dxt-setting-divider-position-block: 0;
  --dxt-setting-divider-thickness: 0.5rem;
  --dxt-setting-dropdown-hover-background: #006c89;
  --dxt-setting-dropdown-hover-text-color: white;
  --dxt-setting-dropdown-text-color: white;
  --dxt-setting-dropdown-width: 10rem;
  --dxt-setting-gutter-container: 3.75rem;
  --dxt-setting-gutter-container-mobile: 3.125rem;
  --dxt-setting-gutter-horizontal: 1.875rem;
  --dxt-setting-gutter-horizontal-mobile: 1.875rem;
  --dxt-setting-gutter-vertical: 1.875rem;
  --dxt-setting-gutter-vertical-mobile: 1.875rem;
  --dxt-setting-h1-font-size: 2rem;
  --dxt-setting-h1-mobile-font-size: 3.25rem;
  --dxt-setting-h2-font-size: 2.375rem;
  --dxt-setting-h2-mobile-font-size: 1.5rem;
  --dxt-setting-h3-font-size: 1.8125rem;
  --dxt-setting-h3-mobile-font-size: 1rem;
  --dxt-setting-h4-font-size: 1.5rem;
  --dxt-setting-h4-mobile-font-size: 1rem;
  --dxt-setting-header-block-text-color: white;
  --dxt-setting-header-mobile-breakpoint: 75rem;
  --dxt-setting-header-mobile-height: 3.75rem;
  --dxt-setting-header-side-align: left;
  --dxt-setting-header-side-direction: left;
  --dxt-setting-header-side-logo-height: 1.875rem;
  --dxt-setting-header-side-width: 18.75rem;
  --dxt-setting-header-top-bg-opacity: 1;
  --dxt-setting-header-top-bg-opacity-scroll: 1;
  --dxt-setting-header-top-height: 6.25rem;
  --dxt-setting-header-top-height-scroll: 3.125rem;
  --dxt-setting-header-top-height-sticky-offset: 3.75rem;
  --dxt-setting-headings-bold: normal;
  --dxt-setting-headings-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-headings-line-height: 1.1;
  --dxt-setting-headings-uppercase: none;
  --dxt-setting-layout-max-width: 80rem;
  --dxt-setting-logo-height: 100%;
  --dxt-setting-menu-border-size: 0.125rem;
  --dxt-setting-menu-hover-text-color: white;
  --dxt-setting-menu-text-color: white;
  --dxt-setting-nav-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-nav-font-size: 0.9375rem;
  --dxt-setting-nav-mobile-font-size: 0.875rem;
  --dxt-setting-page-title-align: left;
  --dxt-setting-page-title-breadcrumbs-align: right;
  --dxt-setting-page-title-breadcrumbs-separator: "/";
  --dxt-setting-page-title-height: 6.25rem;
  --dxt-setting-page-title-image-opacity: 1;
  --dxt-setting-page-title-image-position: center center;
  --dxt-setting-page-title-image-style: cover;
  --dxt-setting-scale-factor: 1.34;
  --dxt-setting-sitename-font-face: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --dxt-setting-title-align: left;
  --dxt-setting-title-font-size: var(--dxt-setting-h2-font-size);
  --dxt-setting-title-font-size-mobile: var(--dxt-setting-h2-mobile-font-size);
  --dxt-setting-title-sticker: block;
  --dxt-setting-title-type-uppercase: uppercase;
  --dxt-setting-title-type-bold: 0;
  --dxt-setting-title-type-italic: 0;
}