/**
* ------------------------------------------------------
* This is the stylesheet for archive page
* ------------------------------------------------------
**/

.page-comment-content-wrapper {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin-top: 70px;
}
.page-comment-content-wrapper .type-page-content {
	margin-top: 22px;
}
.page-comment-content-wrapper .attachment {
	text-align: center;
}
.archive-main-title-container {
	position: relative;
	float: left;
	width: 100%;
	min-height: 450px;
	height: auto;
	text-align: center;
	overflow: hidden;
	-webkit-transform: translateZ( 0 );
	   -moz-transform: translateZ( 0 );
	    -ms-transform: translateZ( 0 );
	     -o-transform: translateZ( 0 );
	        transform: translateZ( 0 );
}
.archive-main-title-container.main-title-2.no-featured-image {
	min-height: 250px;
}
.archive-main-title-container.page-404-title {
	min-height: 0;
	padding: 150px 15px;
}
.archive-main-title-container.archive-author-title.main-title-2 {
	min-height: 450px;
}
.archive-main-title-container[ data-background="background_video" ] {
	background: #ffffff;
}
.archive-main-title-container .bg-overlay {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	will-change: opacity;
}
.archive-content .outer-container {
  position: relative;
	float: left;
  display: block;
  height: auto;
}
.archive-content .outer-container:not( .outer-container-main-title-2 ) {
	width: 100%;
}
.archive-content .outer-container-main-title-2 {
	margin-top: -117px;
}
.archive-content .outer-container-main-title-2.full_width {
	width: 100%;
}
.archive-content .outer-container .content-container {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  background: #ffffff;
}
.archive-content .outer-container.main-title-3 {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
.archive-content .outer-container.main-title-3.in_container {
	padding: 0;
}
.archive-content .outer-container.align-center::before {
  left: 50%;
  margin-left: -25px;
}
.archive-content .outer-container .archive-title {
  position: relative;
  float: left;
  display: block;
  padding: 20px 28px;
  text-align: left;
}
.archive-content .outer-container.main-title-2 .archive-title {
	padding: 65px 0;
}
.archive-content .outer-container.main-title-3 .archive-title {
	padding: 63px 0;
}
.archive-content .outer-container.no-desc.main-title-3 .archive-title {
	padding: 65px 0 56px 0;
}
.archive-content .main-title-1:not( .archive-list-container ) .text-container {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: -10px;
	padding: 0;
	z-index: 3;
	-webkit-transform: translateY( -50% );
	   -moz-transform: translateY( -50% );
	    -ms-transform: translateY( -50% );
	     -o-transform: translateY( -50% );
	        transform: translateY( -50% );
}
.archive-content .main-title-1.in_container:not( .archive-list-container ) .text-container {
	padding: 0 125px;
}
.archive-content .main-title-1 .text-container .title-big {
	color: #ffffff;
	text-align: left;
}
.archive-content .main-title-1 .text-container .archive-desc,
.archive-content .main-title-1 .text-container .search-result-for {
	color: #e0e0e0;
	margin-top: 10px;
}
.archive-content .text-container .title-big.search-result,
.archive-content .archive-title .title-big.search-result {
	text-transform: capitalize;
}
.archive-content .main-title-2 .archive-name-container,
.archive-content .main-title-3 .archive-name-container {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 3px;
}
.archive-content .main-title-2 .archive-name,
.archive-content .main-title-2 .post-count,
.archive-content .main-title-3 .archive-name,
.archive-content .main-title-3 .post-count {
	position: relative;
	display: inline-block;
	font-size: 11px;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: 500;
	margin-left: 0;
	line-height: 17px;
}
.archive-content .main-title-2 .archive-name-container .separator,
.archive-content .main-title-3 .archive-name-container .separator {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 1px;
	background: #cecece;
	margin: 0 9px 13px 11px;
	-webkit-transform: translateY( 10px );
	   -moz-transform: translateY( 10px );
	    -ms-transform: translateY( 10px );
	     -o-transform: translateY( 10px );
	        transform: translateY( 10px );
}
.archive-content .main-title-3 .search-result-for {
	color: #e0e0e0;
}
.archive-content .main-title-1 .text-container .search-query,
.archive-content .main-title-3 .search-query,
.archive-content .main-title-3 .search-result-for {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: -2px;
}
.archive-content .main-title-3 .search-result-for {
	text-align: left;
	margin: 0 0 3px 0;
}
.archive-content .main-title-3 .search-query {
	text-align: left;
}
.archive-content .main-title-1 .archive-name,
.archive-content .main-title-1 .text-container .archive-date-desc h6,
.archive-content .main-title-1 .text-container .search-result-for h6 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0;
	padding-left: 0;
	font-weight: 500;
	text-align: left;
	margin: 9px 0 11px 0;
	color: #dedede;
}
.archive-content .main-title-1 .text-container .archive-desc {
	margin: 0;
}
.archive-content .outer-container.main-title-3 .archive-desc.archive-date-desc p,
.archive-content .main-title-3 .search-result-for p {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.archive-main-title-container .page-404-archive-desc {
	text-align: center;
}
.archive-content .outer-container .archive-desc {
	position: relative;
	float: left;
	display: block;
	width: 100%;
}
.archive-content .outer-container.main-title-2 .archive-desc p,
.archive-content .outer-container.main-title-3 .archive-desc p {
	margin-top: 15px;
	padding-left: 0;
}
.archive-main-title-container .title-color-bg,
.archive-author-title.main-title-2 .text-container {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  color: #ffffff;
}
.archive-author-title.main-title-2 .text-container {
	top: 50%;
	margin-top: -48px;
	-webkit-transform: translate3d( 0, -50%, 0 );
	   -moz-transform: translate3d( 0, -50%, 0 );
	    -ms-transform: translate3d( 0, -50%, 0 );
	     -o-transform: translate3d( 0, -50%, 0 );
	        transform: translate3d( 0, -50%, 0 );
}
.archive-main-title-container.page-404-title .title-color-bg {
	position: relative;
	float: left;
	text-shadow: 1px 1px 0 #ffffff, 3px 3px 0 #262626;
	text-align: center;
}
.archive-author-title.main-title-2 .text-container .title-color-bg {
	position: relative;
	float: left;
	display: block;
	width: 100%;
}
.archive-main-title-container .author-title {
	padding: 0;
}
.archive-main-title-container .author-title h6 {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 14px;
	padding-left: 14px;
	margin-bottom: 30px;
}
.archive-main-title-container .author-title .author-social-media {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	letter-spacing: normal;
}
.archive-main-title-container .title-small,
.archive-main-title-container .author-job {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #777777;
	font-weight: 400;
	font-size: 11px;
}
.archive-main-title-container .title-small {
  margin-top: 1px;
}
.archive-main-title-container .archive-title.align-center .title-small {
  margin-left: 3px;
}
.archive-content .outer-container .archive-post-count {
	position: relative;
	display: block;
	float: left;
  background: #eeeeee;
	text-align: center;
}
.main-title-1 .post-count-container {
	position: relative;
	display: block;
	float: left;
	margin-top: 15px;
	width: auto;
	height: auto;
	z-index: 2;
}
.archive-content .main-title-1 .desc-container {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	width: 50%;
	height: auto;
	padding: 40px 50px;
	background: #ffffff;
	text-align: left;
	z-index: 2;
}
.archive-content .outer-container .archive-post-count .post-count-container,
.archive-content .outer-container .archive-post-count .post-count,
.archive-content .outer-container .archive-post-count .text,
.archive-content .outer-container .archive-post-count .found-text,
.main-title-1 .post-count-container .post-count,
.main-title-1 .post-count-container .text,
.main-title-1 .post-count-container .found-text {
	position: relative;
	display: inline-block;
	float: left;
	width: auto;
	height: auto;
	font-size: 14px;
	line-height: 26px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
}
.archive-content .outer-container .archive-post-count .post-count-container {
	float: none;
}
.archive-content .main-title-1 .post-count-container .text,
.archive-content .outer-container .archive-post-count .text,
.archive-content .outer-container .archive-post-count .found-text,
.main-title-1 .post-count-container .text,
.main-title-1 .post-count-container .found-text {
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0;
	color: #262626;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
	font-weight: 600;
}
.archive-content .outer-container .archive-post-count .found-text {
	margin: 4px 0 0 0px;
}
.main-title-1 .post-count-container .found-text {
	margin: 5px 0 0 0px;
}

.main-title-1 .post-count-container .post-count,
.main-title-1 .post-count-container .text,
.main-title-1 .post-count-container .found-text {
	color: #ffffff;
}
.main-title-2 .author-name-container,
.main-title-3 .author-name-container {
	position: relative;
	float: left;
	display: block;
	width: 100%;
}
.main-title-2 .archive-title .title-big,
.main-title-3 .archive-title .title-big {
	display: inline-block;
	width: auto;
}
.archive-main-title-container .author-job,
.main-title-2 .archive-title .author-job,
.main-title-3 .archive-title .author-job {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 10px;
	font-weight: 500;
}
.archive-main-title-container .author-description {
	padding-bottom: 22px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba( 116, 116, 116, 0.3 );
}
.archive-content .archive-author-title .author-avatar,
.archive-content .main-title-2 .author-avatar img {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 0;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	     -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	        border-radius: 50%;
}
.archive-content .archive-author-title.main-title-2 .author-avatar,
.archive-content .main-title-2 .author-avatar img {
	width: 85px;
	height: 85px;
}
.archive-content .main-title-1 .author-avatar-container {
	position: absolute;
	display: block;
	right: 50px;
	top: 37px;
	width: auto;
	height: 50px;
	z-index: 2;
}
.archive-content .main-title-1 .author-avatar-container .author-avatar,
.archive-content .main-title-2 .author-avatar-container {
	position: relative;
	display: block;
	float: right;
	text-align: center;
	width: 50px;
	height: 50px;
}
.archive-content .main-title-2 .author-avatar-container {
	float: left;
	width: 100%;
	height: auto;
	margin: -17px 0 0 -2px;
}
.archive-content .main-title-1 .author-avatar-container .author-avatar img {
	display: inline-block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	     -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	        border-radius: 50%;
}
.archive-content .archive-main-title-container.main-title-1 .author-social-media {
	position: relative;
	float: right;
	display: block;
	margin-right: 10px;
	text-align: right;
	width: auto;
	height: 50px;
	line-height: 51px;
}
.archive-content .main-title-2 .author-social-media {
	margin-top: 30px;
}
.archive-content .main-title-1 .author-social-media a,
.archive-content .main-title-2 .author-social-media a {
	margin: 0 10px;
}
.archive-list-container {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 75px;
	background: #ffffff;
}
.archive-list-container.main-title-2 {
	padding-top: 0;
	margin-top: -20px;
}
.archive-list-container.main-title-3 {
	padding-top: 55px;
}
.archive-list-container.page-404-content {
	padding-top: 70px;
}
.archive-list-container .entry-content {
	margin-top: 5px;
}

/* 27.1 Archive - Empty Result */
.archive-empty-result {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	padding: 50px 15px 60px 15px;
	text-align: left;
	margin: 15px 0 100px 0;
}
.archive-empty-result .empty-result-title {
	text-transform: uppercase;
	letter-spacing: 7px;
	margin-bottom: 15px;
}
.archive-empty-result .desc {
	position: relative;
	float: left;
}
.archive-empty-result .search-form {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin-top: 50px;
}
.archive-empty-result .main-color-link {
	position: relative;
	display: inline-block;
	color: #262626;
	font-weight: bold;
	font-weight: 700;
	margin-left: 5px;
}
.archive-empty-result .main-color-link::before {
	content: '';
	position: absolute;
	display: block;
	left: 1px;
	bottom: 0;
	width: 100%;
	height: 3px;
	will-change: transform;
	-webkit-transform-origin: left;
		 -moz-transform-origin: left;
			-ms-transform-origin: left;
			 -o-transform-origin: left;
					transform-origin: left;
	-webkit-transform: scaleX( 1 );
	   -moz-transform: scaleX( 1 );
	    -ms-transform: scaleX( 1 );
	     -o-transform: scaleX( 1 );
	        transform: scaleX( 1 );
}
.archive-empty-result .main-color-link:hover::before {
	-webkit-transform: scaleX( 0 );
	   -moz-transform: scaleX( 0 );
	    -ms-transform: scaleX( 0 );
	     -o-transform: scaleX( 0 );
	        transform: scaleX( 0 );
}

/* 27.2 Archive - 404 Page */
.page-404-content .subscribe-form {
	position: relative;
	float: left;
	display: block;
	width: 100%;
}
.page-404-content .subscribe-form .subscribe-field-container {
	text-align: left;
	z-index: 1;
}
.page-404-content .subscribe-form .subscribe-field-container .search-field {
	padding-right: 20px;
}
.page-404-content .subscribe-form .button-search {
	position: absolute;
	top: 16px;
	right: 0;
	float: none;
	margin: 0;
	padding: 0;
	width: 18px;
	height: auto;
	line-height: 18px;
	background: none;
	color: transparent;
	cursor: pointer;
	overflow: hidden;
	z-index: 2;
}
.page-404-content .subscribe-form .button-1.button-search:hover,
.page-404-content .subscribe-form .button-1.button-search:hover::before {
	-webkit-transform: translate( 0, 0 );
		 -moz-transform: translate( 0, 0 );
			-ms-transform: translate( 0, 0 );
			 -o-transform: translate( 0, 0 );
					transform: translate( 0, 0 );
}
.page-404-content .subscribe-form .button-search::before {
	content: "\f21f";
	font-family: "Ionicons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	font-size: 18px;
	color: #262626;
	background: none;
	cursor: pointer;
	-webkit-transform: translate( 0, 0 );
		 -moz-transform: translate( 0, 0 );
			-ms-transform: translate( 0, 0 );
			 -o-transform: translate( 0, 0 );
					transform: translate( 0, 0 );
}
.page-404-content .subscribe-form .button-search::after {
	display: none;
}
.page-404-content .home-button-container {
	text-align: center;
}
.page-404-content .home-button-container .home-button {
	margin-top: 50px;
}
.page-404-content .archive-list-container {
	padding: 0;
}
.page-404-content .blog-advertising-container {
	margin: 100px 0;
}


/* archive style on small devices */
@media all and (max-width: 991px) {
	.archive-content .main-title-1:not( .archive-list-container ) .text-container {
		padding: 0;
	}
	.archive-content .main-title-1.in_container:not( .archive-list-container ) .text-container {
		padding: 0 85px;
	}
	.archive-content .main-title-1.in_container .desc-container {
		width: 50%;
		padding: 30px 40px;
	}
	.archive-content .outer-container .archive-post-count {
		padding: 26px 0 21px 0;
	}
	.archive-content .outer-container.main-title-3.no-desc .archive-post-count {
		padding: 30px 0 25px 0;
	}
	.archive-content .main-title-1 .text-container .archive-desc {
		padding: 0 70px;
	}
	.archive-content .main-title-1 .text-container .desc-container-top {
		padding: 0;
	}
	.archive-content .main-title-1 .text-container {
		margin-top: 0;
	}
	.archive-main-title-container.page-404-title .title-color-bg {
		font-size: 120px;
		line-height: 132px;
	}
	.archive-content .outer-container.main-title-2 .archive-title {
		padding: 52px 65px 65px 65px;
	}
}

@media all and (max-width: 767px) {
	.archive-main-title-container {
		min-height: 0;
	}
	.archive-main-title-container.main-title-2 {
		min-height: 350px;
	}
	.main-title-1 .post-count-container {
		margin-top: 10px;
	}
	.archive-content .main-title-1.no-desc,
	.archive-content .main-title-1.archive-date-title {
		padding-bottom: 41px;
	}
	.archive-content .main-title-1 .desc-container,
	.archive-content .main-title-1.in_container .desc-container {
		position: relative;
		float: left;
		margin-top: 42px;
		bottom: 0;
		width: 100%;
		border-bottom: 1px solid #f1f1f1;
	}
	.archive-content .main-title-1.in_container .desc-container {
		padding: 40px 50px;
		border: 2px solid #f1f1f1;
		border-top: none;
	}
	.archive-content .main-title-1 .archive-name,
	.archive-content .main-title-1 .text-container .archive-date-desc h6,
	.archive-content .main-title-1 .text-container .search-result-for h6 {
		margin: 9px 0 6px 0;
	}
	.archive-content .main-title-1:not( .archive-list-container ) .text-container,
	.archive-content .main-title-1.in_container:not( .archive-list-container ) .text-container {
		position: relative;
		float: left;
		padding: 0 50px;
		margin-top: 150px;
		top: inherit;
		-webkit-transform: translateY( 0 );
		   -moz-transform: translateY( 0 );
		    -ms-transform: translateY( 0 );
		     -o-transform: translateY( 0 );
		        transform: translateY( 0 );
	}
	.archive-content .main-title-1.archive-author-title:not( .archive-list-container ) .text-container,
	.archive-content .main-title-1.archive-author-title.in_container:not( .archive-list-container ) .text-container {
		margin-top: 220px;
	}
	.archive-content .outer-container.main-title-2 {
		margin-top: -84px;
	}
	.archive-content .outer-container.main-title-2.in_container {
		padding: 0 30px;
	}
	.archive-content .outer-container.main-title-2 .archive-title {
		padding: 32px 40px 70px 40px;
	}
	.archive-content .outer-container .archive-post-count .text {
		margin-top: -2px;
	}
	.archive-main-title-container.archive-author-title .title-color-bg {
		padding-left: 0;
	}
	.archive-main-title-container .author-title {
		position: relative;
		float: left;
		display: block;
		width: 100%;
		bottom: inherit;
	  left: inherit;
	}
	.archive-content .outer-container.main-title-2 > .container,
	.archive-content .outer-container.main-title-3 > .container {
		padding: 0;
	}
	.archive-content .main-title-1 .author-avatar-container {
		top: 43px;
	}
	.archive-content .outer-container.main-title-3 .archive-title {
		padding: 50px 53px 53px 53px;
	}
	.archive-content .outer-container.main-title-3.no-desc .archive-title {
		padding: 50px 53px 44px 53px;
	}
	.archive-list-container.main-title-3 {
		padding-top: 41px;
	}
	.archive-content .main-title-2 .author-avatar-container {
		margin: 17px 0 0 -2px;
	}
}

@media all and (max-width: 599px) {
	.archive-main-title-container.page-404-title .title-color-bg {
		font-size: 80px;
		line-height: 92px;
	}
}
@media all and (max-width: 500px) {
	.archive-content .main-title-1 .author-avatar-container {
		display: none;
	}
	.archive-content .outer-container.main-title-2.in_container {
		padding: 0 15px;
	}
	.archive-content .main-title-2 .archive-name {
		display: block;
		margin: 5px 0 -2px 0;
	}
	.archive-content .main-title-2 .archive-name-container .separator {
		margin-left: 1px;
	}
	.archive-content .outer-container.main-title-3 .archive-title {
		padding: 53px 0;
	}
	.archive-content .outer-container.main-title-3.no-desc .archive-title {
		padding: 50px 0;
	}
}