/*!
Theme Name: GQ News
Theme URI: http://milologic.com/
Author: Underscores.me
Author URI: http://milologic.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gq-news
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
h1.entry-title {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0px;
    margin-bottom: 36px;
}
.site-main h2{
font-weight: 700;
font-size: 24px;
line-height: 156%;
letter-spacing: 0px;
margin-bottom:14px;
}
.site-main p,.site-main ul li, .site-main ol li{
	margin-top:10px;
font-weight: 400;
font-size: 18px;
line-height: 185%;
letter-spacing: 0px;
}
.site-main ul , .site-main ol{
margin-left:20px;
}
.is-type-video iframe{
    width: 100%;
    height: 450px;
}
.twoColumnCard .imageGrid img{
	width:100%;
}
.category-gq-recommends h1.archive-title.siteTitle.secTitle {
    border-bottom: 5px #000 solid;
    padding-bottom: 20px;
    margin-bottom: 50px;
    text-align: center;
}
.recommended-article-tab{
	align-items:center;
}
.recommended-article-tab .tags{
	margin-top:0;
}
.archive-container {
    margin-top: 40px;
}
div#archive-posts-container .genericgridInner {
    margin-bottom: 30px;
}
.siteFooter .topFooter .socialLinks li a{
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
body.lang-en .topStoriesSec .secTitle{
	text-align:center;
border-bottom:4px var(--darkBg) solid;
padding-bottom:20px;
}
.bannerSecPost img {
    height: max-content;
}
.wp-block-quote:before {
    content: '';
background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3512 40.8107C2.52008 37.8519 1 34.5314 1 29.1487C1 19.6816 7.75047 11.1945 17.572 7L20.0251 10.7269C10.8599 15.6089 9.0686 21.9409 8.35264 25.934C9.82828 25.1827 11.76 24.9184 13.6537 25.0913C18.6121 25.5439 22.5201 29.551 22.5201 34.5314C22.5201 39.7608 18.2139 44 12.902 44C9.95323 44 7.13341 42.673 5.3512 40.8107ZM32.8311 40.8107C30.0001 37.8519 28.4799 34.5314 28.4799 29.1487C28.4799 19.6816 35.2304 11.1945 45.052 7L47.5051 10.7269C38.3397 15.6089 36.5486 21.9409 35.8325 25.934C37.3081 25.1827 39.24 24.9184 41.1336 25.0913C46.0921 25.5439 50 29.551 50 34.5314C50 39.7608 45.6939 44 40.382 44C37.4332 44 34.6134 42.673 32.8311 40.8107Z' fill='%23121212'/%3E%3C/svg%3E%0A");
    height: 52px;
    width: 52px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.wp-block-quote p, .wp-block-quote * {
    font-size: 32px !important;
    line-height: 54px;
	text-align:center;
}
blockquote.wp-block-quote {
    margin-top: 40px;
}
.siteSec.single-pageSec {
    padding-bottom: 0;
}
.siteContentInner h4 {
    margin-top: 15px;
    padding-top: 15px;
}
.swiper-button-next-custRecom, .swiper-button-prev-custRecom{
	height:34px;
	width:34px;
	position:absolute;
	left:: 20px;
	top:calc(50% - 20px);
	display:flex;
	align-items:center;
	justify-content: center;
	background: rgba(255, 255, 255, 1);
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
z-index:9;
}
.swiper-button-next-custRecom{
	left:unset;
	right:20px;
}
.gotTopTop{
	z-index:99;
}
.featured-post .relatedWrapBox {
    flex: calc(100% - 146px - 24px);
}
header.siteHeader {
    position: sticky;
    top: 0;
	z-index:99999;
}
.scroll-progress-container{
	z-index:9991 !important;
	top:150px !important;
}
/* .excerptBox {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
} */
.siteContentInner a {
    word-break: break-word;
    overflow-wrap: break-word;
}
.title-number{
	min-width:50px;
	min-height:50px;
}
.lang-en .siteHeader .searchBoxInner form {
    max-width: calc(100% - 71px);
    top: -43px;
}
.featured-post-block ~ .featured-post-block article.featured-post {
    border-top: 0;
}
.siteFooter .belowFooter .flexCustom .menu {
    display: flex;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.siteFooter .belowFooter .flexCustom .menu li a {
    font-size: 12px;
}
.author  .navigation-card {
    text-align: center;
    margin-bottom: 40px;
}
.siteFooter .belowFooter p {
    letter-spacing: 0  !important;
    font-size: 14px;
    line-height: 26px;
}
.wp-theme-gq-news.archive.category .genericWithSidebySide .genericgridInner a .authorName{
	display:block !important;
}
.overflow-hidden header.siteHeader {
    z-index: 99999;
}
.lighttext, .lighttext *{
	color:rgba(66, 75, 90, 1);
	font-weight: 400;
	font-size: 16px;
	line-height: 185%;
	letter-spacing: 0px;
}
h4.personNumber {
    font-size: 24px;
    line-height: 156%;
    font-weight: 700;
    margin-bottom: 40px;
    padding-bottom:25px ;
    border-bottom: 4px rgba(18, 18, 18, 1) solid;
}
.lang-en .scroll-progress-container {
    top: 126px !important;
}
.gallery-modal{
	z-index:999999 !important;
}
.thumbnail-caption{
	    margin-bottom: 0;
    font-size: 14px;
    color: #757776;
    margin-top: 16px;
    line-height: 185%;
}
.adsSec img{
width:unset;
max-width:100%;
}
.col-md-8.offset-md-2 ~.col-md-4.stickyBox {
    display: none;
}
.siteContentInner p:empty {
    display: none;
}
.mid-content-ad:empty {
    display: none;
}
.mc4wp-form {
    max-width: 400px;
    margin: 0 auto;
}
.mc4wp-form  label{
	font-size:14px;
}
.mc4wp-form  label input{
	margin-top:10px;
}
.post-7144 h1 {
    max-width: 400px;
    margin: 0 auto;
    font-size: 24px;
    line-height: normal !important;
    margin-bottom: 20px;
}
.mc4wp-form-theme-dark button, .mc4wp-form-theme-dark input[type=submit], .mc4wp-form-theme-dark input[type=button] {
    background-color: #000 !important;
}
.top-header-ads,.top-header-ads-mobile,.adsSec {
    background-color: rgba(18, 18, 18, 1);
}
.adsSec img{
	height: max-content  !important;
}
.stickyBox{
	position:unset !important;
}
.billboard-ads img {
    height: max-content;
}
.stickyBox .billboard-ads img {
    height: 600px;
    object-fit: cover;
}
.top-header-ads-mobile ins,.gqhon-highlight-wrapper iframe{
	width:100% !important;
	
}
@media(min-width:767px){
.stickyBox{
position:sticky;
top:220px;
height:max-content;
}
}
@media(max-width:768px){
h1.entry-title {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 36px;
}
	.recommended-article-tab .tags-container {
    flex-wrap: wrap;
    column-gap: 20px !important;
    row-gap: 10px !important;
}
	.viewMoreRec{
		text-align:center;
	}
	.recommendsSec.darkBg .viewMoreBtn.btnwithText {
    padding: 13px 26px !important;
		margin-bottom: 32px;
		margin-top:0 !important;
		font-size:14px;
}
	.recommendsSec .secTitle {
        text-align: center;
        margin-bottom: 16px !important;
    }
	.recommendedDesignCard .genericgridInner a {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
	.recommendedDesignCard .genericgridInner a img{
        width: 145px;
        height: 145px;
        min-width: 145px;
		min-height:145px;
	}
	.recommendedDesignCard {
    margin-bottom: 32px;
}
	div#archive-posts-container {
    overflow-x: hidden;
}
	.category-gq-recommends.wp-theme-gq-news .genericgridInner img {
        height: 183px !important;
        object-position: top;
    }
	.overLayText .flexVideo svg {
    height: 33px;
    width: 33px;
}
	.category-video .overLayText .flexVideo h2,.category-video .overLayText .flexVideo h3 {
    font-size: 16px;
}
	.overLayText {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 16px !important;
}
	.heroBanner .swiper-button-next-custom-hero, .heroBanner .swiper-button-prev-custom-hero {
    display: none;
}
	.wp-theme-gq-news.archive.category.category-video .imageOverTextInner img{
		height:320px;
	}
	.wp-block-quote:before {
    content: '';
    height: 24px;
    width: 24px;
		background-size:24px;
}
.wp-block-quote p, .wp-block-quote * {
    font-size: 18px !important;
    line-height: 24px;
			text-align:center;

}
	blockquote.wp-block-quote {
    margin-top: 20px;
		text-align:center;
}
.siteSec.single-pageSec {
    padding-bottom: 0;
}
body	hr.seperatorBox{
		border-width:2px;
	}
.language-switcher{
margin-top:32px;

}
.language-switcher a{
	    color: rgba(117, 119, 118, 1);
    font-weight: 700;
}
.language-switcher .active-language {
    color: #000;
    font-weight: 700;
}
	#archive-posts-container .genericgridInner a {
    flex-direction: column;
		gap:8px;

}
#archive-posts-container .genericgridInner a .imgHolder{
	margin-bottom:5px;
	width:100% !important;
	height:100% !important;
}
    .wp-theme-gq-news .navMwnu {
        z-index: 999 !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }
	.wp-theme-gq-news .navMwnu .menuFooterwrapper{
		padding-bottom:70px;
	}
	.wp-theme-gq-news.archive.category #archive-posts-container .genericWithSidebySide .genericgridInner img, .tax-authors.wp-theme-gq-news .genericgridInner img{
	height:470px !important;
		margin-bottom:0;
}
	.wp-theme-gq-news.archive.category .genericgridInner img{
				margin-bottom:0;
	}
	.scroll-progress-container{
	top:85px !important;
}
	h4.personNumber{
		padding-bottom:16px;
		border-width:3px;
		font-size:16px;
	}
	.lang-en .scroll-progress-container {
	top:85px !important;
}
}
.container.customContainer{
max-width:1280px;
}