/*
Theme Name: Motivational Spirits Theme
Version: 1.0
Author: Good Morning Images
Description: A simple theme
*/

*{margin:0;padding:0;}
body{margin: 0;padding: 0;background:#fff;font-family: 'Open Sans', Tahoma, Verdana, Arial, sans-serif;font-size: 16px;color: #333;line-height:150%; }
ul li, li {list-style-type:none;}
table {border-collapse:collapse;margin:0 0 20px 0;width:100%;}
td{padding:5px;border:1px solid #ccc;}
tr:nth-of-type(even) td{background:#fafafa;}
a img {border:none;}
a { color:#0074E8;text-decoration:none;}
a:hover{text-decoration:underline; color:#333;}
p {line-height:150%; margin:0 0 10px 0;}
ul li a:hover{text-decoration:underline;}
.alignright{float:right;margin:0 0 0 10px;}
.alignleft{float:left;margin:0 10px 0 0;}
.aligncenter{display:block;margin:0 auto;}
.clear{clear:both;}
.grecaptcha-badge { visibility: hidden; }
.inner {margin:0 auto;}

#header {margin:0; }
#logo {}
#logo {font-size:40px;margin:10px;font-family:Impact;line-height:160%; }
#topnav {clear:both;background:#1871DC;}
#topnav ul li{float:left;margin:0 30px 0 10px;padding:10px 0;}
#topnav ul li a{color:#fff;}

h1,h2,h3,h4,h5,h6 {margin:0 0 10px 0;font-weight:normal;color:#444;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4,h5 {font-size:18px;}

.subcats {background:#fafafa;padding:10px;border:1px solid #ddd;margin: 20px 0 20px 0;}
.subcats ul{padding: 5px 0 20px 10px; margin:0;}
#content .subcats ul li{list-style-type:circle;float:left;margin:0 25px 0 10px;white-space: nowrap;color:#777;}
.catdesc {background:#f9f9f9;padding:10px;border:1px solid #ccc;margin:0 0 10px 0;}
#content {float:left;padding:10px;}
.post{padding:5px; margin:0 0 15px 0;border-bottom:1px solid #ddd;}
.post p{margin:0 0 20px 0;}
#content .commentcount{float: right; background: #fff url(images/comment.gif) 0 5px no-repeat; padding: 0 5px 0 17px;margin:0 0 10px 0;}
.fbright{float:right;margin:5px 10px;}
#content .post img {border:1px solid #ccc;}
.post-ratings {padding-bottom:5px;}
.post ul {margin:0 0 20px 15px;}
.post ul li {margin:0 0 15px 0;list-style-type:disc;}

.embedcodes{color:#555;margin:5px 0 10px 0;font-size:12px;}
.embedcodes textarea{background:#f5f5f5;border:1px solid #ddd;padding:2px;display:block;width:80%;height:15px;margin:1px 0 5px 0;}
.htmlcode, .bbcode, .imageurl {float:left; width:200px;max-width:32%;}

img.WP-EmailIcon {vertical-align:middle;}
.download {float:left;margin:0 10px 5px 0;}
.post .download a {background:#068C4D;color:#fff;padding:2px 5px;border-radius:3px;font-size:12px;text-decoration:none;transition:background 0.2s linear;}
.download a:hover {background:#057A43;}
.wpemail {float:left; margin:0 10px 5px 0;}
.wpemail a {background:#307DD3;color:#fff;padding:2px 5px;border-radius:3px;font-size:12px;text-decoration:none;transition:background 0.2s linear;}
.wpemail a:hover {background:#2B76CA;}

.post-image {display:inline-block;clear:both;margin:0 0 20px 0;}
p.image {margin:0;}
p.caption {text-align:center;padding:5px;margin:0;background:#eee;}
p.downloadlink {text-align:center;margin:0;padding:5px;}
p.downloadlink a {background:#0072F0;padding:7px 10px;display:inline-block;color:#fff;text-decoration:none;}


a.readmore {background:#0074E8;color:#fff;padding:8px 0;display:block;width:150px;margin:10px 0;text-align:center;text-decoration:none;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
a.readmore:hover {background:#222;}

.sposts {margin: 20px 0;}
.sposts h3 {margin: 0 ;}
.sposts ul {margin: 0;}
.sposts ul li {margin: 0 10px 10px 0;list-style-type: none;display:inline-block;}
.sposts ul li a {line-height:100%;padding:0;margin:0;width:auto;height:190px;display:inline-block;}
.sposts ul li img {width:auto;height:auto;max-height:100%;max-width:100%;border:1px solid #ccc;}

.browsecategories ul li{float:left; width:250px;color:#888;margin:0 0 5px 0;}
.browsecategories ul li a{font-size:16px;}
#sidebars {float:left; width:330px;margin:10px 0 0 0;}
#leftsidebar { float: left; width: 160px; }
#rightsidebar { float: right; width: 160px; }
#search {margin:0 0 10px 0;}
#search input{padding:3px;}
#search input#s{border:1px solid #ccc;margin:0 5px 0 0;width:250px}
#search input#searchsubmit {background:#F96D06;color:#fff;border:none;cursor:pointer;}
.sidebar label.screen-reader-text{display:none;}
.sidebar input#s {border:1px solid #ccc;color:#555;padding:3px;background:#fafafa;}
.sidebar input#s:focus {background:#fff;}
#sidebars h3 {background:#338C88; color:#fff;margin:0 0 5px 0;padding:4px 5px;font-size:16px;clear:both;}
#sidebars ul {margin:10px 0 0 5px;}
#sidebars ul li {margin:0 4px 10px 2px;padding:0 0 2px 0;border-bottom:1px solid #ddd;color:#999;}
#sidebars ul li li {list-style-type:circle;margin:0 4px 10px 5px;}
#sidebars ul li li:last-child {border-bottom:none;}

#sidebars ul.twocolumn li{float:left;width:155px;}
#sidebars ul li a {color:#1871DC;}

#sidebars h3.heading1 {background:#34A853;}
#sidebars h3.heading2 {background:#EA4335;}
#sidebars h3.heading3 {background:#F59C1E;}
#sidebars h3.heading4 {background:#338C88;}
#sidebars h3.heading5 {background:#4761A2;}
#sidebars h3.heading6 {background:#E66B06;}

#commentlist{padding:5px;}
#commentlist .comment{padding:5px;margin:0 0 10px 0;border:1px solid #eee;border-radius:5px;}
#commentlist .fn{font-weight:bold;font-style:normal;}
#commentlist .commentmetadata {font-size:11px;margin:0 0 5px 0;}
#commentlist .commentmetadata a{color:#888;font-size:11px;}
#respond {padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:5px;margin:5px;}
#respond h4{margin:0 0 10px 0;}
#respond p{margin:0 0 10px 0;}
#respond input, #respond textarea  {padding:3px;background:#fafafa;border:1px solid #ccc;border-radius:3px;}
#respond input:focus, #respond textarea:focus {background:#fff;}
#respond textarea{width:500px;}
#respond input#author{width:200px;margin:0 5px 0 0;}
#respond input#email{width:200px;margin:0 5px 0 0;}
#respond input#submit {background:#1871DC;color:#fff;border-color:#1871DC;padding:10px;cursor:pointer;}

#contactform {margin:0 0 20px 0;}
#contactform * {font-family:Arial; font-size:15px;}
#contactform p{margin:0;padding:0 0 10px 0;}
#contactform input {width:98%; padding:1%;background:#f9f9f9;border:1px solid #ddd;}
#contactform textarea {width:98%; padding:1%;height:150px;background:#f9f9f9;border:1px solid #ddd;}
#contactform input:focus, #contactform  textarea:focus{background:#fff;border:1px solid #ccc;}
#contactform input.wpcf7-submit{width:120px;background:#1f2227;color:#fff;font-size:18px;text-transform:uppercase;cursor:pointer;padding:10px;}

.wp-pagenavi {clear:both;padding: 15px 0;}
.wp-pagenavi a{padding:8px 8px; margin:2px; text-decoration:none; border:1px solid #ccc; color:#1087ba; background:#fff;border-radius:3px;}
.wp-pagenavi a:hover {border: 1px solid #000; color: #fff; background: #1087ba;}
.wp-pagenavi span.pages {padding: 8px 10px; margin:3px;color: #fff;border: 1px solid #000;background:#1087ba;border-radius:3px;}
.wp-pagenavi span.current{padding:8px 10px;margin:3px;font-weight:bold;border:1px solid #ccc;color:#fff; background:#1087ba;border-radius:3px;}
.wp-pagenavi span.extend {padding: 6px 8px; margin:3px;border:1px solid #000;color:#fff; background:#B30000;}
.wp-pagenavi .next-comment-page, .wp-pagenavi .previous-comment-page{padding:12px 14px;border:1px solid #aaa;}
.wp-pagenavi a.nextpostslink{font-weight:bold;padding:12px 14px;font-size:16px;}

#footer{clear:both; background:#353535; color:#eee; padding:15px; }
#footer a{color:#ddd;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .fleft {float:left;}
#footer .fright {float:right;}

.inner {width:980px;}
#content {width:620px;}
img {max-width:100%; height:auto;}
textarea, iframe {max-width:100%;}
.wp-caption{max-width:100%;height:auto;}



@media screen and  (min-width:980px){
.namespost img {float:left;height:200px;width:auto;margin:5px;}
#posts h3 {  overflow: hidden;min-height:40px;font-size:16px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
#posts {display:grid;grid-template-columns: auto auto;grid-gap:10px;}
#posts img {height:200px;width:100%;object-fit:cover}
#sidebars {float:right;}
}

@media screen and  (min-width:1200px){
.inner {width:1060px;}
#content {width:700px;}
}

@media screen and  (max-width:980px){
body {min-width:340px;}
.inner {width:98%;padding:0 1%;}
#content {width:98%;padding:10px 1%;}
#content .post img{max-width:98%;height:auto;}
#topnav ul li {margin:0 8px;;}
.wp-pagenavi a{display:inline-block;}
#sidebars {margin-left:10px;}
}

@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 400;src: local('Open Sans'), local('OpenSans'), url(opensans.woff) format('woff');}