/*
Theme Name: Droplet
Description: This theme for Droplet Theme
Version: 1.0.0
*/

.innerbanner .content h1.blogtitle{ font-size: 4em; }
.contactus a{ color:#009abf; text-decoration: underline; }

/********************  22-5-2020  **********************/
.home #page.fade-out {
    -webkit-animation-name: fade-out !important;
    animation-name: fade-in !important;
    opacity: 1 !important;
    animation-duration: 3000ms !important;
}
.custom-width {
    margin: 0 auto;
    max-width: 85%;
}
.blog-details-title{
	padding-bottom: 20px !important;
}
.blog-details-title .content h1 {
	font-size: 38px !important;
    display: inline-block;
    width: 70%;
    text-transform:  none !important;
    line-height: 1.1 !important;
}
.blog-details-content{
	padding-top: 20px !important;
}
.blog-details-content p {
    margin: 0 0 25px;
}
.img-responsive {
	margin: 0 auto;
}
.blog-details-content a.btn.btn-theme {
    font-size: 18px;
}
.post-share-time {
    display: flex;
}
.social-share ul {
    display: flex;
    justify-content: flex-end;
}
.social-share {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.post-date {
    width: 100%;
}
.social-share small{
	font-size: 14px;
	color: #999;
}
.social-share ul li {
    margin: 0 0 0 15px;
}
.social-share ul li a {
    font-size: 15px;
    color: #009abf;
}
.social-share ul li a:hover{
	color: #000;
}
/*----------------------------------- Artical Page ------------------------------------------*/
.articles-list .article-content .resources-title {
    border: 1px solid #fff;
    position: unset !important;
    background: transparent !important;
    padding: 30px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.1);
}
.articles-list .article-content  .resources-title{
	opacity: 1 !important;
}
.article-content h1 {
    font-size: 22px;
    margin-top: 0;
    color: #414042;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    min-height: 100px;
}
.article-content .article-info {
    height: 115px;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}
.term-179 section.section.innerbanner {
    background-position: center bottom;
}


@media only screen and (max-width: 767px) {
  	.custom-width {
    	max-width: 100%;
	}
	.blog-details-title .content h1 {
		font-size: 30px !important;
	    width: 100%;
	}

	.article-content .article-info {
	    height: auto;
	}
	.article-content h1{
		height: auto;
	}
}