/*****************************/
/* Psudo Elements            */
/*****************************/
::placeholder{
  font-weight: bold;
  font-size: .75em;
  opacity: .5;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: bold;
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-weight: bold;
}


/******************************/
/* HTML                       */
/******************************/
article,
aside{
  background-color: rgba(0,0,0,.65);
  border-bottom: none;
  border-radius: 4px;
  color: #ffffff !important;
  margin: 1.5rem .5rem !important;
  padding: .5rem 2rem !important;
}

article.post, article.page{
  border-bottom: none;
}

blockquote p{
  font-size: .95em !important;
}

.single-post blockquote{
  width: auto;
  float: right;
}

align-contenth1{
  font-size: calc(36px + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
  line-height: calc(1em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}

p, li, .front-page-block-nav{
  font-size: calc(16px + (20 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
  line-height: calc(1.5em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}

/******************************/
/* Classes                    */
/******************************/
.blog-quote{
  width: 50%);
}

.boxzilla-close-icon{
  color: #ffffff;
}

.entry-meta, .entry-categories{
  color: #ffffff !important;
}

.entry-meta a, .entry-categories a{
  color: #ffcc00 !important;
}

/* override theme .button */
a.flat-button,
a.more-link{
  background-color: rgba(0,0,0,0.5) !important;
  border: none !important;
  border-radius: 0px !important;
  color: #ffffff !important;
  display: inline-block;
  font-weight: normal !important;
  margin: 0 auto;
  padding: .5em 1em;
}

a.flat-button:hover,
a.more-link:hover{
  color: #ffcc00 !important;
  text-decoration: none;
}

.front-page-block-nav.full-width{
  margin: 0 auto 33vh auto !important;
}

.front-page-block-nav span{
  background-color: rgba(0,0,0,.65);
  border-radius: 40px;
  padding: .2em;
}

.front-page-cell{
  background-attachment: fixed;
  background-size: cover;
  box-sizing: border-box;
  min-height: 100vh !important;
  padding-top: calc(90px + 2em);
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0em;
  position: relative;
}

.front-page-text{
  background-color: rgba(0,0,0,.65);
  border-radius: 4px;
  box-sizing: border-box;
/*  font-size: calc(18px + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important; */
  margin: auto;
  padding: 0.5rem 2rem;
  text-align: left;
  width: 85%;
}

.front-page-text h1,
.front-page-text h2{
  margin: 0;
}

.front-page-text.full-width{
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 2em !important;
}

.full-container{
  max-width: 1080px !important;
}

.main-navigation ul li > a {
  font-weight: 100;
  font-size: calc(18px + (16 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
  line-height: calc(1.5em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
  margin-top: 1.5em !important;
}

.main-navigation ul li:hover > a {
  background-color: transparent;
}

.more-link{
  margin-bottom: 1em !important;
}

.single-nav-wrapper{
  padding: 1rem .5rem;
}

/******************************/
/* IDs                        */
/******************************/
#boxzilla-665{
  background-color: rgba(50, 93, 163, 0.8);
  border-radius: 4px;
  box-sizing: border-box;
  color: white;
  font-size: calc(16px + (20 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
  line-height: calc(1.25em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
  margin: auto;
  padding: 1em 1em;
  text-align: left;
  width: 85%;
}

#boxzilla-665 a{
  color: white;
  font-weight: bold;
  font-size: 1em;
}

#boxzilla-665 button,
#boxzilla-665 input[type="submit"]{
	font-size: .7em;
  margin: .5em auto;
  width: 50%;
}

#boxzilla-665 input[type="text"],
#boxzilla-665 input[type="email"]
{
  margin: 0;
  padding: 0;
}

#boxzilla-665 p{
  margin-bottom: 1em;
}

#footer-widgets aside{
  background-color: transparent;
}

#front-page-contact input[type="text"],
#front-page-contact input[type="email"],
#front-page-contact input[type="tel"],
#front-page-contact textarea,
#front-page-contact .sow-error{
  max-width: 20em;
}

#front-page-cover .front-page-cell{
  height: calc(100vh - 90px) !important;
  padding-top: 2em;
}

#main{
  box-sizing: border-box;
  background-color: #000;
  background-attachment: fixed;
  padding: 0 !important;
  margin: 0 !important;
}

#masthead.masthead-logo-in-menu .logo > img {
  height: calc(65px + (75 - 55) * ((100vw - 300px) / (1600 - 300))) !important;
x  height: 80px;
  min-width: 280px;
}

body.responsive #masthead.masthead-logo-in-menu .logo{
  padding: 0.5rem;
  margin: 0;
}

#menu-main-menu{
x  position: absolute;
x  top: 30px;
x  right: 20px;
}

#mobile-nav-item-wrap-1{
x  position: fixed;
x  top: 30px;
x  right: 4px;
}

#theme-attribution{
  display: none;
}

/******************************/
/* Animations                 */
/******************************/
@keyframes glowing {
  0%  { text-shadow: 0 0 -10px #ffffff; }
  40% { text-shadow: 0 0 20px #ffffff; }
  60% { text-shadow: 0 0 20px #ffffff; }
  100%{ text-shadow: 0 0 -10px #ffffff; }
}

.text-glow {
  animation: glowing 3000ms infinite;
}

@keyframes radial-pulse {
  0% {box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);}
  100% {box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);}
}

@keyframes radial-pulse-thin {
  0% {box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);}
  100% {box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);}
}

.icon-pulse span{
  animation: radial-pulse 1.2s infinite;
}

.pulse{
  animation: radial-pulse 1.2s infinite;
}

.pulse-narrow{
  animation: radial-pulse-thin 2.4s infinite;
}


/******************************/
/* Media queries              */
/******************************/

/* correct #content margin on 
blogs for single col */
@media screen and (max-width: 680px){
	.blog #content,
  .single-post #content{
	  padding-top: .25em;
	}
}


/* landscape */
@media only screen and (orientation:landscape){
  .front-page-text:not(.full-width),
  .front-page-block-nav:not(.full-width){
    margin: 0 2em;
    width: 65%;
  }
}

/* landscape phone */
@media only screen and (orientation:landscape) and (max-height: 479px){
  .front-page-cell{
	  padding-top: calc(100px + 1em);
  }

  .front-page-block-nav:not(.full-width){
    position: absolute;
    top: calc(80px + 3em) !important;
x    left: 16em !important;
    right: -7em;
  }
  
  #front-page-cover .front-page-cell{
	  padding-top: 1em;
	}

  #front-page-cover .front-page-block-nav:not(.full-width) {
    top: 3em !important;
  }
}