/* PUBWRITER
=============================================================================*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,400italic,700,700italic&subset=latin);
@import url(https://fonts.googleapis.com/css?family=Bungee+Inline);
@import url(https://fonts.googleapis.com/css?family=Wendy+One);


h1, h4, h5, h6 {
    font-family: 'Raleway';
}

h2 {
    font-family: 'Bungee+Inline';
}

h3 {
    font-family: 'Wendy+One';
}

p, div {
    font-family: 'Raleway';
}

html body {
	background-image: url(https://pubwriter.com/images/space.gif);
 }

h1 {
  text-align: center;
  font-size: 28px;
  color: black; }

 .h2, h2 {
    font-family: 'Bungee+Inline';
	font-size: 24px;
	text-decoration: underline overline;
}

div.black {
    background-color: black;
    color: white;
    margin: 20px 0 20px 0;
    padding: 20px;
} 

/* Increase font size of bulleted and numbered lists */
li {
  font-size: 18px;
}
li span {
  font-size: 16px;
}

/* Don't print link hrefs */
@media print {
  a[href]:after {
    content: none
  }
}

/* Blockquotes */

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 10px solid #27a2d5;
  border-right: 10px solid #27a2d5;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #000;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #fff;
  cursor: pointer;
  padding: 0 3px;
  color: #27a2d5;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


/* Make All Images Respnosive
=============================================================================*/

 img {
 display: inline-block;
 height: auto;
 max-width: 100%;
 }
 
/* bluylw DIV */

.bluylw{
  display:block;
  background: blue;
  padding: 20px 20px 20px 20px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-size: 16px;
  line-height: 1.2;
  color: yellow;
  text-align: justify;
  
  /*Borders */
 border-top: 5px solid yellow;
 border-bottom: 5px solid yellow; 
 border-left: 5px solid yellow;
  border-right: 5px solid yellow;
  
  /*Box Shadow */
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}


 
/* PUBWRITER DIV
=============================================================================*/

/*--Set Container Color--*/

.pubwriter {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: black;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  background-color: #F5F5F5;
  opacity: 1;
}
.pubwriter h1,
.pubwriter .h1 {
  color: inherit;
}
.pubwriter p {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 200;
}
.pubwriter > hr {
  border-top-color: #d5d5d5;
}
.container .pubwriter,
.container-fluid .pubwriter {
  padding-right: 50px;
  padding-left: 50px;
  border-radius: 6px;
}
.pubwriter .container {
  max-width: 100%;
}

/* FOOTER DIV
=============================================================================*/
  #footer  {
    list-style-type: none;
    padding: 0 0 1em;
    border-bottom: 2px solid #eee;
    font-size: 20px;
    text-align: center;
  }

  #footer a {
    color: #555;
    text-decoration: underline;
  }

  #footer a:hover {
    color: #c00;
  }
  

/*Set Container Width
=============================================================================*/

@media screen and (min-width: 768px) {
.pubwriter {
padding-top: 20px;
padding-bottom: 20px;
}
  .container .pubwriter,
  .container-fluid .pubwriter {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pubwriter h1,
  .pubwriter .h1 {
    font-size: 28px;
  }
}

/*--Nav Bar Customization--*/

.pcolor {
  color: #27A2D5;
}
.top-nav {
  border:none;
}