/*
	Theme Name:TopSpot
	Description:TopSpot Blog WordPress Theme
	Version:2018
	Author:Rachel Mayo
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/***** WordPress Blog *****/
/* Blog Homepage */
main {
	padding-top:40px;
}
.home main {
	padding-top:0;
}

#most-recent,
#topmost {
	text-align:center;	
}
#topmost {
	margin-bottom:30px;	
}
#most-recent .post {
	line-height:280px;
	height:320px;
	width:49.75%;
	padding:20px;
	float:left;
	position:relative;
}
#most-recent .post:first-child {
	margin-right:0.5%;
}
#topmost .post {
	line-height:400px;
	height:420px;
	padding:20px 20%;
	position:relative;
}
#most-recent .bg,
#topmost .bg {
	background-position:center center;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0.1;
    filter:alpha(opacity=10);
}
#most-recent .post .inner,
#topmost .post .inner {
	color:#fff;
	line-height:normal;
	vertical-align:middle;
	display:inline-block;
	position:relative;
	z-index:1;
}
#most-recent .categories span:after,
#posts-feed .categories span:after {
	content:",";
	display:inline-block;
}
#most-recent .categories span:last-child:after,
#posts-feed .categories span:last-child:after {
	content:none;
}
#most-recent .title,
#topmost .title {
	margin-bottom:20px;
}
#most-recent .author,
#topmost .author {
	font-weight:bold;
}
#most-recent .date,
#topmost .date {
	margin-top:20px;
}
#most-recent .inner .hover,
#most-recent .post:hover .default,
#topmost .inner .hover,
#topmost .post:hover .default {
	display:none;
}
#most-recent .post:hover .hover,
#topmost .post:hover .hover {
	display:block;
}
#most-recent .summary,
#topmost .summary {
	margin-bottom: 30px;
}


#posts-feed,
#single-post {
	width:820px;
	padding-right:40px;
	float:left;
}

#posts-feed #default .post {
	text-align:center;
	margin:0 auto 40px;
}
#default .thumb {
	background-position:center center;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
    -ms-filter:"progid:DXImageTrans.Microsoft.AlphaImageLoader(src='path_relative_to_the_HTML_file',sizingMethod='scale')";
	height:300px;
	width:100%;
	display: block;
}
#default .thumb:hover {
	opacity:0.8;
    filter:alpha(opacity=80);	
}
#default .inner {
	background:#fff;
    box-shadow:0 -10px 10px -10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 -10px 10px -10px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 -10px 10px -10px rgba(0,0,0,0.2);
	width:84%;
	margin:-40px auto 0;
	padding:20px 10px;
	position: relative;
}
#default .categories,
#default .date {
	font-size:0.8em;
	font-weight:bold;
}
#default .categories {
	color:#A5CCDD;
}
#default .title {
	font-size:1.2em;
}
#default .summary,
#default .author {
	font-size:0.9em;
}
#default .summary p:after {
	content:"...";
	display:inline-block;
}
#default .author {
	margin-top:25px;
}
#default .social {
	border-top:2px solid #F1F7F7;
	border-bottom:2px solid #F1F7F7;
	margin-top:20px;
	padding:5px 0;
}
#default .social li {
	margin:0 5px;
	display:inline-block;
	cursor:pointer;
}
#default .social li:hover {
	color:#fd9000;
}

/* Pagination */
.pagination {
	text-align:left;
	border-radius:0;
	margin:0;
	padding:40px 0 20px;
	display:block;
}
.pagination span,
.pagination a {
	text-decoration:none !important;
	vertical-align:middle;
	line-height:28px;
	height:30px;
	width:30px;
	margin:0 10px 0 0;
	display:inline-block;
}
.pagination a.prev,
.pagination a.next {
	width:auto;
	padding:0 10px;
}
.pagination span.current {
	font-weight:bold;
}


/* Blog Single Post */
/*
#posts-feed h1,
#single-post h1 {
	color:#28323C;
    font-size:2.2em;
    text-align:center;
    text-shadow:none;
    margin:0 auto 20px;	
}
#posts-feed h1 {
	text-align:left;
}
#single-post .post-details {
	text-align:center;
	margin-bottom:20px;
}
#single-post h2 {
	font-size:1.9em;
}
*/

