/*
 Table Of Content:

 1.) Global Typography
 2.) Home Page Content
 3.) About Page Content
 4.) Contact Page Content
 5.) Blog Listing Page Content
 6.) Shortcodes Content
 7.) Comment Form
 8.) 404 Page
 9.) Under Construction Page Content
 --------------------------------*/

/*
 1.) Global Typography
 --------------------------------*/

/*
 2.) Home Page Content
 --------------------------------*/
.logo {
	display: inline-block;
	float: none;
	width: 270px;
	height:auto;
	max-width: 270px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -135px;
}
.page-template-template-under_construction-php .logo{
	position: static;
	margin: 0;
}
.primary-header{
	padding-bottom: 23px;
}
#header .social-media {
	float: left;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 0;
	width: 30%;
}
.social-media li {
	float: left;
	margin-left: 31px;
}
.social-media li span {
	font-size: 14px;
	width: 125px;
	margin-left: -62.5px;
	top: -38px;
}
.social-media li:hover span {
	top: -43px;
}
.social-media li:last-child span {
	margin-left: -62.5px;
	right: auto;
	left: 50%;
}
.social-media li:last-child span:after {
	right: auto;
	left: 50%;
	margin-left: -4px;
	margin-right: 0;
}
.header-search {
	float: right;
	margin: 0;
	clear: none;
}

.header-navigation .header-nav li .arrow-mob, .main-menu-full li .arrow-mob {
	display: none;
}
.header-navigation .header-nav {
	display: inline-block;
	padding: 0;
}
.header-navigation .header-nav li {
	float: left;
	margin-bottom: 0;
}
.header-navigation .header-nav li > a {
	color: #2e3334;
	padding: 26px 44px 32px;
	border-top: 3px solid transparent;
	display: block;
}
.header-navigation.cl-effect-2 .header-nav > li > a {
	padding: 26px 32px 32px;
}
.header-navigation .header-nav > li:before {
	width: 1px;
	height: 40px;
	content: '';
	position: absolute;
	left: auto;
	top: 0;
	background: #eaeced;
}
.header-navigation .header-nav li:first-child:before {
	background: none;
	width: 0;
}
.header-navigation .header-nav > li:hover > a {
	border-top: 3px solid #800000;
	color: #800000;
	text-decoration: none;
}
.header-navigation {
	text-align: center;
}
.header-navigation .sub-menu {
	position: absolute;
	left: 0;
	top: 60px;
	background: #7fccdf;
	min-width: 260px;
	width: auto;
	padding: 25px 31px;
	display: none;
}

.header-navigation .sub-menu li {
	font-size: 16px;
	line-height: 40px;
	position: relative;
	float: none;
	text-align: left;
}
.header-navigation .sub-menu li {
	line-height: 1.5;
	padding-top: 8px;
	padding-bottom: 8px;
}
.header-navigation .sub-menu li a {
	color: #ffffff;
	padding: 0;
	border: none;
}
.header-navigation .sub-menu li:hover {
	border: none;
}
.header-navigation .sub-menu li a:hover, .header-navigation .sub-menu li a:hover {
	color: #334f56;
	border: none;
	text-decoration: none;
}
.header-navigation .sub-menu li:before {
	width: 100%;
	height: 1px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #9bdae9;
}
.header-navigation .sub-menu .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	min-width: 293px;
	padding-left: 66px;
}
.header-navigation .sub-menu .sub-menu:before {
	width: 1px;
	height: 100%;
	content: '';
	position: absolute;
	left: 31px;
	top: 0;
	background: #ffffff;
}
.header-navigation .mega-menu .sub-menu .sub-menu:before {
	background: none;
}
.header-navigation .sub-menu li:hover .sub-menu {
	display: block;
}
.header-navigation li.mega-menu {
	position: inherit !important;
}
.header-navigation li.mega-menu > .sub-menu {
	left: 0;
	right: 0;
	padding: 25px 33px 5px 3px;
	margin: 0 auto !important;
}
.header-navigation li.mega-menu > .sub-menu li ul {
	display: block;
	position: static;
	padding: 0;
	min-width: 160px;
}

.header-navigation li.mega-menu > .sub-menu > li {
	float: left;
	font-weight: 700;
	margin: 0 28px 20px;
	position: relative;
}

