/*
Theme Name: Upspace
Theme URI: https://www.upspace.co.uk
Author: Blowmedia
Author URI: https://www.blowmedia.co.uk
Version: 1.0
*/

/*
	Source post-css styles are located in the postcss directory.
	The compiled bundle is in assets/bundle.css; The README.md
	file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment. It will override bundle.css styles.
*/

h2, h3, p { margin-bottom:30px; }
.entry { margin-bottom:50px; }
.ac-feature-box { margin-bottom:30px; }

body {
	font-family: museo, serif;
	font-weight: 300;
	letter-spacing: 0;
}

.main .main__body {
	background: url('images/upspace-footer.png') no-repeat bottom, linear-gradient(159deg,#e8e9ea 50%,#fff 10%);
	padding-bottom: 300px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: museo, serif;
	font-weight: 500;
	color: rgb(92,92,92);
}

.article .article__row h6, .article--reversed .article__category, .contact .contact__title, .entry .entry__title, body {
	font-family: museo, serif;
}

.footer {
	background-color: #fff;
	color: rgb(94,99,157);
}

.nav a {
	font-weight: 500;
}

.nav a:hover, .nav__secondary li a:hover {
	color: rgb(250,98,74) !important;
}

.nav ul>li>a:after, .nav__secondary li a:after {
	background-color: rgb(250,98,74);
}

#menu-header-menu .current-menu-item {
	color: rgb(250,98,74);
}

.bar .nav-trigger {
	background-color: rgb(250,98,74);
}

.nav-trigger .nav-trigger__content {
	color: rgb(253,235,172);
}

.article--reversed .article__category, .entry .entry__title, .contact .contact__title {
	color: rgb(250,98,74);
}

.article:hover .article__title a, .article:hover .see-more {
	color: rgb(250,98,74);
}

a:hover {
	color: rgb(250,98,74) !important;
}

a {
	color: rgb(94,99,157);
}

.btn {
	border-color: rgb(94,99,157);
	color: rgb(94,99,157);
}

@media screen and (min-width: 1200px) {
	.infographic .infographic__content .infographic__block a {
		position: relative;
		bottom: inherit;
		padding: 20px 0;
	}
}

.blog .main__title, .archive .main__title {
	font-size: 110px;
}

@media screen and (max-width: 992px) {
	.blog .main__title, .archive .main__title {
		font-size: 48px;
	}
}

@media screen and (min-width: 1024px) {
.blog .main__head .shell p, .archive .main__head .shell p  {
	width: 80%;
}
}

.blog .main__head, .archive .main__head, .single .main__head {
	height: auto;
}

@media screen and (min-width: 1024px) {
.blog .main__head .shell .main__head-inner, .archive .main__head .shell .main__head-inner, .single .main__head .shell .main__head-inner {
	width: 67%;
	float: right;
}
}


.blog .main__head .shell .main__head-inner a, .archive .main__head .shell .main__head-inner a  {
	padding: 10px 20px;
	border: 1px solid;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
}

.blog .main__head .shell .main__head-inner a:hover:after, .archive .main__head .shell .main__head-inner a:hover:after {
	background: url('images/sprite/ico-arrow-hover.png') no-repeat;
	transform: rotate(180deg);
}

.blog .main__head .shell .main__head-inner a:after, .archive .main__head .shell .main__head-inner a:after {
	transition: .3s;
	width: 14px;
	height: 12px;
	content: '';
	background: url('images/sprite/ico-arrow.png') no-repeat;
	display: inline-block;
	margin-left: 16px;
}

.blog .wrapper .wrapper__bg, .archive .wrapper .wrapper__bg, .single .wrapper .wrapper__bg {
	height: 350px;
}

@media screen and (max-width: 767px) {
.blog .wrapper .wrapper__bg, .archive .wrapper .wrapper__bg, .single .wrapper .wrapper__bg {
	height: 290px;
}
	
}
@media screen and (min-width: 1024px) {
.blog .wrapper .wrapper__bg, .archive .wrapper .wrapper__bg, .single .wrapper .wrapper__bg {
	height: 650px;
}
}



.blog .article--inline .article__entry, .archive .article--inline .article__entry {
	padding: 0
}

@media screen and (max-width: 1023px) {
	.blog-categories {
		display: none;
	}
	
}

.single .size-large {
	margin-bottom: 25px;
}