/* Blog Sidebar */
#sidebar {
	width:380px;
	float:right;
}
#search-block .content-block {
	padding: 60px 0 40px;
}
#search-block .search {
	border-bottom:2px solid #A5CCDD;
	margin-bottom:30px;
	padding-bottom:2px;	
}
#search-block .search input,
#search-block .search button {
	background:none;
	border:none;
	line-height:38px;
	height:40px;
	padding:0;
}
#search-block .search input {
	font-size:0.85em;
	width:80%;
	outline:none;
	float:left;
}
#search-block .search button {
	color:#013E50;
	font-size:18px;
	text-align:right;
	width:40px;
	float:right;
}
#search-block .search button:hover {
	color:#fd9000;
}
.sidebar-widget > div {
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);
	margin-bottom:30px;
	padding:50px;
}
.sidebar-widget h4 {
	font-weight:bold;
	margin:0 0 30px;
}
.sidebar-widget ul {
	list-style:none;
	margin:0;
	padding:0;	
}
.sidebar-widget li {
	font-size:0.85em;
	margin-bottom:15px;
}
.sidebar-widget li:last-child {
	margin-bottom:0;
}
#recent-posts-2 .post-date {
	display:block;
}

#categories-2 {
	padding: 0;
}
#categories-2 h4 {
	margin: 0;
	padding: 30px 50px;
}
#categories-2 li {
	border-top: 2px solid #F1F7F7;
	margin: 0;
	
}
#categories-2 li a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none !important;
	width: 85%;
	display:inline-block;
	padding: 12px 50px 13px;
}

#annual_archive_widget-2 li {
	width:45%;
	margin:0 3.5% 15px 0;
	display:inline-block;
}
#annual_archive_widget-2 li a {
	padding: 0;
	display:block;
}
#wp-calendar {
	border-spacing:10px;
    border-collapse:separate;
	width:100%;
}
#wp-calendar caption,
#wp-calendar #prev,
#wp-calendar #next {
	font-size:0.85em;
	text-transform:uppercase;
	line-height:1;
}
#wp-calendar #next {
	text-align:right;
}
#wp-calendar caption {
	color:#013E50;
	padding:0 0 15px 10px;
}
#wp-calendar {
	margin-left:-10px;
}
#wp-calendar thead th {
	color:#A5CCDD;
	font-size:0.85em;
	font-weight:normal;
	text-align:center;
}
#wp-calendar tbody td {
	color:#2092ca;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	border:2px solid #2092ca;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	line-height:23px;
	height:30px;
	width: 30px;
	min-width: 30px;
}
#wp-calendar tbody td#today {
	text-shadow: 1px 1px 0 #fff;
	background: #F1F7F7;
}
#wp-calendar tbody td.pad {
	border:none;
}
#wp-calendar tbody td a {
	color:#fff;
	text-decoration:none !important;
	background:#fd9000;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	height: 100%;
	display:block;
}
#wp-calendar tbody td a:hover {
	background:#157cab;
}
#wp-calendar tfoot td {
	padding-top:10px;
}


/* Misc Customizations */
div.sharedaddy {
	margin:40px auto 20px;
}
div.sharedaddy:after {
    content:"";
    display:block;
    width:130px;
    border-bottom:1px solid #ddd;
    padding-top:10px;
}
div.sharedaddy h3.sd-title,
#reply-title {
	font-size:1.2em !important;
	font-weight:normal !important;
}
div.sharedaddy .sd-button {
	padding:0 7px 1px 6px !important;
}
.sd-content ul li a.sd-button:before {
	vertical-align:middle !important;
	top:0 !important;
}
.sd-content ul li a:hover {
	border-color:#157cab !important;
}
.sd-content ul li a:hover:before,
.sd-content ul li a:hover span {
	color:#157cab !important;	
}
.share-end {
	display:none;
}

h2.query {
	color: #aaa;
}
.blog .divider {
	margin: 30px auto;
}
.post-details .author {
	font-weight: bold;
}


.comments {
	padding-top:30px;
}