.header-navigation li.mega-menu > .sub-menu > li:before {
	background: none;
}

.header-navigation li.mega-menu > .sub-menu > li:after {
	background: #9bdae9;
	content: '';
	height: 100%;
	width: 1px;
	position: absolute;
	left: -28px;
	top: 0;
}
.header-navigation li.mega-menu > .sub-menu > li:nth-child(5n+1):after {
	background: none;
	width: 0;
}

.header-navigation li.mega-menu > .sub-menu > li {
	float: none;
	display: inline-block;
	width: -webkit-calc(20% - 60px);
	width: calc(20% - 60px);
	vertical-align: top;
}

.single .post-content-body {
	padding: 35px 35px 20px;
}
.page-template-template-home-boxed-php .post-content-body {
	padding: 35px 35px 47px;
}
.post-details li {
	margin-left: 30px;
	margin-bottom: 0;
	width: auto;
}
.post-details {
	margin: 0;
}
.page-template-template-home-boxed-php .post-details, .post-detail-page .post-details {
	margin: 0 0 40px;
}
.post-share-social-media li {
	margin: 0 0 0 10px;
}
.post-share-social-media li:first-child {
	margin-left: 0;
}
.popular-post-body .post-details li:first-child {
	margin-left: 0px;
}
.popular-post-body .post-details li {
	margin-left: 13px;
	float: left;
}
.post-nav {
	margin-bottom: 0px;
}
.full-width-navigation > ul {
	display: block;
}
.full-width-navigation {
	padding-top: 34px;
	height: 100%;
}
.full-height-menu {
	height: 100%;
	position: absolute;
}

.nb-dropdown {
	height: 100%;
}
.nb-dropdown ul {
	margin-bottom: 61px;
}
.nb-dropdown > .sub-menu .sub-menu {
	margin-left: 0;
}
.full-width-navigation li {
	position: inherit;
}
.full-height-content {
	margin-left: 25%;
}
.wrapper-full-width-content .container {
	position: relative;
}
.main-menu-full {
	height: 100%;
}

.newsletter-form input[type="email"], .newsletter-form input[type="text"] {
	width: 76%;
}

.comment-respond li label {
	width: 19%;
}
.comment-respond li input {
	width: 81%;
}
.thumb-style-2 .post-img-caption {
	width: 50%;
	float: left;
	display: block;
}
.thumb-style-3 .post-img-caption:first-child {
	width: 61.95%;
	position: absolute;
}
.thumb-style-3 .post-img-caption {
	display: block;
}
/*
 3.) About Page Content
 --------------------------------*/
.page-title {
	padding: 35px;
}
/*
 4.) Contact Page Content
 --------------------------------*/
.contact-form-section {
	margin-bottom: 0px;
}
.contact-form-info {
	margin-bottom: 100px;
}
.contact-us {
	margin-bottom: 0px;
}
.contact-info {
	width: 50%;
	float: left;
	margin-bottom: 0px;
}

/*
 5.) Blog Listing Page Content
 --------------------------------*/

.blog-listing  .post-content-body {
	padding: 35px 35px 30px;
}

/*
 6.) Shortcodes Content
 --------------------------------*/
.tab-nav li a {
	padding: 0 50px;
	min-width: 156px;
}

/*
 7.) Comment Form
 ---------------------------------*/
.comment-respond ul li {
	width: 33%;
}
.comment-respond ul li:last-child {
	width: 65%;
	position: absolute;
	right: 0;
	top: 0;
}

/*
 8.) 404 Page Content
 --------------------------------*/
.wrap-404page {
	width: 670px;
	display: inline-block;
	padding-top: 90px;
}
.header404page {
	float: left;
	margin-right: 50px;
	width: 230px;
	margin-bottom: 0;
}
.body-404page {
	float: left;
	width: 390px;
	text-align: left;
}
.search404form .form-group {
	width: 240px;
}

/*
 9.) Under Construction Page Content
 ----------------------------------------*/
.page-template-template-under_construction-php .logo {
	margin: 16px auto 50px;
	text-align: center;
	display: block;
	width: auto;
	max-width: inherit;
}

#countdown .countdown-row {
	width: 320px;
}
#header ul.header-nav-uc {
	display: block;
}
.header-nav-uc > li {
	display: inline-block;
	margin: 0 25px;
	text-align: center;
}