/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the new block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS and is translated into over 25 languages by our amazing community of users. A few of our many features include microdata integration, 9 widget areas, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover) and navigation color presets. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.0.2.1608821242
Updated: 2020-12-24 14:47:22

*/
/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*------------------*/
/*Default-CSS*/
/*------------------*/

/**
 * Below code belongs to Prevoius Post and Next Post
 */

.wpb-posts-nav {
    
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    align-items: center;
    max-width: 900px;
    margin: 6px auto;
    display:flex;
    justify-content:center;
}

.wpb-posts-nav__thumbnail wpb-posts-nav__prev img{
  justify-content:center;
}
 
.wpb-posts-nav a {
    display: grid;
    align-items: center;
}
 
.wpb-posts-nav h4,
.wpb-posts-nav strong {
    margin: 0;
}
 
.wpb-posts-nav a svg {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
 
.wpb-posts-nav > div:nth-child(1) a {
    grid-template-columns: 75px 1fr;
    text-align: left;
}
 
.wpb-posts-nav > div:nth-child(2) a {
    grid-template-columns: 1fr 75px;
    text-align: right;
}
 
.wpb-posts-nav__thumbnail {
    display: block;
    margin: 0;
}

.wpb-posts-nav__thumbnail img{
    border-radius:15px;
    justify-content:center;
}

/**
 * Below code belongs to Box round
 */

.rounded{
  border-radius: 1rem!important;
}




/**
 * Below code belongs to apps screenshots
 */
.trans
{
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
}
.top_img
{
  display: flex;
  //width: 80vw;
  //height: 80vh;
  //margin-top: 10vh;
  //margin-left: auto;
  //margin-right: auto;
  //margin-bottom: 10vh;
}
.top_img ul
{
  list-style: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-sizing: border-box;
}
.top_img ul li
{
  position: relative;
  float: left;
  width: 25%;
  height: 25%;
  overflow: hidden;
  box-shadow: 0 20px 30px rgba(0,0,0,.1);
  padding:1px;
  border-radius: 10px;
  
}

.top_img ul li::before
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: purple;
  content: '';
  color: white;
  opacity: 0.1;
  text-align: center;
  box-sizing: border-box;
  pointer-events: none;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  
}
.top_img ul li:hover::before
{
  opacity: 0;
  background-color: rgba(0,0,0,0.90);
}
.top_img ul li img
{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.lightbox
{
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.75);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}
.lightbox img
{
  max-width: 90%;
  max-height: 80%;
  position: relative;
  top: -100%;
  /* Transition */
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
}
.lightbox:target
{
  outline: none;
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -webkit-transition: all 1.2s ease;
}
.lightbox:target img
{
  top: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/**
 * 
 *
 *Yeh Class khud banai hy... Find via inspect elements.
 *
 */

.ulclass{ /* Yeh Class Khud banai hy, main.min.css ky generate main issue kr rhi the */
  
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0em;
  margin-left: 0em;
}




/**
 * 
 *
 *Below code belongs to Breadcrumbs
 *
 */

#tsh_breadcrumbs .separator{
    font-size:10px;
    color:#ccc;
    font-weight:100;
}
#tsh_breadcrumbs{
    overflow:hidden;
    text-align: right;
    list-style:none;
    margin:3px 0;
}
#tsh_breadcrumbs li{
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
    font-size:12px;
}









/**
 * 
 *
 *Below code belongs to Download, app sections.
 *
 *
 */