.blog-categories {
	list-style: none;
	padding: 0;
	margin-bottom: 20px;
}

.blog-categories li a{
	display: inline-block;
	padding: 10px;
	background-color: #d5d6d7;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}

.blog-categories li a:hover {
	background-color: #fff;
	color: rgb(250,98,74);
}

.widget {
	display: inline-block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.widget {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.widget_archive {
	margin-right: 0;
}

.widget .widgettitle, .widget .screen-reader-text {
	display: none;
}

.blog .articles, .archive .articles {
	margin: 0;
}

.blog .main--loop .content, .archive .main--loop .content {
	padding-left: 0;
}
.blog .main--loop .sidebar, .archive .main--loop .sidebar {
	flex: none;
	padding-right: 0
}

.blog .article--inline .article__entry img, .archive .article--inline .article__entry img {
	margin-bottom: 20px;
}

.blog .article--inline, .archive .article--inline {
	margin-bottom: 95px;
}

.blog .article--inline:last-child, .archive .article--inline:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
	.single aside {
		display: none;
	}
}

.single aside {
	float: left;
	width: 33%;
	padding-right: 80px;
}

.single aside #about h4 {
	font-size: 16px;
	margin-bottom: 0
}

.single #about h3 {
	font-size: 26px;
	margin-bottom: 40px;
	line-height: 1;
}

.single #about a {
	padding: 10px 20px;
	border: 1px solid;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
}

.single #about a:hover:after {
	background: url('images/sprite/ico-arrow-hover.png') no-repeat;
	transform: rotate(180deg);
}

.single #about a:after {
	transition: .3s;
	width: 14px;
	height: 12px;
	content: '';
	background: url('images/sprite/ico-arrow.png') no-repeat;
	display: inline-block;
	margin-left: 16px;
}

.single .article__content h2 {
	font-size: 36px;
}

.single .article__content hr {
	margin-top: 50px;
}

.single .back-container {
	float: right;
}

.single .share-container {
	float: left;
}

.single .socials {
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}

@media screen and (max-width: 1023px) {
	.single .share-container {
		float: none;
	}
	.single .share-container h3 { 
		margin-bottom: 20px;
	}
	.single .back-container {
		float: none;
	}
	.single .socials {
		margin-left: 0;
	}
}

.single .share {
	display: inline-block;
	margin-bottom: 0;
	font-size: 26px;
}



.single .socials img {
	height: 26px;
}



#featured-posts {
	flex: 0 1 33%;
	padding-right: 80px;
}

@media screen and (max-width: 1023px) {
	#featured-posts { 
		display: none;	
	}
}

.single #featured-posts {
	flex: inherit;
	padding-right: 0;
	margin-top: 50px;
}

#featured-posts .fposts-title {
	background-color: rgb(250,98,74);
	padding: 20px;
	margin-bottom: 50px;
}

#featured-posts .fposts-title h3 { 
	font-size: 20px;
	color: #fff;
}
#featured-posts .farticle {
	margin-bottom: 50px;
}
#featured-posts .farticle img {
	margin-bottom: 20px;
}
#featured-posts .farticle a {
	text-decoration: none;
}

#featured-posts .farticle h4 {
	font-size: 26px;
}

.select2-container {
	z-index: 1030;
}

.select2-container--default .select2-selection--single {
	border-radius: 0 !important;
	border: 1px solid rgb(250,98,74) !important;
	height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: rgb(250,98,74) !important;
	padding: 20px !important;
	line-height: 1 !important;
	text-transform: uppercase;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100% !important;
	right: 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: rgb(250,98,74) transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent rgb(250,98,74) transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: rgb(250,98,74) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgb(250,98,74) !important;
	color: #fff !important;
}

.select2-results__option {
	padding: 10px 20px !important;
	color: rgb(250,98,74) !important;
	text-transform: uppercase;
}

.select2-dropdown {
	border-radius: 0 !important;
	border: 1px solid rgb(250,98,74) !important;
}

@media (max-width: 1023px) {
	.header .header__content {
		background-color: #998675;
	}
	.nav {
		font-family: museo, serif;
		font-weight: 500;
		color: rgb(92,92,92);
	}
	.nav ul>li>a:after {
		background-color: transparent !important;
	}
	.nav a:hover {
		color: rgb(250,98,74) !important;
	}
}