/*
Theme's main style.

@author Vee W.
*/
@import 'flexvideo.css';
 

body,html{
	font-family: 'Spartan', sans-serif !important;
}

h1{
	font-size: 42px;
}

h2{
	font-size: 36px;
}

h3{
	font-size: 28px;
}
h4{
	font-size: 18px;
}
p{
	font-size: 16px;
}
a:hover {
    text-decoration: none;
}
.pagination {
    margin: 0;
}
.pagination-center {
    text-align: center;
}
.pagination-row {
    margin-bottom: 20px;
}

#crmWebToEntityForm input {
    background: #f9f9f9;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 10px;
}
#crmWebToEntityForm textarea {
    background: #f9f9f9;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 10px;
    min-height: 118px;
}
#crmWebToEntityForm label{
	color: #333333;
}
#crmWebToEntityForm #formsubmit {
    background: #01b0f1;
    color: #fff;
    width: auto;
    padding: 6px 54px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    border-radius: 30px;
}
.tos-form {
    font-size: 14px;
    color: #333333;
    margin-bottom: 30px;
}
.page-header {
    margin-bottom: 20px;
}
.blog-bg {
	overflow: hidden;
	clear: both;
}
#main-blog .blog-bg {
	padding: 30px 0 7px 0;
	border-bottom: 1px solid #e7e7e7;
}
#main-blog .blog-bg h3 a{
	color: #333333;
	font-weight: bold;
	font-size: 25px;
}
#main-blog .blog-bg p{
	color: #333333;
	font-weight: 400;
	font-size: 18px;
}
#main-blog .blog-bg .read-btn a{
	color: #333333;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}
#main-blog .pgntn-page-pagination {
	text-align: left !important;
	cursor: default;
}
.blog-bg .blog-img{
	width: 37%;
	margin: 0 3% 30px 0;
	float: left;
}
.blog-img img{
	width: 100%;
	height: auto;
}
.inner-bg{
	float: left;
	width:60%;
}
.page-header-top-right {
    margin-top: 10px;
}


.post-view-attachment .entry-attachment .attachment {
    text-align: center;
}
.post-view-attachment .entry-attachment .attachment .card {
    margin: 0 auto;
    width: 400px;
}
.post-view-attachment .entry-attachment .attachment .wp-video {
    margin: 0 auto;
}
.blog #main-blog {
    margin-top: 60px;
}
.top-60{
	margin-top: 60px;
}
.home-top {
	background-image: linear-gradient(#0182d9, #0184d9);
	min-height: 360px;
	padding-top: 96px;
}
.home-tit {
	border-bottom: 1px solid #01b0f1;
	padding-bottom: 8px;
	margin-bottom: 0;
}
.home-tit span {
	color: #fff;
	background: #01b0f1;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 14px 20px 10px 20px;
	border-radius: 6px 6px 0 0;
	margin-bottom: 0px;
}
.home-top h1{
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}
.home-top a {
    padding: 10px 33px;
    color: #333;
    background: #fff;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    box-shadow: 0px 3px 9px #33333399;
}
.home-top a i {
	color: #01b0f1;
	font-size: 24px;
	margin-left: 15px;
	position: relative;
	top: 2px;
}
.entry-meta {
	color: #747474;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 10px;
}
#blog-top h4 a{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 1.5;
}
#blog-top .blog-img {
	width: 28%;
	margin: 0 4% 10px 0;
}
#blog-top .blog-bg{
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 8px;
	margin-bottom: 18px;
}
#blog-top .blog-bg:last-child{
	border-bottom: 0px solid #eeeeee;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#top-gap{
	margin-top: 64px;
	margin-bottom: 90px;
}
.sticky-bg {
	height: 515px;
	background-size: cover !important;
	position: relative;
	background-position: center center !important;
}
	
