/*
Theme Name: iMarketCMS Integrated Blog
Theme URI: http://imarketsolutions.com
Description: Custom Theme Designed by  <a href="http://imarketsolutions.com">iMarket Solutions</a>.
Version: 1.0
Author: iMarket Solutions
Author URI: http://imarketsolutions.com/
Tags: custom

  iMarket Solutions Blog
   http://imarketsolutions.com/

  This theme was designed and built by iMarket Solutions,
  whose site you will find at http://imarketsolutions.com/

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- BEGIN BLOG --------------------------------------------------------------------------------------------------------------------------------- */

#main-content > .content-spacer:not(.single-post) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.error404 #main-content > .content-spacer:not(.single-post) {
  display: block;
}
#wp-blog.home #top-content-wrap {
  padding-top: 60px;
  padding-bottom: 40px;
}
#wp-blog:not(.home) #main-content > h1 {
  margin-top: 0;
}
#top-content-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
#top-content-wrap h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}
#content-wrap > .width-limiter#content {
  padding-top: 0px;
  display: block;
}

#wp-blog #main-content .post h2 {
  margin: 0;
}
.post small,
.post .small {
  font-size: 15px;
  color: #666;
  font-weight: 400;
  text-transform: uppercase;
  margin: 10px 0;
  display: block;
}

.post p.postmetadata, 
.post p.postmetadata small {
  font-size: 13px;
  font-weight: 400;
  color: #222;
}

.prev-post, .next-post {
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.1em;
  margin: 0 0 2px 0;
  padding: 0;
  position:relative;
  width:50%;
  vertical-align:top;
}

.prev-post {
  text-align:left;
  display: block;
}

.prev-post:before {
  content: "\00AB"; /* « */
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.1;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  top: 1px;
  right:0;
}

.next-post {
  text-align:right;
  display: block;
}

.next-post:after {
  content: "\00BB"; /* » */
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  line-height:1.1;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  top: 1px;
  right:0;
}

.navigation {
  margin: 20px 0 0 0;
  text-align: center;
}
.navigation ul {
  padding: 0;
  list-style-type: none;
  display: inline-block;
}
.navigation ul li {
  display: inline-block;
  margin: 0 2px;
}
.navigation ul li a {
  font-weight: 700;
}
.navigation ul li.active a {
  text-decoration: none;
  color: #000;
  font-weight: 400;
}

.single-post .navigation {
  padding: 10px 0;
  border-top: #707070 solid 1px;
  border-bottom: #707070 solid 1px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-post .navigation h4 {
  margin: 0 0 5px 0;
}
.single-post .navigation div a {
  font-size: 18px;
  line-height: 1.1;
  display: block;
}
.single-post .navigation .prev-post {
  padding-left: 30px;
  padding-right: 10px;
  border-right: #707070 solid 1px;
}
.single-post .navigation .prev-post::before {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 35px;
}
.single-post .navigation .next-post {
  text-align: right;
  padding-right: 30px;
  padding-left: 10px;
  margin-bottom: 0;
}
.single-post .navigation .next-post::after {
  position: absolute;
  line-height: 35px;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 35px;
}

.related-posts {
  background-color: #efefef;
  padding: 30px 40px;
  margin-top: 30px;
}

.related-posts h3 {
  margin-top: 0
}

.related-posts .related-posts-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.related-posts .related-posts-wrapper > div {
  width: calc(33.33% - 20px);
  margin: 0 20px;
}
.related-posts .related-posts-wrapper > div:first-of-type {
  margin-left: 0;
}
.related-posts .related-posts-wrapper > div:last-of-type {
  margin-right: 0;
}

