/*
Theme Name: onedrive-theme
Theme URI: https://onedrive.live.com/about/en-us/
Description: One Drive theme
Version: 1.1
Author: smith.co
*/

/* Stylesheet comments here

color: #002050; dark blue
  color: #094ab1; light blue

*/

/* personailization starts here
----------------------------------------------- */

/*Original*/

#respond{
	display: block; 
	position: relative; 
	top: -100px; 
}

.more-link{
	margin-top: 5px;
	display: block;
	text-align: right;
}
.main-navigation li:before{
	border: 1px solid #FFFFFF;
	height: .8em;
	border-width: 0 1px 0 0;
}
.footer{
	clear: both;
}
.headline{
	color: #094ab1; /*dark blue*/
}
div.post-widget-facebook,
div.post-widget-facebook-share,
div.post-widget-twitter{
	display: inline-block;
}
div.post-widget-twitter{
	vertical-align: top;
	margin-left: 62px;
}
div.post-widget-facebook{
	width: 50px;
}
/*prev/next nav button start*/

.btn a{
	color: #ffffff;
	display: block;
	margin:15px 10px;
}
.single-page-link .btn.blue-inverse{
	height: auto;
	width: 35%;
	line-height: 1.4;
}
.navigation .btn.blue-inverse{
	margin: 20px 0;
	border: none;
}
.navigation .btn-left div{
	background-image:url(img/prev.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.navigation .btn-left div a{
	margin-left: 25px;
}
.navigation .btn-right div{
	background-image:url(img/next.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.navigation .btn-right div a{
	margin-right: 25px;
}
.btn .blue-inverse a {
	font-size: 14px;
	text-transform: capitalize;
}
.prev-next a{
	margin: 15px 5px;
	font-size: 16px;
	color: #ffffff;
	display: block;
}
.btn-left{
	float: left;
}
.btn-right{
	float: right;
}
/*prev/next nav button end*/

/*comment start*/
.comment p{
	line-height: 1.4;
	padding-bottom: 10px;
}
ol.comment-list{
	padding-left: 0;
}
.comment-list li {
	list-style-type: none;
}
.comment-body{
	margin-bottom: 20px;
}
.comment-list li a {
	word-break:break-all;
}
ol.comment-list > li.comment {
	border-bottom: 1px solid #e7e7e7;
}
ol.comment-list ul.children{
	padding-left: 45px;
}
.comment-body .reply{
	margin-bottom: 10px;
}
.vcard img{
	float: left;
	margin-right: 10px;
	margin-top: 4.5px;
}
.comment-body .reply, 
.comment-list .comment-body p{
	margin-left: 44px;
}
/*comment ends*/

/*form start*/
.comment-notes{
	margin-bottom: 30px !important;
}
.comment-form-email{
	display: none;
}
.comment-form-url,
.comment-form-author,
.comment-form-comment{
	display: block;
}
form p input,
form p textarea {
	width: 100%;
	margin:5px 0 10px;
}
form p input[type="submit"]{
	margin: 20px 0;
	width: 150px;
	height: auto;
}
input {
	padding: 8px 0;
}
/*form end*/

/*404 start*/
#primary .page-content p {
	margin-bottom: 20px;
}
#primary .page-content form{
	margin-bottom: 60px;
}
#primary .screen-reader-text,
.screen-reader-text,
.no-results .screen-reader-text{
	display: none !important;
}
#primary input[type="text"],
.custom-404-page input[type="text"],
.no-results input[type="text"]{
	width:96%;
	max-width: 300px;
}
.custom-404-page input[type="text"]{
	margin-top: 10px;
}
/*404 end*/
.comments-area{
	margin-top: 60px;
}
.post-widget{
	display: block;
	margin-top: 30px;
}

.space-around-content{
	padding: 16px 0 38px;
}
.blog-title{
	font-size: 1.33333rem;
	margin-bottom: 0;
	margin-top: 36px;
}
.blog-title a{
	color: #094ab1;
}
.blog-title a:hover{
	color: #002050;
}
.by-line-date{
	font-family: Segoe UI Light;
	font-size:15px;
	margin: 12px 0 0;
}
.read-more{
	margin-top: 10px;
	display: inherit;
}

h1.small-h1{
	font-size: 2.5em;
}

#container {
	margin: 0 auto;
	width: 93%;
	max-width: 700px;
	float: none;
}
.navigation{
	overflow: hidden;
}

@media only screen and (min-width: 821px){
	.top-section .panel {
		height: 1.73333rem;
	}
}

.post,
.b-bottom{
	border-bottom: 1px solid #e7e7e7;
}

/*fixing problems with spacing, etc. QA*/
#twitter-widget-0{
	width: 60px;
}
/*.foot-nav li {
	width: 16.66667%;
}*/
.pluginButtonSpacer{
	padding-left: 0;
}
.pluginConnectButtonLayoutRoot td.pluginButtonSpacer{
	padding-left: 4px;
}
@media only screen and (max-width: 920px){
	/*.footer .panel .row .foot-nav li {
		width: 100%;
	}*/
	.foot-nav a img.plans {
padding-top: 6px;
min-height: 30.5px;
}
}