.sticky-bg .inner-sticky {
	position: absolute;
	bottom: 0px;
	padding: 100px 50px 50px 50px; 
	height: auto;
	width: 100%;
	background-image: linear-gradient(#00000000, #000000ee);
}
.sticky-bg .inner-sticky .entry-meta{
	color: #ffffff;
}
.sticky-bg .inner-sticky h3 a{
	color: #ffffff;
	font-size: 25px;
	font-weight: 700;
}
.iti__selected-flag:focus,
.iti__selected-flag:focus-visible{
	outline: 0px;
}
.sticky-bg .inner-sticky .read-btn a{
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: underline;
}
.read-btn a i{
	padding-left: 20px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 15px;
	padding-left: 15px;
	color: #333;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}
.navbar-expand-lg .navbar-nav .nav-link.analy {
	background: #01b0f1;
	color: #fff;
	border-radius: 20px;
	padding: 12px 20px 8px 20px;
	font-size: 16px;
	line-height: 20px;
	margin-top: -5px;
}
.navbar-expand-lg .navbar-nav .nav-link.num {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
}
.sr-vertical.sr-40px>* {
    width: 40px;
    border: 2px solid #6b7783;
    border-radius: 50%;
    height: 40px;
    text-align: center;
}
body.page .wpsr-sb-inner{
	display: none;
}
.es_caption{
	color: #333;
	font-size: 16px;
}
.navbar-expand-lg .navbar-nav .nav-link.analy:hover{
	color: #fff !important;
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .current_page_item a {
    color: #01b0f1 !important;
}
#sidebar .widget h4{
	display: inline;
	color: #fff;
	background: #000;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 14px 20px 10px 20px;
	border-radius: 6px 6px 0 0;
	margin-bottom: 0px;
}
#sidebar .widget ul {
	border-top: 1px solid #000;
	margin-top: 6px;
	padding: 15px 0;
}
.nav-links {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    padding: 16px 0;
}
.nav-links .nav-previous,
.nav-links .nav-next{
	width: 50%;
	float: left;
}
.nav-links .nav-next{
	text-align: right;
}
.nav-links .nav-previous a,
.nav-links .nav-next a{
	font-size: 16px;
	color: #01b0f1;
	font-weight: bold;
}
.nav-links .nav-previous a i{
	padding-right: 8px; 
}
.nav-links .nav-next a i{
	padding-left: 8px; 
}
.rss {
	background-color: #fa9b39 !important;
	color: #fff !important;
}
#sidebar .widget ul.wp-block-latest-posts li{
	border-bottom: 1px solid #e7e7e7;
	padding: 15px 0;
}
#sidebar .widget ul.wp-block-latest-posts li a{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
}
.pgntn-page-pagination-intro, .pgntn-page-pagination a, .pgntn-page-pagination .current {
    padding: 6px 12px 1px 12px !important;
	font-size: 14px;
}
.page-id-666.page-template-default #main-blog{
//	margin: 0px !important;
}
.page-template-default #main-blog{
	margin-top: 60px;
}
#main-blog .wp-block-columns h2{
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
}
#main-blog .wp-block-columns p{
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	margin-bottom: 10px;
}
#main-blog .rit h5{
	font-size: 20px;
	font-weight: 700;
	color: #333333;
	margin-bottom: 25px !important;
}
.more-post{
	border-bottom: 1px solid #e7e7e7;
	padding-top: 50px;
}
#main-blog .blog-bg2 {
    padding: 30px 0 7px 0;
    border-bottom: 1px solid #000000 !important;
}
.more-post p {
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}
#main-blog .rit p {
    margin-bottom: 30px !important;
    line-height: 2;
}
#main-blog{
	margin-bottom: 90px;
}
#sidebar .widget ul.wp-block-archives li {
    list-style: none;
    padding: 3px 0;
}
#sidebar .widget ul.wp-block-archives li a{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #2b2b2b;
	text-decoration: underline;
}

