/*
*****************************************
 PVII Vibrations: A Harmony Page Pack
 by Project Seven Development
 www.projectseven.com
*****************************************
*/
body {
  margin: 0px;
  /*background-color:#181818;*/
  color: #181818;
  font-family: Lato, Tahoma, Geneva, sans-serif;
}
.hmy-section h1 {
  font-size: 2rem;
}
.hmy-section h2 {
  font-size: 1.75rem;
}
.hmy-section h3 {
  font-size: 1.6rem;
}
.hmy-section h4, .hmy-section h5 {
  font-size: 1.2rem;
}
.masthead h1 {
  font-size: 1.45rem;
  margin: 0px;
  padding: 10px 0px;
  font-weight: normal;
  letter-spacing: .25em;
}
.masthead .hmy-content {
  padding: 10px;
}
.tagline {
  display: block;
  letter-spacing: 0.18em;
  font-size: 65%;
  text-transform: uppercase;
}
.stickytop {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 99999;
}
/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 Setting a Harmony content wrapper to a 
 min-heigt of 100vh sets that element to 
 the full height of the browser window.
 When we do this, it is also advisable to
 use the Harmony UI to vertically center
 the content within.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
.hmy-content-wrapper.full-height {
  min-height: 100vh;
}
.hmy-content-wrapper.intro {
  min-height: 100vh;
  border-bottom: 1px solid;
}
.hmy-section.heading {
  flex-basis: 100%;
}
.footer {
  font-size: 75%;
}
.bureaus img {
  vertical-align: baseline;
}
.inline ul {
  /*text-align: left;*/
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.inline li {
  display: inline-block;
  font-size: 1em;
  padding: 3px 5px;
}
.multi-bg {
  background-size: cover;
}
.multi-bg.silverblue {
  background-color: rgb(75, 103, 119);
  background: linear-gradient(rgba(75, 103, 119, 0.75), rgba(75, 103, 119, 0.75)), url(images/lambo.jpg) no-repeat center;
}
.multi-bg.rust {
  background-color: rgb(193, 67, 46);
  background: linear-gradient(rgba(193, 67, 46, 0.75), rgba(193, 67, 46, 0.75)), url(images/ferrari.jpg) no-repeat center;
}
.multi-bg.white {
  background-color: rgb(255, 255, 255);
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url(images/mclaren.jpg) no-repeat center;
}
.multi-bg.black {
  color: #ffffff;
  background-color: rgb(0, 0, 0);
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("images/abstract-dark.jpg") no-repeat center;
}
.custom-bg .hmy-content {
  padding: 30px;
}
.p7HMY.hmy-noscript .multi-bg {
  background-image: none !important;
  background: rgb(0, 0, 0) !important;
  color: #FFF !important;
}
.big {
  font-size: 135%;
}
.centered {
  text-align: center;
}
.floatrtmark {
  float: right;
  margin: 6px 0 0 20px;
}
/* center the blockquote in the page */
.blockquote-wrapper {
  display: flex;
  /*height: 100vh;*/
  padding: 0 20px;
}
/* Blockquote main style */
.blockquote {
  position: relative;
  font-family: 'Barlow Condensed', sans-serif;
  max-width: 720px;
  margin: 15px auto;
  align-self: center;
}
/* Blockquote header */
.blockquote h1 {
  font-family: 'Architects Daughter', cursive;
  position: relative; /* for pseudos */
  color: #e74848;
  font-size: 2.3rem;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  border: 2px solid #fff;
  border: solid 2px;
  border-radius: 20px;
  padding: 25px;
}
/* Blockquote right double quotes */
.blockquote h1:after {
  content: "";
  position: absolute;
  border: 2px solid #e74848;
  border-radius: 0 50px 0 0;
  width: 60px;
  height: 60px;
  bottom: -62px;
  left: 50px;
  border-bottom: none;
  border-left: none;
  z-index: 3;
  color: #000;
}
.blockquote h1:before {
  content: "";
  position: absolute;
  width: 80px;
  /*border: 6px solid #292a2b;*/
  bottom: -3px;
  left: 50px;
  z-index: 2;
}
/* increase header size after 600px */
@media all and (min-width: 600px) {
  .blockquote h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
/* Blockquote subheader */
.blockquote h4 {
  position: relative;
  color: 000000;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  padding-top: 15px;
  z-index: 1;
  margin-left: 150px;
  padding-left: 12px;
}
.blockquote h4:first-letter {
  margin-left: -12px;
}
.max-960 .hmy-content {
  max-width: 960px;
  margin: auto;
  padding-top: 0px;
  text-align: justify;
}
/*SOM Exception Rules*/
.p7SOM-09 ul a {
  padding: 12px 22px;
  color: #AAA;
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
}
.p7SOM-09 ul a:hover {
  color: #FFF;
  background-color: #C1432E;
  border-color: #000;
}
.p7SOM-09 a.trig_open {
  background-image: url(images/som-down-light.gif);
}
.p7SOM-09 .som-header:hover {
  color: #FFF;
}
.p7SOM-09 a.current_mark {
  font-weight: bold;
  color: #C1432E;
}
/*Toolbar */
.som-toolbar.som-top-right {
  right: .5em;
  top: 0px;
}
.som-toolbar.som-top-right, .som-toolbar.som-top-right a {
  border-radius: 0px 0px 5px 5px;
}
.p7SOM-09.som-toolbar a {
  color: #CCC !important;
  background-color: #181818 !important;
  background: rgba(24, 24, 24, 0.7) !important;
  font-size: 3em;
  padding: .3em .2em .1em .2em;
}
.p7SOM-09.som-toolbar a:hover, .p7SOM-09.som-toolbar.opened a {
  color: #666 !important;
  background-color: #181818 !important;
  background: #181818 !important;
}
/* Toolbar Icon Text */
.som-toolbar i {
  color: #fff;
  display: block;
  font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 11px;
  font-style: normal;
  text-transform: uppercase;
  position: absolute;
  top: .3em;
  width: 100%;
}
/*Exception Rules Layout Specific*/
body.p7vibes-01, body.p7vibes-05, body.p7vibes-06 {
  /*background: url("images/dot-grid.png");*/
}
.p7vibes-05 .section-heading .hmy-content {
  padding: 15px 10px 0px 10px;
}
.contact .hmy-content {
  width: 100%;
  padding: 20px;
}
.p7form-wrapper {
  text-align: left;
}
.p7form-wrapper * {
  box-sizing: border-box;
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
  .break-to-50.hmy-section {
    flex-basis: 50% !important;
  }
  .hmy-section.heading {
    flex-basis: 100% !important;
  }
  .masthead h1 {
    font-size: 1.2em
  }
  .floatrtmark {
    display: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
  body {
    font-size: 90%;
  }
  .p7HMY .hmy-section {
    flex-basis: 100% !important;
  }
  .hmy-content-wrapper {
    border: none !important;
  }
  .p7form-wrapper {
    border: none !important;
    padding: 0px !important;
  }
}
/*iPhone 6 Plus*/
@media screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  .multi-bg, body {
    background-size: cover;
    background-attachment: scroll;
  }
}
/*iPad Query */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .multi-bg, body {
    background-attachment: scroll;
    background-size: auto;
  }
}