body{font-family:mr-eaves-modern,sans-serif;font-style:normal;font-weight:400;color:#222;font-size:18px}h1,h2,h3,h4,h5,h6{font-family:mrs-eaves,serif;font-weight:900}p{letter-spacing:1px}button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover{outline:0}a,button,input{transition:all .5s ease}li,ul{margin:0;padding:0}.site-header{background-repeat:no-repeat;background-size:cover;background-position:center}.main-navigation li.active>a{color:#60a6e9}.contact__page div.wpcf7-response-output{margin:0 auto}.app-word-counter-right .panel-heading{background:#60a6e9;padding:5px 15px;display:flex}.app-word-counter-right .panel-heading .panel-title{color:#fff;font-family:mrs-eaves-roman-small-caps,sans-serif;font-weight:400;margin:0;font-size:16px}.app-word-counter-right .list-group{margin:1px 0;padding:15px 40px;list-style:none;border:1px solid #60a6e9;background:#fff}.app-word-counter-right .list-group .list-group-item{display:flex;justify-content:space-between;padding:5px 15px;font-size:16px}.app-word-counter-right .list-group .list-group-item:nth-child(2n+1){background:#f7f8f9}.app-word-counter-right .list-group .list-group-item .badge{order:2}.app-word-counter-right .list-group .list-group-item .word{order:1;font-size:16px;font-weight:400}.app-word-counter-right .panel-group{margin-left:80px}.character-content{padding-top:45px;padding-bottom:45px}.character-title{text-align:center;font-size:48px;font-weight:700;margin-bottom:30px}.post-sidebar-left{width:160px;float:left;position:sticky;top:40px;left:20px;z-index:2}.post-sidebar-right{width:300px;float:right;position:sticky;top:40px;right:20px;z-index:2}.code-block.code-block-1{display:none!important}.main-content-page{padding-top:190px}.main-content-page .s-word-counter{position:relative;padding-top:0!important;z-index:1}.bg-s-word-counter{width:100vw;height:100%;position:absolute;top:0;left:calc(50% + 60px);right:50%;margin-left:-50vw;margin-right:-50vw}.bg-s-word-counter img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.word-count-main{width:100%}.word-count-main .word-count{margin:20px auto}.proper-my-2{margin:20px auto!important}.footer{padding-bottom:100px}#load_posts{font-size:20px;padding:14px 46px}.slider_logos{margin:40px 0 100px}.slider_logos .slick-track{display:flex!important;align-items:center}.slider_logos .slick-slide{padding:0 15px}.slider_logos .slick-slide:focus{outline:none}.slider_logos_title{text-align:center}
section{ position:relative; width:100%; padding:40px 0px; }
.inner-page-wrapper{ margin-top:110px;}
.card.card-item { margin-bottom: 20px; text-align: center!important; background: #fff; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
  transition: transform .4s; }
.card .card-header.card-header-image { position: relative; padding: 0; border: none; }
.card:hover {transform: scale(1.05);}
.card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125); }
a.comparison img { object-fit: cover; width: 100%; height: 120px; }
.card.card-item .card-body { padding-top: .5rem!important; padding-bottom: .5rem!important; }
.card-body { flex: 1 1 auto; padding: 1.25rem; }
.card.card-item a.title { color: #000000; text-decoration: none; font-weight: 700; padding-left: 5px; padding-right: 5px; }
.posts-wrap .col-12.col-plug{ margin:0px !important; float:none !important;}
.posts-wrap .card-header-image .comparison img{ margin:0px !important; float:none !important;}
.text-center{text-align:center;}
.card.card-item a.title { font-size:18px;color: #000000; text-decoration: none; font-weight: 700; padding-left: 5px; padding-right: 5px; line-height: 36px; margin: 0!important; white-space: nowrap!important; overflow: hidden; text-overflow: ellipsis; display: block; }
.row.posts-wrap {margin-bottom: 40px;}
.s-about.s-simple .row.posts-wrap, .trending-comparisons .row.posts-wrap, .popular-comparisons .row.posts-wrap {margin-bottom: 20px;}
.bg-gray{background-color: #f0f0f0;}
.primary-bg{background: #d7e8f4; border: 1px solid #c3ddef;}
.secondary-bg {background: #f4e8d7;border: 1px solid #efddc3;}
.latest-comparisons, .most-popular, .latest-comparisons, .trending-posts, .search-page-wrap{min-height:320px; }
.wrap-compare-search{min-height:460px; padding:0px;}
.wrap-compare-search .compare-search{padding:40px;}
.latest-comparisons.latest-comparisons-text{min-height:auto; }

.versus-background{ color: #fff!important; background-image: url(https://thewordcounter.com/wp-content/uploads/2021/05/pasted-image-0-24-800-x-599.jpg); background-size: cover; background-position: center; }
.comparison-thumbnail {margin-top: 40px;}

.footer .menu { width: 100%; }
.footer-columns .zoom-social-icons-widget { max-width: 88px; margin: 0px !important; padding: 0px 0px; }

.meta, .spelling, .spelling-featured-img { display: flex; flex-flow: row wrap; justify-content: space-between; color: #ffffff; max-width: 620px; margin: 0px auto;     font-size: 18px; }
.spelling-correction-wrap{margin:0px auto !important; margin-top:20px !important; display: flex; flex-flow: row wrap; justify-content: space-between; max-width: 620px; margin: 0px auto; }
.spelling-correction-wrap .illustrations-featured-img{height: auto; }
.spelling-correction-wrap .illustrations-featured-img:nth-child(2n+2){ margin-right:0px;}
.spelling-correction-wrap .illustrations-featured-img img {filter: none;}

.illustrations-row { display: flex; flex-flow: row wrap; margin-left: -8px; width: 100%; } .illustrations-featured-img { flex: auto; height: 250px; min-width: 150px; margin: 0 8px 8px 0; overflow: hidden; }
.illustrations-featured-img img{object-fit: cover; width: 100%; height: 100%; filter: brightness(50%); transition: filter .2s;}
.illustrations-featured-img img:hover {filter: brightness(100%);}

.spelling {color: #000000;}
.how-to-spell-details{padding: 20px;box-shadow: -8px 9px 5px -8px rgb(0 0 0 / 75%);height: 100%;}
.spelling .correct, .spelling .incorrect {display: flex;flex-flow: row nowrap;align-items:center;}
.spelling .correct .correct-icon {font-size: 60px;color: #393;margin-right: 20px;    line-height: 60px;height: 58px;}
.spelling .incorrect .incorrect-icon {font-size: 60px;color: #c33;margin-right: 20px;    line-height: 60px;height: 58px;}
.spelling .word { font-size: 35px; line-height: 35px; }
.sub-heading{ margin-bottom: 20px;font-weight: 500;line-height: 1.2; font-size:24px;}
.term { margin-bottom: 5px; font-weight: 700; font-size: 24px;    font-family: mr-eaves-modern,sans-serif;}
.pos { font-weight: 400; font-style: italic; margin-left: 7px; color: #555; font-size: 16px;letter-spacing: normal !important; }
.how-to-spell-details p:last-child {margin-bottom:0px; }
.quick-links a{color: #3c4858; font-weight: 700; transition: color .2s;    line-height: 36px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;    font-size: 18px;}
.quick-links a:hover, .quick-links a:focus {text-decoration: none;color: #60A6E9;}
.latest-comparisons .quick-links a:focus {outline: solid 0px #639af9 !important;outline-offset: 0px !important;}
.mb-4{margin-bottom:20px;}

.comparison-search-box { display: flex; flex-flow: row wrap; justify-content: space-between;max-width: 620px; margin: 0px auto;  font-size: 18px; }
.comparison-search-box .search-form {width:100%; display:flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;    align-items: center;}
.comparison-search-box .search-form input[type="search"]{ border: 0; height: 52px; font-size: 18px; padding: 0px 0px; font-weight: 400; line-height: 1.125; color: #495057; background-color: transparent; background-clip: padding-box; border-radius: 0; border-bottom: 1px solid #60a6e9; outline: 0px; width:100%;}
.comparison-search-box .search-form input[type="search"]:focus{outline: solid 0px #639af9 !important;outline-offset: 0px !important;}
.comparison-search-box .search-form-control{ width:110%; }
.search-vs { margin: 0px 15px; font-size: 24px; }

.submit-search-form input{ color: #222; border: 2px solid #60a6e9; width: auto; padding: 10px 20px; text-align: center; font-size: 18px; font-weight: 700; text-decoration: none; transition: all .25s ease; margin: 0 auto; margin-left:15px; cursor:pointer;}
.submit-search-form input:hover { background-color: #60a6e9; color: #fff; text-decoration: none; }


@media only screen and (min-width:1024px) {
  .illustrations-featured-img:nth-child(4n+1) {
    width: 250px
  }
  .illustrations-featured-img:nth-child(4n+2) {
    width: 325px
  }
  .illustrations-featured-img:nth-child(4n+3) {
    width: 180px
  }
  .illustrations-featured-img:nth-child(4n+4) {
    width: 380px
  }
}
@media only screen and (min-width:768px) {
  .illustrations-featured-img:nth-child(4n+1) {
    width: 200px;
  }
  .illustrations-featured-img:nth-child(4n+2) {
    width: 250px
  }
  .illustrations-featured-img:nth-child(4n+3) {
    width: 120px
  }
  .illustrations-featured-img:nth-child(4n+4) {
    width: 280px
  }
}
.main-navigation ul ul { padding: 15px 0px; }
.post-heading { font-size: 36px; margin-bottom: 20px; line-height: 1.4;text-transform: capitalize;}
@media only screen and (min-width:1200px) {
	.s-simple .container, .s-about .container, .container {max-width: 1200px !important;}
	.site-header .container {max-width: 1700px !important;}
}
.s-about.s-simple {padding: 40px 0 40px !important;}
.s-about.s-simple.inner-page-wrapper.wrap-compare-search {padding-top: 0px;}
/***********/

label.error {
  color: red;
}