#site-footer img{
	height: auto;
}
#site-footer ul{
	padding-left: 0px;
	list-style: none;
}
#site-footer ul li{
	display: inline;
}
#site-footer ul li a{
	color: #fff;
}
#site-footer .wp-block-social-links,
#site-footer .footer-left{
	padding-top: 40px;
}
#site-footer .widget_media_image{
	padding-bottom: 25px;
}
#site-footer .cta-button a{
	text-transform: uppercase;
	font-weight: bold;
}
#site-footer .footer-left ul li{
	padding-right: 36px;
}
#site-footer .footer-left ul li:last-child{
	padding-right: 0px;
}
#site-footer .footer-left ul li a{
	font-size: 14px;
}
.footer-bottom{
	border-top: 1px solid #3d3f43;
	padding: 20px 0 5px 0;
	margin-top: 40px;
}
.footer-bottom p,
#site-footer .footer-bottom ul li a{
	font-size: 12px;
	color: #babbbc;
}
#site-footer .footer-bottom ul li {
	padding-left: 50px;
}
#site-footer .footer-bottom ul li a:hover{
	text-decoration: none;
	color: #fff;
}
.row-with-vspace {
    margin-bottom: 20px;
}

#subsc {
	background: #f9f9f9;
	padding: 40px;
	margin-bottom: 50px;
}

#subsc i {
	background: #01b0f1;
	color: #fff;
	padding: 18px;
	border-radius: 50%;
	font-size: 28px;
	margin-bottom: 22px;
}
#subsc h3 {
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	margin-bottom: 15px;
}
.es_txt_email{
	border: 2px solid #d3d7d9;
	background: transparent;
	width: 100%;
	padding: 10px 20px;
	font-size: 14px;
	color: #7b7b7b;
}
.es-field-wrap label{
	display: block;
	width: 100%;
}
.es_subscription_form_submit {
	width: 100%;
	text-align: center;
	background: #01b0f1;
	border: 0px;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px 8px 10px;
	border-radius: 30px;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.5;
	margin-top: 12px;
}
.site-footer {
    background-color: #0b0d10;
    padding: 25px 0 0 0;
}


.site-main .format-aside {
    background: #f5f5f5;
}
.site-main .format-image {
    background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
    background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
    background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
    background: url('../img/content-post-format-video.png') left top no-repeat;
}


.site-title {
    margin-bottom: 0;
    margin-top: 10px;
}
.site-title > a {
    text-decoration: none;
}
.site-title > div {
    height: auto;
    line-height: 18px;
}
.site-title .site-description {
    color: #999;
    font-size: 16px;
}
.site-title .site-title-heading {
    margin: 0;
}


.widget_calendar .calendar_wrap table {
    font-size: 14px;
    margin: 0;
}
.widget_calendar .calendar_wrap table caption {
    caption-side: top;
}
.widget_calendar .calendar_wrap .table td,
.widget_calendar .calendar_wrap .table th {
    padding: 8px;
}
.widget_calendar .calendar_wrap .table #next {
    text-align: right;
}
.blog-single .blog-img{
	margin: -8px 40px 35px 0;
}
.blog-single .inner-single{
	margin-right: 10px;
}
.blog-single .inner-single p {
    color: #333333;
    font-size: 18px;
    font-weight: normal;
}
.home-top .entry-meta{
	color: #fff;
	font-size: 16px;
}
.home-top .entry-meta i{
	margin-left: 15px;
}
#comments .comment-navigation,
#comments .comment-navigation-below {
    margin-bottom: 20px;
    margin-top: 15px;
}
#comments .comment-navigation {
    list-style: none;
    margin-top: 0;
    padding: 0;
}
#comments .comment-respond {
    margin-top: 20px;
}
#comments .media-list li .media {
    margin-top: 15px;
}
#comments .media-list li .media .media-body {
    border: 1px solid #eee;
    padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
    font-size: 12px;
    margin-bottom: 10px;
}
#comments .media-list ul.children {
    list-style: none;
    margin-left: 4em;
    padding-left: 0;
}


