/*
Theme Name: Digitalublog
Theme URI: https://www.digitalublog.com
Author: Soukun
Author URI:
Description: Theme built for Digitalublog
Version: 1.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: digitalublog

blue/black: 0d1d37

*/
@media (min-width: 1400px){
	.container {
		max-width: 1340px !important;
	}
}

body p{
	line-height: 2;
	margin-bottom:30px;
}
body li{
	line-height: 2;
}
img{
	height: auto;
	width: 100%;
}
.text-center{
	text-align: center;
}
main{
	padding-bottom:30px;
}
/*
.main-content-holder{
		border-right: 1px solid #e6e6e6;
}
*/
article,
aside{
	background: #fff;
	font-size: 16px;
	margin-top: 30px;
}
article{
	border-bottom: 1px solid #e6e6e6;
}

/*sidebar*/
aside{
	padding: 30px;
}
aside.no-padding{
	padding:0;
}
aside a{
	color:#212529;
}
span.widget-title{
	border-bottom: 1px solid #e6e6e6;
	display: block;
	font-size: 24px;
	margin-bottom: 15px;
	padding: 5px 0;
}


/*sidebar search*/
aside .input-group input.form-control{
	display:inline-block;
	width:77%;
}
aside .input-group span.input-group-append{
	display:inline-block;
	float:right;
	width:20%;
}
aside .input-group span.input-group-append button{
	background:#40b4ea;
	border:1px solid #40b4ea;
	color:#fff;
	transition:0.5s all ease;
}
aside .input-group span.input-group-append button:hover{
	background:#1e76d9;
	transition:0.5s all ease;
}

h1.page-title{
	border-bottom: 1px solid #e6e6e6;
	font-size: 24px;
	padding-bottom: 15px;
	padding-top: 15px;
}
/*article heading*/
article h1.entry-title,
article h3.title{
	font-size:1.75rem;
	padding-top:20px;
	padding-bottom:30px;
}

article .entry-meta-category-tag{
	text-align: center;
	padding-bottom:20px;
}
article .entry-meta-category-tag a{
	color:#777;
}

/*spacer*/
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article .meta,
article .entry-meta-category-tag,
article p,
article figure,
div.wp-block-uagb-table-of-contents{
	padding-left: 30px;
	padding-right: 30px;	
}
@media(max-width:767px){
	/*article heading*/
	article h1.entry-title,
	article h3.title{
		font-size:24px;
	}
	
	/*spacer*/
	article h1,
	article h2,
	article h3,
	article h4,
	article h5,
	article h6,
	article .meta,
	article .entry-meta-category-tag,
	article p,
	div.wp-block-uagb-table-of-contents{
		padding-left: 0;
		padding-right: 0;	
	}
}



article pre.wp-block-verse{
	margin-left: 30px;
	margin-right: 30px;
	background:#f9f9f9;
	padding:20px;
}
article pre.wp-block-preformatted{
	margin-left: 30px;
	margin-right: 30px;
	background:#000;
	color:#fff;
	padding:20px;
}


article h1,
article h2,
article h3{
	line-height: 1.7;
	position:relative;
}
article h2{
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	font-size:24px;
	font-weight: bold;
}
article h2:before{
	content:'';
	height:100%;
	border-left:5px solid #0f4c81;
	position:absolute;
	left:0;
	top:0;
}

article h3{
	font-size: 24px;
	font-weight: bold;
	padding-bottom:30px;
	padding-top:30px;
}
/*h3 after p - reduce padding top*/
article p + h3{
	padding-top:10px;
}