@media only screen and (max-width:  721px){
	/*.footer .panel .row .foot-nav li {
		width: 100%;
	}*/
	.foot-nav a img.plans {
padding-top: 0px;
min-height: 27.5px;
}
.foot-nav a img.business {
min-height: 34px;
/*margin-top: -2px;*/
}
strong.plans-text, strong.business-text {
display: block;
padding-bottom: 1px;
}
}

@media only screen and (max-width: 821px){
	.entry p a img,
	#content img {
		max-width: 100% ;
		height: auto;
	}
}

/*Facebook share widget style*/

.post-widget-facebook-share {
	position: absolute !important;

}

/*changes*/

.foot-terms a,
.foot-terms{
color: #7C747F;
}
body{
	color: #7C747F;
}
.foot-top .social{
	margin-bottom: 33px;
}
.foot-top .social h3{
	font-family: "Segoe Pro-Regular","Segoe Semilight",Segoe,Arial,sans-serif;
	color: #666666;
	font-size: 14px;
	display: inline-block;
}
.foot-top .share,
.foot-top .like {
width: auto; 
float: none; 
}
.foot-top .share{
	margin:10px auto;
}
.foot-top .like{
	 margin:30px auto;
}
.rss-feed{
	margin:30px auto 25px;
}
.foot-top .share h3{
margin-top:1px;
}
.foot-top .fb, .foot-top .tw{
	display: inline-block;
	float: none;
	margin: 0px;
	vertical-align: middle;
}
.foot-top .fb-like,
.foot-top .fb{
	margin-left: 10px;
}
.foot-top .fb-like{
	vertical-align: sub;
}
/*test*/
.social div.like{
	position: relative;
}

@media only screen and (max-width:  721px){
	.fb_iframe_widget {
	position: absolute !important;
	}
}

@media only screen and (min-width:  721px){
	.foot-top .logo-mstf{
		margin: 28px auto 5px;
		display: block;
	}
	.foot-top.cf > .left {
		float: none;
	}
	.foot-top .social {
		width: 100%;
		margin-left: 0;
		margin-bottom: 1.55em;
	}
	.foot-top .share{
		width: 38.5%;
		margin: 0px auto 0 2.5%;
	}
	.foot-top .like{
		margin:0;
		width: 44%;
	}
	.rss-feed{
		width: 9.5%;
		margin:0;
		margin-left: 1.5%;
	}
	.foot-top .share, .foot-top .like, .rss-feed{
		display: inline-block;
		vertical-align: middle;
	}
	.foot-top .fb-like, .foot-top .fb {
		margin-left: 5px;
	}
	.foot-top .logo-mstf {
		clear: both;
	}
	.foot-nav{
		margin-bottom: 25px;
	}
}

@media only screen and (min-width: 920px){
	.foot-top .like{
		/*margin-left: 15%;*/
	}
	.foot-top .social {
		width: 67.5%;
		margin-top: -2px;
	}
	.foot-top .share{
		width: 37%;
	}
	.foot-top .like{
		width: 43.5%;
	}
	.foot-top .logo-mstf {
	margin: 35px auto 5px 5%;
	clear: inherit;
	}
}