/*
 Theme Name:   DigitalGYD
 Theme URI:    https://www.digitalgyd.com/
 Description:  Custom GeneratePress child theme for DigitalGYD
 Author:       Nazim Ansari
 Author URI:   https://nazimansari.com
 Template:     generatepress
 Version:      2.0
*/


@media (max-width:600px){
	.navigation-branding img, .site-logo.mobile-header-logo img{
		height:60px;
	}
}

.wp-block-image .aligncenter>figcaption {
    text-align: center;
    font-size: 75%;
    opacity: 0.8;
    margin-top: 0;
}

/* menu styling-------------------------------- */
.main-navigation.auto-hide-sticky {
 -webkit-box-shadow: 0 0 48px rgba(50,76,128,.05);
    box-shadow: 0 0 48px rgba(50,76,128,.05);
}
.main-navigation ul ul {
    -webkit-box-shadow: 0 20px 29px 0 rgba(207,67,20,.5);
    box-shadow: 0 0 48px rgba(50,76,128,.05);
     top: calc(100% - 15px);
	border-radius: 3px;
}
.main-navigation .main-nav ul li.nav-button a {
        background-color: #2962ff;
			color: #fff!important;
        border: 1px solid #2962ff;
			line-height: 45px;
			border-radius: 50px;
    }
.main-navigation .main-nav ul li.nav-button:hover a {
        background-color: #fff;
			color: #3b3e4d!important;
			line-height: 45px;
			border-radius: 50px;
    }

.button.ghost,
.button.ghost:visited {
	 color: #2962ff;
	border-radius: 50px;
    background: transparent;
    border: 1px solid #2962ff;
	-webkit-box-shadow: 0 0.625rem 0.625rem 0 rgba(0,0,0,.05);
    box-shadow: 0 10px 40px rgba(50, 76, 128, 0.05);
}
.button:not(.ghost) {
    border-radius: 50px;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 0.625rem 0.625rem 0 rgba(0,0,0,.05);
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.05);
}
.button.ghost:hover,
.button.ghost:active {
    background: #2962ff;
    color: #fff;
    border: 1px solid transparent;
}
/* customizing meta info in page hero section-------------------------------- */
.page-hero-gravatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.author, .page-hero-gravatar {
    display: inline-block;
}

.entry-date {
    border-left: 2px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
}
.page-hero time.updated {
    display: inline-block !important;
}
/* customizing meta info in page hero section ends-------------------------------- */

/*for narrow body width*/
.contained-area {
    max-width: 750px;
    margin: 0 auto;
}

#text-9     {background-color: #FFFfff;
    padding-left: 25px;
    padding-right: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
    box-shadow: 0 0 48px rgba(50,76,128,0.05);
	border-radius: 2px;}
.widget-area .widget {
    padding: 0;
}
.background {
    background-color: #F1F6FA;
    color: #0b629a !important;
	border: 2px solid #178eea;
	border-radius: 6px;
padding-top: 25px;
    padding-right: 10px;
    padding-left: 10px;
	padding-bottom: 10px;
margin-bottom: 20px;}
/* Entry Messages
--------------------------------------------- */

.message {
	padding: 25px 30px;
	margin-bottom: 20px;
}

.message,
.message a {
	color: #fff;
}

.message a {
	border-bottom: 1px solid #fff;
}

.message a:hover,
.message a:focus {
	border-bottom: none;
}

.message.green {
	background-color: #00a86d;
	
}

.message.orange {
	background-color: #e06501;
}

.message.blue {
	background-color: #4A4F9B;
}
.message.note {
	background-color: green;
}
.message.black {
	background-color: #80175F;
}
/* Entry Messages for alternate sections-------------------------------- */
.message.altsection {
	background-color: #f8f8f8;
	color:#353535 !important;
}
.message.altsection a {
	color: #4C7FE4;
}
.message.altsection a {
	border-bottom: 1px solid #000;
}

/* Entry Messages Styling End-------------------------------- /* Author boox styling-------------------------------- */
.author-box {
    padding: 3%;
  padding-bottom:10px;
	margin-top: 60px;
    font-size: 0.9em;
    background-color:#fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	border-radius:2px;
	box-shadow:0 0 48px rgba(50, 76, 128, 0.05) !important;
}

.author-box .avatar {
    width: 180px;
	margin-top: 6px;
    height: auto;
    border-radius: 100%;
    margin-right: 30px;

}

h5.author-title {
    margin-bottom: 0.7em;
}
.author-description{
	line-height:1.7em
}

.author-links a {
	margin-top:-1.5em;
    font-size: 2em;
    line-height: 2em;
    float: right;
}
@media (max-width: 768px) {
    .author-box {
			padding:20px;
			padding-bottom:0px;
			margin-top:100px;
        flex-direction: column;
        text-align: center;
    }

    .author-box .avatar {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
        margin-top: -35px;
    }

    .author-box .avatar img {
        max-width: 100px;
    }
	.author-links a {
		float:none;
		align-self:center;
	}
	.author-description{
		margin-bottom:-1.1em;}}