article h3 a{ color: #333;}
article h3 a:hover{
	color: #333;
	text-deocration:underline;
}

article .meta{
	padding-bottom: 10px;
	text-align: center;
}
article .summary{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
article .summary a{
	border-radius:4px;
	display:inline-block;
	border:1px solid #333;
	margin-top:30px;
	padding:12px 30px;
	transition:0.5s all ease;
}
article .summary a:hover{
	background:#ccc;
	transition:0.5s all ease;
}

/* article page */
article .entry-content{
	margin-top: 40px;
}


ul.display-posts-listing{
	list-style:none;
	padding-left:0;
	padding-right:0;
}
ul.display-posts-listing li.listing-item{
	clear:both;
	padding:30px 0;
}
ul.display-posts-listing a.image{
	display:inline-block;
	float:left;
	margin-right:20px;
}
ul.display-posts-listing img{
	width:auto;
}
ul.display-posts-listing a.title{
	color:#333;
	display:block;
	font-weight:bold;
}
@media(max-width:767px){
	article .summary a{
		margin-top: 0;
	}
}



	header .site-title{
		padding-bottom: 30px;
		padding-top: 30px;
	}
	header .site-title img{
		width:260px;
		height:auto;
		max-width: 100%;
	}
	button.navbar-toggler{
		display: none;
		float:right;
	}
	div#main-nav{
		border-bottom: 1px solid #e6e6e6;
		border-top: 1px solid #e6e6e6;
	}
	div#main-nav ul.navbar-nav a.nav-link{
		color:#0d1d37;
		display:block;
		font-size:14px;
		padding: 15px;
	}
	/*home link*/
	div#main-nav ul.navbar-nav li#menu-item-476 a.nav-link{
		padding-left: 0;
	}
	div#main-nav ul.navbar-nav li .dropdown-menu{
		background: #fff;
		box-shadow: 0 10px 20px 0 rgba(50,50,50,.3);
		display: none;
		margin-left: 20px;
		margin-top: -5px;
		min-width: 180px;
		padding: 15px;
		position: absolute;
		z-index: 2;
	}
	div#main-nav ul.navbar-nav li:hover .dropdown-menu{
		display: block;
	}
	div#main-nav ul.navbar-nav li .dropdown-menu a{
		color:#0d1d37; 
		display: block;
		padding-left: 15px;
		padding-right: 15px;
		
	}
	
	

@media(max-width:767px){
	header{
		border-bottom: 1px solid #e6e6e6;	
	}
	header .container{
		max-width:100%;
		width:100%;
	}
	.main-navigation{
		padding-top: 25px;
	}
	div#main-nav{
		background:#f0f0f0;
		position:absolute;
		right:0;
		text-align:center;
		top:85px;
		width:100vw;
		z-index:10;
	}
	div#main-nav ul{
		display:block;
		list-style:none;
		margin: 0;
		padding: 0;
	}
	div#main-nav ul li a{
		color:#fff;
		display:block;
		padding:20px 0;
	}
	div#main-nav ul.navbar-nav li .dropdown-menu{
		background: #fff;
		box-shadow: 0 10px 20px 0 rgba(50,50,50,.3);
		display: none;
		margin-left: 0;
		margin-top: -5px;
		min-width: 180px;
		padding: 15px;
		position: relative;
		z-index: 2;
	}
	
	
	
	button.navbar-toggler{
		border:none;
		border-radius:5px;
		display: block;
		height:30px;
		margin-top:2px;
		width:30px;
	}
	h1.page-title{
		font-size:28px;
		padding-top:30px;
	}
	
	
}



@media(min-width:768px){
	div#main-nav{
		display:block;
	}
	div#main-nav ul{
		display:inline-block;
		list-style:none;
		margin:0;
		padding: 0;
	}
	div#main-nav ul li{
		display:inline-block;
		padding-left:5px;
		padding-right:5px;
	}
}

/*table styling*/
.table-first-col{
	
}
.table-first-col tr td{
	background: #eee;
}
.table-first-col tr td:first-child{
	background: #bcdbf4;
}

.table-first-row{
	
}
.table-first-row tr td{
	background: #eee;
}
.table-first-row tr:first-child td{
	background: #bcdbf4;
}

.wp-block-uagb-section{
	margin-bottom: 30px;
}
.block-grey-background{
	background: #ccc;
}
.nomargin{
	margin: 0;
}


/*paging*/
.pagination-nav-container{
	padding-top: 30px;
	text-align: center;
}
.pagination-nav-container ul{
	list-style: none;
	padding-left: 0;
}
.pagination-nav-container ul li{
	display: inline-block;
	margin: 0 6px;
}
.pagination-nav-container ul li a{
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid #999;
	color:#333;
}
.pagination-nav-container ul li.active a{
	background: #0f4c81;
	color: #fff;
}

footer{
	background:#333;
	font-size: 14px;
	padding:15px 0;
}
footer a{
	color:#fff;
}
footer ul#menu-footer-menu{
	margin:0;
	padding:0;
}
footer .copyright{
	color:#fff;
	font-size:13px;
	padding-top:15px;
	padding-bottom:15px;
}





.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-block-uagb-table-of-contents{
	margin-top:15px;
	margin-bottom:15px;
}

/* homepage */
.hero-home-left{
	
}
.hero-home-left h1{
	font-size: 36px;
	padding-bottom: 20px;
	padding-top: 50px;
}
.hero-home-left h3{
	font-size: 18px;
    font-weight: normal;
    line-height: 28px;
}
.hero-home-right{
	background:url(assets/img/digital-marketing-banner.jpg) no-repeat;
	background-size: cover;
	min-height: 400px;
}
.home-panel{
	background: #f0f0f0;
	color: #333;
	display: block;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 50px;
	padding-top: 50px;
	text-align: center;
	width: 100%;
}
.home-panel img{
	height: auto;
	width:140px;
}