.blog-listing
	ul
		padding-left: 15px
	.thumbnail
		img
			display: block
			max-width: 100%
			height: auto
		@include phone
			margin-bottom: 30px

		@include tablet-ls
			margin-bottom: 20px
			padding-bottom: 20px

		.caption
			padding: 10px 0 0

		p
			line-height: 1.7

		h3
			color: $text-title
			a
				color: $text-title

				&:hover
					text-decoration: none
					color: $firm-color
		a.btn-primary
			margin: 0


p.info
	span,
	a
		color: $firm-color

.blog-shortcut
	h3
		margin-bottom: 20px
	a
		color: $text-title
		font-family: $mont-light

.pagination
	.badge
		font-size: inherit
		vertical-align: baseline
		background-color: $firm-color
	
	a
		color: $firm-color
		
		&:hover
			color: $firm-color-hov

	i
		margin-left: 5px
		margin-right: 5px
	
.pager
	li
		>a
			background-color: $firm-color
			border-color: $firm-color-border
			color: #fff
	
			&:hover
				background-color: $firm-color-hov
				border-color: $firm-color-border-hov
	
			i
				margin: 0 5px


.blog-section
	.blog-list-item
		margin-bottom: 40px

	.blog-img-wrapper 
		img
			width: 100%
			border: 1px solid #EEEEEE

	.blog-title
		font-size: 20px
		line-height: 1.4
		margin: 15px 0 10px
		
	.blog-post-meta
		line-height: 1.2rem
		margin-top: 10px
		color: #999999
		.blog-post-meta-date,
		.blog-post-meta-author 
			font-size: 1.3rem
			margin: 0 1.2rem 0.4rem 0
			display: inline-block
			vertical-align: top

	.blog-read-more
		margin-top: 10px
		padding: 10px 0
		border-top: 1px solid #e2e2e2
		border-bottom: 1px solid #e2e2e2
		font-size: 12px

	.blog-excerpt 
		padding: 10px 0
	
	.latest-news
		padding: 15px
		position: relative
		box-shadow: 0 4px 28px 0 rgba(0,0,0,0.08)
		border: 1px solid rgba(0,0,0,0.08)
		border-radius: .5rem

	.sidebar-section
		.cta-signup-sidebar,
		.cta-webinar-sidebar,
		.cta-content-sidebar
			margin-bottom: 20px

		.width-full
			width: 100%

		.app-details-signup,
		.dwnloadform
			margin-bottom: 0
			background-color: #36444d
			
			.btn-success
				margin-left: 0

		.dwnloadform
			.mauticform-label
				display: none	

		.padding-wrap-md
			padding-top: 20px
		
		.cta-signup-sidebar
			img
				width: 100%


	.sidebar-heading
		padding: 10px 15px
		font-size: 16px

	.sidebar-list
		list-style: none
		margin: 0
		padding: 0
		border-bottom: 0
		li
			border-bottom: 1px solid #e2e2e2
			padding: 15px
			overflow: hidden
			margin: 0
			display: block

			&:last-child
				border-bottom: 0


	.sidebar-list-image
		float: left
		margin-right: 10px
		height: 60px
		width: 60px
		img 
			width: 60px
			height: 60px

	.sidebar-list-meta
		font-size: 85%
		color: #999

.article_box_crousal
	padding-bottom: 50px

.carousel-card 
	position: relative
	display: -ms-flexbox 
	display: flex
	-ms-flex-direction: column
	flex-direction: column
	word-wrap: break-word
	background-clip: border-box
	background-color: lighten($base-color-bg, 1.5%)
	.card-img
		position: relative
		width: 100%
		overflow: hidden
		display: block
		height: 185px

		img
			width: 100%
			transition: 0.3s
			height: 100%
	
	&:hover 
		.card-img 
			img
				transform: scale(1.2)
		a
			color: $highlight-color
	
	.card-title 
		height: 65px
		overflow: hidden
		padding: 15px 15px 0
		h6
			margin: 0
			padding: 0
			transition: 0.3s
			font-size: 18px
			line-height: 24px
	
	.card-block
		padding: 15px
		color: $text-title
		font-size: 14px

.row-flush
	margin-left: 0
	margin-right: 0
	
	& > [class^="col-"]
		padding-left: 0
		padding-right: 0

.article-carousel
	.carousel-inner
		& > .item
			& > div
				&:nth-child(odd)
					.carousel-card
						background: $base-color-bg
	
	.carousel-nav
		text-align: center
		margin-top: 30px

		.btn
			font-size: 150%
			padding: 5px 15px
			border-radius: 0
			font-weight: bold
			color: $highlight-color
			&.btn-outline
				border: 1px solid $highlight-color
				&:hover,
				&:focus
					background-color: $highlight-color
					color: $white

#featuredCarousel
	.owl-nav
		text-align: center

.cta-download
	padding: 1.75rem 1rem
	background-color: #f8f9fa
	border-radius: .75rem
	margin-bottom: 1rem
	margin-top: 1rem

	.cta-media
		display: flex
		align-items: flex-start

	.cta-body
		flex: 1

	.cta-image
		margin-right: 1rem
		height: 90px

	.cta-download-title
		line-height: 1
		margin-bottom: .5rem
		font-size: 1.25rem

	.cta-download-desc
		line-height: 1.2
		margin-bottom: .75rem

	.btn-download
		padding: .25rem 1.25rem