.related-posts .related-posts-wrapper .post-image {
  height: 125px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.related-posts .related-posts-wrapper .post a {
  font-weight: 700;
}

.related-posts .post-tags {
  margin-bottom: 0;
}

.alignleft, .alignright, .aligncenter {
    font-size: 1.2em;
    line-height: 0;
}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter {
  height: auto;
  width: auto;
  max-width: 100%;
}
img.alignleft {
  float: left;
  margin: 0 2em 0.75em 0;
}
img.alignright {
  float: right;
  margin: 0 0 0.75em 2em;
}
img.aligncenter {
  margin: 0 auto 1.8em;
  display: block;
}
#main-content .alignright figcaption,
#main-content .alignleft figcaption {
  line-height: 1.1;
}
#main-content img {
  margin: 0 auto;
}
#main-content .alignleft,
#main-content img.alignleft,
#main-content figure.alignleft,
#main-content .alignright,
#main-content img.alignright,
#main-content figure.alignright {
  text-align: center;
}

h2.pagetitle {
  border:2px solid #15D80A;
  border-width:2px 0;
  line-height: 1.8em;
  margin: 10px auto;
  text-align: center;
  width: 95%;
}

#main-content > .content-spacer:not(.single-post) .post {
  width: calc(33.33% - 20px);
  margin: 20px 15px 0 15px;
  background-color: #efefef;
}

#main-content > .content-spacer .post:nth-child(3n + 1) {
  margin-left: 0;
}

#main-content > .content-spacer .post:nth-child(3n) {
  margin-right: 0;
}

#main-content > .content-spacer:not(.single-post) .post .entry {
  padding: 20px 30px;
}

#main-content > .content-spacer:not(.single-post) .post .entry h2 a {
  text-decoration: none;
}

#main-content > .content-spacer:not(.single-post) .post .entry h2 a:hover,
#main-content > .content-spacer:not(.single-post) .post .entry h2 a:active {
  text-decoration: underline;
}

#main-content .content-spacer:not(.single-post) .post .post-image {
  width: 100%;
  height: 225px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}

#main-content .post .post-image a {
  display: block;
  width: 100%;
  height: 100%;
}

#main-content .post .post-image:hover {
  opacity: 0.8;
}

.single #main-content {
  max-width: 800px;
  margin: 0 auto;
}

.single .content-spacer .post {
  padding-top: 20px;
}

.content-spacer .post:first-child {
  border-top: none;
}

#main-content .post .post-category {
  margin-bottom: 0;
}

.single #breadcrumbs-container {
  margin-top: 30px;
}

.single h1 {
  margin: 20px 0;
}

.single .single-post small {
  font-size: 16px;
}

.single .blog-category {
  text-align: left;
  margin-right: 10px;
  font-size: 1.2em;
}

#featured-post .post {
  background-color: #3b3b3b;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#featured-post .post > div {
  width: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#featured-post .post .post-image {
  transition: 0.3s;
}

#featured-post .post .entry {
  padding: 40px 30px 30px 40px;
}

#featured-post .post h2 a {
  color: #fff;
  text-decoration: none;
}

#featured-post .post h2 a:hover,
#featured-post .post h2 a:active {
  text-decoration: underline;
}

#featured-post .post .entry h2,
#featured-post .post .entry small,
#featured-post .post .entry p,
#featured-post .post .entry .post-category a {
  color: #fff;
}

/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- SIDEBAR --------------------------------------------------------------------------------------------------------------------------------- */

#sidebar-content {
  text-align: center;
}

#sidebar-content .screen-reader-text {
  display: none;
}

#sidebar-content .condary-tools-outer {
  margin: 1em 0;
  overflow: hidden;
}

#sidebar-content h2 {
  font-size: 3.5em;
  margin-bottom: 5px;
  display: none;
}

#sidebar-content h2[role="navigation"] {
  font-size: 2.3em;
  font-weight: bold;
  margin: 0 0 10px;
  text-align: center;
}

#sidebar-content h2[role="navigation"] a {
  text-decoration:none;
}

#sidebar-content .secondary-tools ul {
  margin: 0;
}