#main .wp-video-shortcode {
    display: block;
    height: auto;
    max-width: 100%;
}
#main .attachment .entry-content {
    margin-bottom: 20px;
}
#main .attachment .entry-content .attachment {
    text-align: center;
}
#main .attachment .entry-meta {
    margin-bottom: 20px;
}
/* fix auto img responsive */
#main .post .entry-content img {
    height: auto;
    max-width: 100%;
}
#main .post,
#main .page {
    border: 1px solid #eee;
    margin-bottom: 20px;
    overflow-x: auto;
    padding: 10px;
}
#main .post .entry-header .entry-meta {
    color: #999;
    font-size: 0.8rem;
}
#main .post .entry-header .entry-meta a {
    color: inherit;
}
#main-blog .pgntn-page-pagination-block {
	width: 100% !important;
}
#main .post .entry-header .entry-meta .posted-on .updated {
    display: none;
}
#main .post .entry-meta .categories-icon {
    cursor: default;
}
#main .post .entry-meta .comments-link a {
    color: #333;
}
#main .post .entry-meta .comments-link a .comment-total,
#main .page .entry-meta .comments-link a .comment-total {
    color: #555;
}
#main .attachment .edit-post-link a, 
#main .attachment .entry-meta .edit-post-link a, 
#main .post .entry-meta .edit-post-link a,
#main .page .entry-meta .edit-post-link a {
    color: #333;
}
#main .post .entry-meta .tags-icon {
    cursor: default;
}
#main .attachment .entry-title, 
#main .post .entry-title,
#main .page .entry-title {
    margin-top: 0;
    word-wrap: break-word;
}
#site-footer ul li.wp-social-link{
	padding-top: 0px;
	margin-top: -5px;
	
}

#sidebar-left .widget,
#sidebar-right .widget {
    border: 1px solid #eee;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
    padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
    font-size: 18px;
    margin-top: 0;
}
.home-top h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.5;
    margin: 15px 0;
}

/* Fix Bootstrap 4 */
.navbar {
    min-height: 54px;/* With this, we can use navbar without navbar-brand */
}



ul.wp-block-social-links.items-justified-center {
    justify-content: center !important;
}
@media screen and (max-width: 1370px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 14px;
}

@media screen and (max-width: 1200px){
	#site-footer .footer-left ul li {
	padding-right: 50px;
}
	.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
	margin: 0 4px 4px 0;
}
}


@media screen and (max-width: 1000px){
	h1{
	font-size: 30px;
}

h2{
	font-size: 24px;
}

h3,
	#main-blog .blog-bg h3 a,
	.sticky-bg .inner-sticky h3 a{
	font-size: 20px;
}
h4,
#blog-top h4 a{
	font-size: 14px;
}
	.sticky-bg{
		margin-bottom: 20px;
	}
}


@media (max-width:991px){
	#site-footer .footer-left ul li {
		padding-right: 0 !important;
		display: block !important;
	}
}


@media screen and (max-width: 781px){
.wp-block-columns .wp-block-columns .wp-block-column {
	flex-basis: 100% !important;
}
}
@media screen and (max-width: 768px){
	
	h1{
	font-size: 24px;
}

h2{
	font-size: 20px;
}

h3,
	#main-blog .blog-bg h3 a,
	.sticky-bg .inner-sticky h3 a{
	font-size: 18px;
}
h4,
#blog-top h4 a{
	font-size: 14px;
}
	.sticky-bg {
	height: 315px;
}
	#site-footer,
	#site-footer .text-right {
	text-align: center !important;
}
	#site-footer .footer-bottom ul li {
	padding: 0 20px;
}
	.items-justified-right {
	justify-content: center;
}
.sticky-bg .inner-sticky {
	padding: 100px 20px 20px 20px;
}
}