/* Author Box Styling End-------------------------------- */
/* toc codes--------- */
.hsg-featured-snippet {
	max-width: 1080px;
	border-radius: 3px;
	padding: 15px 4vw;
	background: #F5F8FA;
	margin: 1em auto
}

@media (min-width:501px) {
	.hsg-featured-snippet {
		margin: 10px auto 40px;
		padding: 2.75em
	}
}

.hsg-featured-snippet h2 {
	border: 1px solid #7c98b6;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	padding: 0 .5em 1em
}

@media (min-width:1025px) {
	.hsg-featured-snippet h2 {
		font-size: 24px;
		padding: 1em 3.75em 1em .5em
	}
}

.hsg-featured-snippet h2:before {
	content: "";
	background-image: url(https://www.digitalgyd.com/wp-content/uploads/2018/07/digitalgyd-favicon.png);
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	color: #ff7a59;
	font-size: 2em;
	margin-right: .5em;
	position: relative;
	top: 0;
	width: 40px;
	height: 40px;
	display: inline-block;
	float: left
}

.hsg-featured-snippet__wrapper--content[data-type=ordered] {
	padding: 2.25em 5.5em
}

.hsg-featured-snippet__wrapper--content[data-type=unordered] {
	padding: 1em 5.75em
}

.hsg-featured-snippet__wrapper--content[data-type=paragraph] {
	padding: 2em 0
}

.hsg-featured-snippet__wrapper--content[data-type=paragraph] p {
	font-size: 16px;
	line-height: 1.65
}

@media (min-width:501px) {
	.hsg-featured-snippet__wrapper--content[data-type=paragraph] p {
		font-size: 14px
	}
}

@media (max-width:1024px) {
	.hsg-featured-snippet__wrapper--content[data-type=ordered],
	.hsg-featured-snippet__wrapper--content[data-type=paragraph],
	.hsg-featured-snippet__wrapper--content[data-type=unordered] {
		padding: 1em .5em
	}
}

.hsg-featured-snippet__wrapper--content h4 {
	font-size: 1.4em
}

.hsg-featured-snippet.module-bg--dark li,
.hsg-featured-snippet.module-bg--dark ol,
.hsg-featured-snippet.module-bg--dark p,
.hsg-featured-snippet.module-bg--dark ul {
	color: #fff
}

/* Entry Messages for note box-------------------------------- */

/* pros cons-------------------------------- */
ul.pros li {
	border-bottom: 1px solid #ECEFF1;
list-style: none;
	margin: 0;
}

ul.pros li:before {
content: "\2714\0020" !important; 
color: green !important;
font-size: 20px !important;
margin-right: 3px !important;
}
ul.cons li {
	border-bottom: 1px solid #ECEFF1;
list-style: none;
}

ul.cons li:before {
content: "\26a0\0020" !important; 
color: red !important;
font-size: 18px !important;
margin-right: 3px !important;
}
/* LINK BLOCK-------------------------------- */
ul.linkblock li {
	border-bottom: 1px solid #ECEFF1;
list-style: none;
	margin: 0;
}

ul.linkblock li a:before {
content: "\2751\0020" !important;
color:  #2962ff!important;
font-size: 20px !important;
margin-right: 3px !important;
}

/* styled numbers-------------------------------- */
.dg-stylenum {
	 box-shadow: 0px 5px 20px rgba(0,0,0,.15);
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    margin: 0 6px 0 0;
    color: #fff;
    background: #2962ff;
}
/* DigitalGYD coupon styling starts-------------------------------- */
.dg-coupon {
	background-color: white;
    margin: 0 0 25px;
    overflow: hidden;
	border-radius: 10px;
	 border-bottom: 1px solid #2962ff;
    padding: 40px 40px 40px 40px;
box-shadow: rgba(122, 141, 229, 0.13) 0px 0px 40px 5px;
}
.dg-coupon a {
	color: #3253DE;
}
.dg-coupon a {
	border-bottom: 1px solid #3253DE;}

	.dg-coupon a:hover,
.dg-coupon a:focus {
	border-bottom: none;
}
.button.dg-coupon {
  background: linear-gradient(60deg,#009946,#14ad5a);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  border-radius: 45px;
}
/* DigitalGYD coupon styling ends-------------------------------- */
/* lede styling starts-------------------------------- */
.summary-bg {
	 background-color: #fff;
    margin: 15px 0 20px;
    overflow: hidden;
}

.summary {
color: #000;
    display: inline;
    border-bottom: 2px dotted rgba(0,0,0,.3);
    font-size: 20px;
    line-height: 40px;
}
/* lede styling ends-------------------------------- */
/* wpshowposts styling starts-------------------------------- */
.wp-show-posts-inner {
   box-shadow: 0 0 20px 0 #abb8c34d;
border-radius: 5px;
}

.wp-show-posts-entry-header {
    padding: 20px;
}
}
.wp-show-posts-image img {
    border-radius: 5px;
}

/* wpshowposts styling ends-------------------------------- */