#sidebar-content .secondary-tools ul li ul {
  margin: 0.3em 1em;
}

#sidebar-content .secondary-tools ul li.widget {
  background: none repeat scroll 0 0 transparent;
  padding: 20px 0 10px;
}

#sidebar-content .secondary-tools ul li ul li {
  font-size: 1.2em;
  font-weight: bold;
}

#sidebar-content .secondary-tools ul li ul li a:link,
#sidebar-content .secondary-tools ul li ul li a:visited {
  font-size: 1em;
  text-decoration:none;
}

#sidebar-content .secondary-tools ul li ul li a:hover,
#sidebar-content .secondary-tools ul li ul li a:active {
  text-decoration:underline;
}

#sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#sidebar > div .width-limiter {
  width: 100%;
}

#sidebar #search-2 {
  width: 33.33%;
}

#sidebar .widget_search,
#sidebar .widget_categories,
#sidebar .widget_tags {
  width: 32%;
}

#sidebar .widget_sort {
  width: 12%;
}

#sidebar .widget_sort p {
  margin: 0;
}
#sidebar .widget_sort p a {
  text-decoration: none;
}

#sidebar .widget_sort .blog-sort-arrow {
  margin-left: 10px;
}
#sidebar .widget_sort p svg {
  transform: rotate(-90deg);
}

/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- SEARCH --------------------------------------------------------------------------------------------------------------------------------- */

form#searchform {
  margin: 0;
}

form#searchform fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

label[for="s"] {
}

#searchform label[for="s"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

input#s {
  font-size: 1.8em;
  width: 100%;
}

#searchsubmit {
  height: 50px;
  margin-left: -10px;
}

select {
  font-size: 16px;
  height: 35px;
  margin-left: 10px;
}
#sidebar-content select {
  width: 100%;
  margin-left: 0px;
}
@media all and (max-width: 400px) {
  #sidebar-content select {
    width: 100%;
  }
}


/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- CTA BUTTONS --------------------------------------------------------------------------------------------------------------------------------- */

#cta-buttons h2 {
}

div.cta-button {
}

div.cta-button h2 a {
}

/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- TAG CLOUD --------------------------------------------------------------------------------------------------------------------------------- */


.widget_tag_cloud {
  position:relative;
  padding-bottom:8px;
}

.tagcloud { 
  overflow:hidden;
  margin-bottom:10px;
}

.widget_tag_cloud div a:link, 
.widget_tag_cloud div a:visited {
  background: none repeat scroll 0 0 transparent;
  font-size: 14px !important;
  padding: 2px 6px;
  text-decoration: underline;
}

.widget_tag_cloud div a:hover, 
.widget_tag_cloud div a:active  {
  text-decoration: none;
}

.widget_tag_cloud h2 {}

/* --- IMAGE ALIGNMENT ------------------------------------------------------ */
#wp-blog .post .view-all {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: left;
  clear: both;
}
#main-content .alignleft,
#main-content img.alignleft,
#main-content figure.alignleft,
#main-content .alignright,
#main-content img.alignright,
#main-content figure.alignright {
  max-width: 50%;
  display: block;
}
#main-content img {
  max-width: 100%;
  height: auto;
}
#main-content .alignright figcaption,
#main-content .alignleft figcaption {
  display: block;
}

@media all and (max-width: 570px) {
  #main-content .alignleft,
  #main-content img.alignleft,
  #main-content figure.alignleft,
  #main-content .alignright,
  #main-content img.alignright,
  #main-content figure.alignright {
    float: none;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: center;
  }
}

/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- TWEET BUTTONS --------------------------------------------------------------------------------------------------------------------------------- */