/* Start Expanding Blog Post */
body.blog.home .filter-label.largesite{
	display: none;
}
.filter-label.largesite{
	margin-top: -15px;
	cursor: pointer;
	margin-bottom: 25px;
	padding-right: 30px;
}
.filter-label.largesite i:last-child{
	margin-top:3px;
	margin-left: 8px;
	position: absolute;
}
.filter-label.largesite.active i:last-child{
	margin-top: 10px;
}
.filter-label.largesite.active i:last-child:before{
	content:'\f0de';
}
.filter-label.largesite:hover strong{
	color: #2092ca;
}
main.constrain{
	position: relative;
}
#sidebar{
	text-align: right;
	position: absolute;
	float: none;
	right: 0;
}
#sidebar .mobile-wrapper{
	/*max-height: 2000px;*/
	position: relative;
	overflow: hidden;
	padding: 10px 10px 0 10px;
	margin-top: -10px;
	opacity: 1;
	text-align: left;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#sidebar .mobile-wrapper.minimized{
	max-height: 0;
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#single-post{
	width: 100% !important;
	max-width: 870px;
	padding-right:0;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
#single-post.expanded{
	max-width: 2000px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/* End Expanding Blog Post */



/* Responsive */
@media only screen and (max-width:1199px){
		
	#sidebar,
	#posts-feed, 
	#single-post {
		width: 100%;
		float: none;
		position: relative;
	}
	
	#posts-feed, 
	#single-post {
		padding: 0;
	}	
	
	#sidebar * {
		text-shadow: none !important;	
	}
	#wp-calendar caption, 
	#wp-calendar #prev, 
	#wp-calendar #next,
	#categories-2 li,
	#categories-2 li a,
	#annual_archive_widget-2 li a {
	    color: #013E50 !important;	
	}
	#categories-2 li a,
	#annual_archive_widget-2 li a {
		text-align: left;
		background: none !important;
		box-shadow: none;
		line-height: normal;
		height: auto;
		margin:0;
		padding: 10px 35px;
	}
	#categories-2 li {
		padding: 0 !important;
	}
	#annual_archive_widget-2 {
		margin-bottom: 0;
	}
	#annual_archive_widget-2 li {
		margin: 0 auto;
	}
	#calendar-2 {
		display: none;
	}
	.filter-label.largesite{
		display: none;
	}
	#sidebar .mobile-wrapper{
		max-height: auto;
		position: absolute;
		margin-top: 0;
	}
	#single-post{
		max-width: 100%;
	}
}


@media only screen and (min-width:768px) and (max-width:1199px) {

	#categories-2 h4,
	#categories-2 li {
		padding-left:35px;
		padding-right:35px;
	}
	
	#wp-calendar {
	    border-spacing: 5px;	
	}
	#wp-calendar tbody td {
		font-size: 12px;
		font-weight: normal;
	    border: 1px solid #2092ca;
		line-height:17px;
		height:24px;
		width: 24px;
		min-width: 24px;
	}
	
}

@media only screen and (min-width:992px) and (max-width:1199px) {	
	
	#topmost .post {
		line-height:320px;
		height:360px;
	}
	
}

@media only screen and (min-width:768px) and (max-width:991px) { 
	
	
	#posts-feed #default .post {
		width: 100%;
		float: none;
	}
	
	
}


@media only screen and (max-width :992px) {


}


@media only screen and (max-width:767px){

}

@media only screen and (max-width:568px) {

	#most-recent .post {
		line-height: 240px;
	    height: 280px;
		width:100%;
		margin: 0 auto !important;
	}
}


/* Edit Link for logged-in users */
.post-edit-link {
	color:red;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	margin:20px auto;
	display:block;
}
.post .blue-btn.center{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
#primary-nav a{
	padding: 10px 15px;
}
#primary-nav .left a:first-child, #primary-nav .right  a:first-child {
	border-bottom: 1px solid #ddd;
}
#primary-nav .left h4{
	margin: 0;
}

/*twitter X svg icon style*/
#twitterX {
    height: 1em;
    top: 2px;
    position: relative;
}
#twitterX path {
    fill:#FFF;
}