/*
Theme Name:  HQM Child
Description: Child theme for the HQM theme 
Author: DJ Coke
Template: hqm
*/

@import url("../hqm/style.css");


.container{ width:970px; }

.mainContainer{background:none;
padding-bottom:0;}
.top-intro h1, .top-intro h4{color:#ffffff;}
.archive .top-intro, .search .top-intro{background:#ffffff;
padding-left:30px;
padding-right:30px;}
.archive .top-intro h1, .archive .top-intro h4, .search .top-intro h1, .search .top-intro h4, .page-template .top-intro h1, .page-template-default .top-intro h1{color:#151515;}
.page-template .top-intro, .page-template-default .top-intro{background:#ffffff;}
.single .mainContainer{padding-bottom:70px;}
.prev-next{margin-top:0;
padding:70px 0;}
.mainContainer .innerContainer{padding-left:0px;
padding-right:0px;}
.single-post-item{margin-top:0;}

.single-post .post-content, .single-post aside,  .single-post #contact-form-holder, #comments, .commentlist {padding-left:15px;
padding-right:15px;}

.col-md-8{ width: 64.66666667%; }
.col-md-4{ width: 35.33333333%; }
.related-articles .col-md-4{ width: 33.33333333%; }


.grid{margin:0;}
.grid-item{height:320.094px;
float:left;
background:#999;
width:66.5%;
display:inline-block;
overflow:hidden;
position:relative;}
.grid-item .blog-item{height:320.094px;}
.blog-item .content{bottom:15px;
left:15px;}
.post-more{left:15px;}
.single-post-item .content, .single-post-item:hover .content{left:auto;bottom:15px;}
.grid-item .content h2{font-size:28px;}

.grid-item:nth-of-type(8n+1) .blog-item{height:644px;}
.grid-item:nth-of-type(8n+1) .content h2{font-size:42px;}

.grid-item:nth-of-type(8n+1){height:644px;
margin-right:0.2%;}
.grid-item:nth-of-type(8n+2){margin-bottom:0.4%;}
.grid-item:nth-of-type(8n+2), .grid-item:nth-of-type(8n+3){width:33.0%; margin-left:0.3%;}
.grid-item:nth-of-type(8n+4), .grid-item:nth-of-type(8n+5), .grid-item:nth-of-type(8n+6){width:33.0%;
margin-top:0.4%;
margin-left:0.3%;
margin-right:0.2%;}
.grid-item:nth-of-type(8n+4){margin-left:0;}
.grid-item:nth-of-type(8n+6){margin-right:0;}
.grid-item:nth-of-type(8n+7){width:66.5%; margin-right:0.2%; margin-top:0.4%;margin-bottom:0.4%;}
.grid-item:nth-of-type(8n+8){width:33.0%; margin-left:0.3%; margin-top:0.4%;margin-bottom:0.4%;}
.commercial{float:none;
width:100%;} 
.img-adv{width:100%;
height:100%;
background:#ff0000;}

.prev-next, .page-links {margin-top: 30px; text-align: center;}
.prev-next a{background:#f0f0f0;}

.page-content-full, .contact-page{padding:70px 30px;
background:#ffffff;}
.single .mainContainer{background:#ffffff;}
.single .page-content-full{padding:0;}

.pswp__top-bar{ top:20px !important;}
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before { top: 54px !important;}


h2 {
    font-size: 20px;
    line-height: 1.5em;
}
.content h2 a, .content h1, .post-meta li a:hover {text-shadow: 3px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.post-meta li, .post-meta li a {color: #ffffff !important; text-shadow: 3px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.pswp__ui { position: static; }
.blog-item .overlay, .article-img .overlay {background-color: rgba(0,0,0,0.1);} 
.promo-item{background:none;
color:#505050;
padding:15px;}

.home-widget-top {
   background:none;
    margin-bottom: 6px;
    padding: 15px;
}
.nav-page a, .nav-page a:hover, .page-links a {
    color: #151515;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin: 0 2px;
    text-decoration: none;
    width: 160px;
}

@media (min-width: 1200px) {

.grid-item:nth-of-type(8n+1), .grid-item:nth-of-type(8n+1) .blog-item{height:644px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.container{ width:750px; }

.grid-item:nth-of-type(8n+1), .grid-item:nth-of-type(8n+1) .blog-item{height:320.094px;}

.grid-item:nth-of-type(8n+1), .grid-item:nth-of-type(8n+3), .grid-item:nth-of-type(8n+5), .grid-item:nth-of-type(8n+7){ width: 49.8%;
margin-left:0; margin-right: 0.2%;margin-bottom:0.4%;margin-top:0;}
.grid-item:nth-of-type(8n+2), .grid-item:nth-of-type(8n+4), .grid-item:nth-of-type(8n+6), .grid-item:nth-of-type(8n+8){ width: 49.8%;
margin-left:0.2%; margin-right: 0%; margin-bottom:0.4%;margin-top:0;}

.grid-item:nth-of-type(8n+1) .content h2{font-size:28px;}


}

@media (max-width: 991px) {

body:after {position:fixed;}

.container{ width:auto; }

.mainContainer .innerContainer{padding-left:30px;
padding-right:30px;}

.single-post .mainContainer .innerContainer{padding-left:0px;
padding-right:0px;}

.collapse.in { height:150px; }

.col-md-8{ width: 100%; }
.col-md-4{ width: 100%; }

.grid-item{height:400px;
float:none;
width:100% !important;
margin:0 !important;
}
.grid-item .blog-item{height:400px;}
.grid-item:nth-of-type(8n+1), .grid-item:nth-of-type(8n+1) .blog-item{height:400px;}
.grid-item:nth-of-type(8n+1) .content h2{font-size:28px;}

.navbar-toggle { top: -84px; }

.single-article .content h1 { font-size:35px; }
.related-articles .col-md-4{ width: 100%; }
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	width: 98%;
}
blockquote{
display:table;
background: #fff;
padding: 15px 20px 15px 45px;
margin:0 5 auto;
position: relative; 
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: left;  
border-left: 15px solid #000000;
border-right: 2px solid #000000;
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
width:auto;
}
blockquote::before{
content: "\201C"; /*Unicode for Left Double Quotes*/
font-size: 60px;
font-weight: bold;
color: #999;  
position: absolute;
left: 10px;
top:5px;
}
blockquote::after{
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #000000;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}
.post-content ol {
    background: #000000;
    padding: 20px;
}

.post-content ul {
    background: #000000;
    padding: 20px;
}

.post-content ol li {
    background: #e5e5e5;
    padding: 5px;
    margin-left: 35px;
}

.post-content ul li {
    background: #e5e5e5;
    margin: 5px;
}
.twitter-tweet-rendered {
    margin-left: auto;
    margin-right: auto;
}
/*
WordPress Popular Post Style
*/
#wpp-2 ul li {
list-style-type: none;
background: #000000;
border: 2px solid #fff;
}

#wpp-2 ul li a {
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

#wpp-2 ul li:hover {
border: 2px solid #666;
background-color: #565656;
opacity: 0.9;
-webkit-transition: 0.3s linear all;
-moz-transition: 0.3s linear all;
-ms-transition: 0.3s linear all;
-o-transition: 0.3s linear all;
transition: 0.3s linear all;
}

#wpp-2 ul li a:hover,
#wpp-2 ul li a:visited {
color: #fff;
}