/* Use .si class to align SVG Icons */
.si {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    vertical-align: middle;
    position: relative;
    top: -0.0625em;
    text-align: center;
    stroke-width: 0;
    overflow: visible;
}

#scroll-to-top {
    display: none;
}

/* Wordpress Loop Container Styles Start */
.loop-container {
    column-count: 1;
    column-gap: 0.75rem;
}
.loop-container article {
    break-inside: avoid;
    padding-top: 0.3rem;
    padding-bottom: 0.45rem;
}
@media (min-width: 576px) {
    .loop-container {
        column-count: 2;
    }
}
@media (min-width: 768px) {
    .loop-container {
        column-count: 3;
    }
}
/* Wordpress Loop Container Styles End */


.skip-link:focus{font-weight:600}
.screen-reader-text:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}

.wp-caption,.wp-caption-text,.gallery-caption,.bypostauthor{font:inherit}
img,video,.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}



/* Navbar */

.site-header {z-index: 1;}
.nav-pills .nav-link {border: 2px solid #212529; border-radius: 1rem; padding: 0.25rem 1rem; color: #212529;}
.nav-pills .nav-link:hover {color: #fff;background-color: #212529;}


.navbar-collapse form {margin-top:1rem}
@media (min-width: 768px) {
.navbar-collapse form {margin-top:0rem}
}



.navbar-collapse .form-control {border-radius: 1rem; border: 2px solid #212529; max-height: 36px}

.navbar-collapse input.form-control:focus {
    border-color: #212529;
    box-shadow: 0 0 0 0.25rem rgb(88 88 88 / 25%);
}

.navbar-collapse input.form-control:focus::placeholder {
  color: transparent;
}

.navbar-toggler {
    width: 16px;
    height: 16px;
    position: relative;
    transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #212529;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.middle-bar {
    margin-top: 0px;
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 8px;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 16px;
    transform: rotate(0deg);
}

/* when navigation is clicked */

.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

ul.collapse-extra-links {padding-left: 0rem; margin-right:0.5rem; transition: none; margin-top: 1rem; }
.collapse ul.collapse-extra-links {display: none;}
.collapse.show ul.collapse-extra-links {display: block;}



.collapse-extra-links li {display: flex; align-items: center; background-color: #f0f0f0; border-radius: 0.25rem; padding: 0.5rem; margin-bottom: 0.25rem}
.collapse-extra-links li a {width: 100%; color: #212529; font-weight: 500; text-decoration: none;}
.collapse-extra-links li:hover {background-color: #e8effa;}

.collapse-extra-links li::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23%7B$accordion-icon-color%7D'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-size: 1rem 1rem;
  height: 1rem;
  width: 1rem;
  display: inline-block;
  content: ' ';
  margin-left: auto;
  background-repeat: no-repeat;
  rotate: -90deg;
  flex-shrink: 0;
}




/* Musthead */


.entry-head {border-bottom: 1px solid #ddd; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}

.entry-head .entry-author a, .entry-head .entry-author a:visited, .entry-head .entry-author a:active {color: #212529; text-decoration: none; border-bottom: 1px #212529 dashed;}
.entry-head .entry-author a:hover {color: #0d6efd;}

.entry-head .entry-meta {margin-top: 3rem; margin-bottom: 2rem;}
.entry-head .entry-meta .svg-inline--fa {vertical-align: -0.125rem!important;}

.entry-head .entry-meta-mob {margin-top: 0rem; margin-bottom: 1rem; font-weight: 300; font-size: 0.875rem}
.entry-head .entry-meta-mob .svg-inline--fa {vertical-align: -0.125rem!important;}

@media (min-width: 576px) {
.entry-head {background-color: #f5f5f5;}
.entry-head .entry-meta {margin-top: 3rem; margin-bottom: 5rem;}
.entry-head .entry-meta-mob {display: none}
}


/* Readability */

.entry-header h1 {font-weight: 900; margin-top: 1rem; margin-bottom: 1rem;}
.entry-header .entry-byline {font-size:1rem; font-weight: 300;}

.entry-content p, .entry-content ul, .entry-content ol, .entry-content table, .entry-content br, .entry-content h2, .entry-content h3, .entry-content h4 {max-width: 576px; margin-right: auto; margin-left: auto; -webkit-font-smoothing: antialiased;}

.entry-content h2, .entry-content h3, .entry-content h4 {margin-bottom: 1rem; margin-top: 2rem; font-weight: 700;}

.entry-content p:first-of-type {margin-bottom: 1rem; margin-top: 2rem;}


.entry-content img {margin-right: auto; margin-left: auto; margin-top: 2rem; margin-bottom: 3rem; display: block;}
.ratio {margin-right: auto; margin-left: auto; margin-top: 2rem; margin-bottom: 3rem; display: block;}


@media (min-width: 576px) {
.entry-header h1 {margin-top: 3rem; margin-bottom: 1.75rem;}
.entry-header .entry-byline {font-size:1.25rem; margin-bottom: 3rem;}
.entry-content p, .entry-content ul, .entry-content ol  {font-size:1.0625rem; margin-bottom: 1.5rem;}
.entry-content h2, .entry-content h3, .entry-content h4 {margin-bottom: 1.5rem; margin-top: 2rem;}
.entry-content ul li, .entry-content ol li {margin-bottom: 1.5rem;}
}

@media (min-width: 768px) {
.entry-header h1 {margin-top: 5rem; margin-bottom: 2rem;}
.entry-header .entry-byline {font-size:1.375rem;}
.entry-content p, .entry-content ul, .entry-content ol {font-size:1.125rem; margin-bottom: 1.75rem;}
.entry-content h2, .entry-content h3, .entry-content h4 {margin-bottom: 1.75rem; margin-top: 3rem;}
}

@media (min-width: 992px) {
.entry-header h1 {margin-top: 7rem; margin-bottom: 2.5rem;}
.entry-header .entry-byline {font-size:1.5rem;}
.entry-content p, .entry-content ul, .entry-content ol {font-size:1.25rem; margin-bottom: 2rem;}
.entry-content h2, .entry-content h3, .entry-content h4 {margin-bottom: 2rem; margin-top: 4rem;}
}




/* table of contents */

#toc_container {max-width: 576px; margin-right: auto; margin-left: auto; -webkit-font-smoothing: antialiased;}
#toc_container ul {padding-left: 0rem;list-style-type: none;}
ul.toc-list {padding-left: 1rem!important}
ul.toc_list li {margin-bottom: 0.25rem!important;}
ul.toc_list li::before {content: "\25B6"; color: #0a58ca; font-size: 0.75rem; padding-right: 0.5rem;}
ul.toc_list li ul {padding-left: 1rem; margin-bottom: .75rem;}
ul.toc_list li ul li::before {content: "\25B7"; color: #0a58ca; font-size: 0.75rem; padding-right: 0.5rem; margin-left: 1rem}
ul.toc_list a {color:#212529;text-decoration: none; border-bottom: dashed 1px #212529; }
ul.toc_list a:hover {color:#0a58ca; border-bottom: dashed 1px #0a58ca;}




/* Author box */

.authority {padding: 5rem 0rem;background-color: #f5f5f5;}

#author-bio {max-width: 576px;}

.post-author {border-radius: 50%!important;padding: 0.25rem;background-color: #fff;border: 1px solid #dee2e6;}



.wp-user-avatar {border-radius: 50%!important;padding: 0.25rem;background-color: #fff;border: 1px solid #dee2e6;}


/* Cats and tags */

.entry-footer {max-width: 576px; display: block; margin: 4rem auto;}
.cat-links a{text-decoration:none}
.tags-links a{text-decoration:none;margin-right:0.5rem;}
.page-numbers li a.current,.page-numbers li span.current{background-color:#6c757d;color:#fff;border-color:#6c757d}


/* Share links */


.share-links {font-size: 1rem; margin-bottom: 2rem;}
.share-links a {color: #212529; margin-bottom: 1rem;}


.share-links a svg {width: 18px!important; height: 18px!important;}
.share-links .svg-inline--fa {vertical-align: middle!important;}
.share-links a {
    display: inline-block;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #ccc;
    padding: .5rem;
    font-size: 1rem;
    border-radius: 50%;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.share-links a.fb {color: #1877f2;}
.share-links a.tw {color: #1da1f2;}
.share-links a.vk {color: #4a76a8;}
.share-links a.ok {color: #ed812b;}
.share-links a.tg {color: #0088cc;}
.share-links a.wa {color: #25d366;}
.share-links a.li {color: #0077b5;}
.share-links a.re {color: #ff4500;}
.share-links a.pi {color: #e60023;}

.share-links a:hover {color: #fff;}
.share-links a.fb:hover {background-color: #1877f2;}
.share-links a.tw:hover {background-color: #1da1f2;}
.share-links a.vk:hover {background-color: #4a76a8;}
.share-links a.ok:hover {background-color: #ed812b;}
.share-links a.tg:hover {background-color: #0088cc;}
.share-links a.wa:hover {background-color: #25d366;}
.share-links a.li:hover {background-color: #0077b5;}
.share-links a.re:hover {background-color: #ff4500;}
.share-links a.pi:hover {background-color: #e60023;}




/* ratings  */

.entry-ratings {margin-bottom: 2rem;}


.rmp-heading--title {
font-size: 1rem;
font-weight: normal;
}

.rmp-icon--ratings{color:#ccc;font-size:1rem}
.rmp-rating-widget .rmp-icon--ratings{font-size:2rem}
.rmp-icon--full-highlight{color: orange}
.rmp-rating-widget .rmp-icon--full-highlight{color:gold}
.rmp-icon--half-highlight{background:linear-gradient(to right,orange 50%,#ccc 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rmp-rating-widget .rmp-icon--half-highlight{background:linear-gradient(to right,gold 50%,#ccc 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

@media (hover:hover){.rmp-rating-widget .rmp-icon--hovered{color:red;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background:0 0;transition:.1s color ease-in}}
.rmp-rating-widget .rmp-icon--processing-rating{color:orange;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background:0 0}






/* cards  */

.card-img-top {width: 100%;height: 300px;object-fit: cover;}

.card-img-related {width: 100%;height: 100%;object-fit: cover;}

.card-h{
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
  height: 90%;
  background-color: #fcfcfc;
}
.card-h:hover{
  transform: scale(1.025);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  background-color: #f9f9f9;
}

.card-related-h{
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
  background-color: #fcfcfc;
}
.card-related-h:hover{
  transform: scale(1.025);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  background-color: #f9f9f9;
}


/* comments-area  */

/* .comments-area {margin-top: 1rem; margin-bottom: 8rem;} */

ol.comment-list {padding-left: 0; list-style-type: none } 
ol.comment-list li {margin-bottom: 1rem; border: 1px solid rgba(0,0,0,.125);border-radius: 0.25rem;padding: 1.25rem;}
.comment-author {margin-bottom: 1rem}
.comment-author img {border-radius: 50%; margin-right: 1rem;}
.comment-author cite {font-style: normal; margin-left: 0.5rem}
.comment-author cite a {color: #333; text-decoration: none; font-weight:bold;}
a.comment-reply-link  {color: #333; text-decoration: none; font-weight: 300; font-size: 14px; vertical-align: right; display: none;}
a.comment-reply-link:before { content:"\21B3"; padding-right: 0.5rem;}

.comment-author .says {display: none}
.comment-metadata {display: none}

.comments-list ul.children {margin: 1rem 0 1rem 1rem;}






/* Sitemap */

.sitemap-ol {padding-left: 1.25rem;}




/* <div class="divider div-transparent"></div> */

.divider {position: relative;margin-top: 90px;margin-bottom: 90px;height: 1px;}
.div-transparent:before {content: "";position: absolute;top: 0;left: 15%;right: 15%;width: 70%;height: 1px;background-image: linear-gradient(to right, transparent, rgb(188,188,188), transparent);}



.contact-accounts svg {width:20px;height:20px} .review-sources img {max-width:60px;max-height:60px}


/* Rating Stars */

.rating-stars-empty {
    width: 120px!important;
}
.medium-star {
    background-size: 120px!important;
    height: 20px;
}
.rating-stars-empty {
    float: left;
    margin: 0 10px 0 0;
    background: url(../img/small-stars.svg) no-repeat 0 100%;
    position: relative;
}

.rating-stars-filled {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/small-stars.svg) no-repeat 0 0;
}



/* questionnaire.php */

.header-questionnaire .entry-byline {font-weight: 400; -webkit-font-smoothing: antialiased;}

@media (min-width: 576px) {
.header-questionnaire .entry-byline {font-weight: 300; -webkit-font-smoothing: auto;}
}


.entry-questionnaire .questions-heading
{
    max-width: 768px;
    background-color: #DC143C;
    color: white;
    padding: 2rem;
    border-radius: .5rem;
}


.entry-questionnaire ol {max-width: 768px; margin-right: auto; margin-left: auto; -webkit-font-smoothing: antialiased; padding: 0}


.entry-questionnaire ol li {
  list-style-type: none;
  counter-increment: item;
  font-weight: 500;
  margin-bottom: 2rem!important;
  display: inline-flex;
}

.entry-questionnaire ol li:before {
  content: counter(item);
  margin-right: 1.5rem;
  background-color: #DC143C;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 6px;
  margin-bottom: 2rem!important;
  display: inline-flex;
  height: 2.5rem;
}