/*---download-section---*/
.download-title-block {
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    color: inherit;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.app_descripation {
    padding-left: 20px;
    width: calc( 100% - 135px );
}
.download-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.download-btn img {
    margin: 0 8px 0 0;
    width: 22px;
}
.download-btn p {
    color: var(--white-color);
    margin-left: 24px;
}
.app_descripation p {
    color: var(--gray-light);
    margin-bottom: 10px;
}
.download-btn:hover {
    background: var(--primary-color);
}
.app_descripation h1 {
    font-weight: bold;
    font-family: var(--font-poppins);
    font-size: 22px;
    margin-bottom: 10px;
}
.download-description-block {
    margin: 15px 0px;
}
.download-description-block .app-desc {
    font-size: 16px;
}
/*---download-section end---*/


/*---app-info---*/

.app-info-grp {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    align-items: center;
}

.post-categories ul{
  list-style:none;
}

.trucate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: calc( 100% - 110px );
    text-align: right;
}
.package-link {
    color: #046ED0;
    text-decoration: underline;
}
.arrow_cls:after {
    padding-left: 10px;
    color: #046ED0;
    content: "\f105";
    font-size: 18px;
    font-family: FontAwesome;
    font-weight: bold;
}
.free {
    color: #01B33D !important;
}
.heading-sec .heading-wrapper {
    padding-bottom: 15px;
}
.app-info-grp p {
    color: #7A7A7A;
    margin-bottom: 0;
    line-height: 23px;
    font-size: 13px;
    padding: 0;
}
.app-info-row h3 {
    color: #292929;
    font-family: var(--font-poppins);
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 700;
}
.app-info-main-block h4 {
    font-weight: normal;
    color: #3A3A3A;
    font-family: var(--font-poppins);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.app-info-main-block h4{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: calc( 100% - 150px );
    text-align: right;
}

.app-info-main-block h4 div{
	  font-size: 20px;
    text-color:green;
    text-align: right;
}

.cat-link-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
}
.app-info-main-block h4 a:hover {
    opacity: .75;
    transition: .3s;
}
.app-info-grp span {
    color: var(--black-color);
    margin-left: 27px;
}
.req-info{
    text-align: end;
}
.app-img {
    width: 120px;
    height: auto;
    position: relative;
    aspect-ratio: 1/1;	
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #f7f7f7; 
}
.app-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1/1;
    border-radius: 5px;
}
.recommended-app-section .editor-heading h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.recommended-app-section .editor-heading {
    padding-bottom: 0;
}
.recommended-app-section {
    padding-top: 0;
    padding-bottom: 0;
}