.social-buttons-blog {float: left;}
.social-buttons-blog p { float:left;margin:0;padding:0;margin-bottom:0; }
.social-buttons-blog p.social-twitter-link { width:55px;height:20px;margin-right:10px;display:inline; }
.social-buttons-blog p.social-twitter-link a { width:55px;height:20px;display:block;text-indent:-999em; }
.social-buttons-blog p.social-twitter-link a, .social-buttons-blog p.social-twitter-link a:visited { background:transparent url(/assets/templates/main/images/btn-tweet.png) no-repeat 0 0; }
.social-buttons-blog p.social-twitter-link a:hover, .social-buttons-blog p.social-twitter-link a:active { background:transparent url(/assets/templates/main/images/btn-tweet.png) no-repeat 0 -20px; }


/* --- BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATIONS --------------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 1025px) {
  #main-content .content-spacer {
    gap: 20px;
    margin-top: 20px;
  }
  #main-content > .content-spacer:not(.single-post) .post,
  #main-content > .content-spacer .post:nth-child(3n + 1),
  #main-content > .content-spacer .post:nth-child(3n) {
    width: calc(50% - 10px);
    margin: 0;
  }
}
@media all and (max-width: 800px) {
  .single #top-content-wrap {
    padding: 10px 0;
  }
  #content-wrap > .width-limiter#content {
    width: calc(100% - 40px);
  }
  #featured-post .post {
    display: block;
  }
  #featured-post .post .entry {
    padding: 20px 30px;
  }
  #featured-post .post > div,
  #main-content > .content-spacer:not(.single-post) .post,
  #main-content > .content-spacer .post:nth-child(3n + 1),
  #main-content > .content-spacer .post:nth-child(3n) {
    width: 100%;
  }
  #featured-post .post .post-image,
  #main-content > #main-content .content-spacer .post .post-image {
    height: 300px;
  }
  #sidebar {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #sidebar .widget_search {
    width: 100%;
  }
  #sidebar .widget_categories, 
  #sidebar .widget_tags {
    width: 49%;
    margin-top: 20px;
  }
  .related-posts {
    margin-bottom: 40px;
  }
  .single-post .navigation h4 {
    font-size: 1.6em;
  }
  .single-post .navigation div a {
    font-size: 16px;
  }
}
@media all and (max-width: 570px) {
  .related-posts {
    padding: 20px;
    margin-bottom: 30px;
  }
  .related-posts .related-posts-wrapper {
    display: block;
    margin-bottom: 10px;
  }
  .related-posts .related-posts-wrapper > div,
  .related-posts .related-posts-wrapper > div:first-of-type,
  .related-posts .related-posts-wrapper > div:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0;
  }
  .related-posts .related-posts-wrapper .post:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .related-posts .related-posts-wrapper .post .post-image {
    width: 30%;
    height: 75px;
  }
  .related-posts .related-posts-wrapper .post .entry {
    width: 65%;
  }
  .related-posts .related-posts-wrapper .post h5 {
    margin-top: 0;
  }
  .related-posts .related-posts-wrapper .post p {
    margin-bottom: 0;
  }
}
@media all and (max-width: 400px) {
  #sidebar .widget_categories, 
  #sidebar .widget_tags {
    width: 100%;
  }
  #wp-blog #sidebar .widget_categories,
  #wp-blog #sidebar .widget_tags {
    padding-right: 0;
  }
  #featured-post .post .post-image,
  #main-content > .content-spacer .post .post-image {
    height: 200px;
  }
  .related-posts .related-posts-wrapper {
    margin-bottom: 30px;
  }
  .related-posts .related-posts-wrapper > div,
  .related-posts .related-posts-wrapper > div:first-of-type,
  .related-posts .related-posts-wrapper > div:last-of-type {
    display: block;
    width: 100%;
  }
  .related-posts .related-posts-wrapper .post .post-image,
  .related-posts .related-posts-wrapper .post .entry {
    width: 100%;
  }
  .related-posts .related-posts-wrapper .post .post-image {
    height: 125px;
  }
  .related-posts .related-posts-wrapper .post h5 {
    margin-top: 10px;
  }
}

/* --- END BLOG --------------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/