.show-two-box .app-container {
    width: calc(50% - 22px);
}
.show-one-box .app-container {
    width: calc(50% - 22px);
}
.download-photoroom-section {
    padding-top: 20px;
}
.editor-app-display.show-one-box {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.show-two-box .app-container:nth-last-child(-n+2), 
.show-one-box .app-container:nth-last-child(-n+1) {
    margin-bottom: 0;
}
/*---app-info end---*/

@media screen and (min-width: 992px) {

   .blog-section .flex-item:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
}








@media only screen and (max-width: 767px) {

    body p {
        font-size: 15px;
     }
    .breadcrumb-item a{
        font-size: 14px;
    }
    .breadcrumb-box li+li:before{
        font-size: 13px;
    }
    .app_descripation {
        padding: 0 0 0 20px;
        width: 100%;
    }
    .download-title-block {
        grid-template-columns: 105px calc(100% - 120px - 15px);
    }
    /* .download-title-block .app-img {
        width: 105px;
        height: 105px;
    } */
    .download-title-block .app-img {
        width: 80px;
        height: 80px;
    }
    .faq-accrodian-grp{
        width: 100%;
    }
    .footer-widgets-container {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1,
    .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-2,
    .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-3,
    .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-4,
    .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-5 {
        width: 100%;
        flex: 0 0 100%;
        padding-right: 0;
    }
    .download-btn img {
        margin: 0 15px 0 0;
        width: 20px;
    }
    .editor-heading h2 {
        line-height: 23px;
        margin-bottom: 5px;
        font-size: 18px;
    }
    .box-shadow-commn-three,
    .box-shadow-commn_two,
    .box-shadow-commn-four {
        padding: 20px;
        border-radius: 14px;
    }
    .footer-widgets .widget-title {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .footer-widget-1 p {
        font-size: 14px;
    }
    .navigation-search input[type="search"] {
        font-size: 14px;
    }
    .site-footer .footer-widgets .footer-widgets-container .inner-padding {
        margin-bottom: 10px;
    }
    .site-footer .footer-widgets .footer-widgets-container .inner-padding .wp-block-image.size-full {
        max-width: 210px;
    }
    header .main-navigation .menu-bar-items > .search-item > a:focus, 
    header .main-navigation .menu-bar-items > .search-item > a:hover, 
    header .main-navigation .menu-bar-items > .search-item > a,
    header .main-navigation .menu-bar-item.search-item {
        color: var(--white-color) ;
    }
    .slider-section {
        background-color: transparent;
        position: relative;
        z-index: 1;
        border-radius: 0;
    }
    .slider-section:after {
        content: "";
        position: absolute;
        background-color: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        height: 150px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .slider-content {
        bottom: 0;
    }
    .editor-section {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .latest-game-section {
        padding-bottom: 40px;
    }
    section.latest-game-section:last-child {
        padding-top: 35px;
    }
    .editor-heading h5 {
        font-size: 13px;
    }
    .apk-mod-wrapper .app-btn {
        font-size: 13px;
    }
    section.latest-game-section:last-child {
        margin-bottom: 40px;
    }
    .footer-bar-active .footer-bar {
        margin-bottom: 0;
    }
    .footer-widgets .inside-footer-widgets a {
        font-size: 14px;
        padding-bottom: 5px;
    }
    .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 .wp-block-column .widget-title {
        font-size: 13px;
    }
    .breadcrumb-box {
        padding-left: 15px;
        padding-right: 15px;
		align-items: end;
        flex-wrap: wrap;
    }
    .app-info-row h3 {
        font-size: 18px;
    }
    .app-info-main-block h4 {
        font-size: 15px;
        margin-bottom: 0;
        font-weight: 500;
    }
    .arrow_cls:after {
        padding-left: 15px;
        font-size: 24px;
    }
    .app-info-grp p {
        font-size: 13px;
    }
    .app-info-main-block h4 .app-btn {
        color: inherit;
        font-size: 14px;
    }
    .editor-app-display .app-container:last-child {
        margin-bottom: 0;
    }
    .comment-reply-title {
        font-size: 18px;
    }
    .comment-form #author, 
    .comment-form #email, 
    .comment-form-comment textarea {
        font-size: 15px;
    }
    .form-submit input.submit {
        font-size: 18px;
        line-height: 30px;
        padding: 7px 10px;
    }
    .comment-form-cookies-consent input {
        margin-top: 8px;
    }
    form#commentform p.comment-form-cookies-consent {
        align-items: flex-start;
    }
    .app-comments-section .comments-title {
        font-size: 18px;
        color: #292929;
    }
    .app-comments-section .comment-author {
        font-size: 17px;
    }
    .app-comments-section .comment-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .app-comments-section .comment-body {
        padding: 10px 0;
    }
    .editor-heading {
        padding-bottom: 15px;
    }
    .panel-collapse p.panel-body {
        font-size: 11px;
        line-height: 18px;
    }
    .panel-title {
        font-size: 13px;
        line-height: 18px;
    }
    .faq-accrodian-grp.rigth-acc .panel-group:last-child {
        margin-bottom: 0;
    }
	.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 aside:last-child {
		position: absolute;
		bottom: 0;
		margin-bottom: 30px;
	}
	.site-footer .footer-widgets-container .inside-footer-widgets {
		padding-bottom: 90px;
	}
    .app_descripation h1 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .breadcrumbs-section {
        padding: 15px;
        background: #FAFAFA;
        margin: 0 -15px !important;
    }
	#breadcrumbs{
		display: flex;
		align-items: center;
	}
    .breadcrumbs-section.app-sec {
        margin: 0;
    }
    .app-sec .breadcrumb-box {
        padding: 0;
    }
    .download-section .box-shadow-commn {
        box-shadow: none;
        padding: 0;
    }
    .blog-section .flex-item:last-child {
        margin-bottom: 0;
    }
    .blog-section {
        padding-bottom: 10px;
    }
    .acrchive-section {
        padding-bottom: 0;
    }
    .active-breadcrumb img {
        width: 15px;
        margin-top: -2px;
    }
	table.tablepress {
		overflow-y: auto;
		display: inline-block;
	}
    .notfound-404 {
        height: 200px;
    }
    .heading-404 {
        font-size: 200px;
    }
    #notfound {
        min-height: 400px;
    }
    section.back-to-post {
        padding-bottom: 10px;
    }
    .cat-link-icon {
        line-height: 5px;
    }
    /*.screenshots-wrapper > .screen-pswp {
        flex: 0 0 100px;
        max-width: 100px;
        width: 100px;
    }*/
    /* mobile view */
    .download-page .box-shadow-commn {
        position: relative;
    }
    .download-page-article {
        margin-top: 45px;
    }
    .install-xapk-app-section {
        padding-top: 20px;
    }
    
}