/*
Theme Name: Theme
Version: 1.0
Template: saxon
*/

body{font-weight: normal!important}
header .logo-link img{height: auto}
header.main-header {margin-top: 10px;margin-bottom: 10px;background: none!important;}
.sub-menu .menu-item{font-size: 16px}
.nav>li>a {padding: 2px 10px!important;}
footer .footer-menu{margin-bottom: 0px}
.footer-links .menu-item{font-size: 16px}
.footer-links{text-align: center}
.avatar{margin:0px!important}
.wp-block-table.is-style-stripes{border: none}
.post-ratings{font-size:14px}

.btn,
.btn:focus,
input[type="submit"],
.wp-block-button a.wp-block-button__link,
.wp-block-search .wp-block-search__button {

    border: 0px;
}
.wp-block-buttons{margin-bottom: 25px}
.post-review-block .post-review-button-wrapper .post-review-button-icon{top:0px!important}

.single .wp-block-button a.wp-block-button__link{font-weight: 300!important;font-size: 16px!important}


.footer-wrapper .wp-element-button{display:none;position: fixed;width: 100%;bottom: 0px;z-index: 1000000;} 
.footer-wrapper .wp-block-button__link{width: 100%;border-radius:0px;padding:20px;font-size: 16px;background-color:darkred;border:0px}

.post-review-block .post-review-details li{font-size:16px;}
.appip-block-wrapper{border:1px solid gray;margin-bottom: 20px;}

.post-review-block .post-review-header{padding-top: 20px;padding-bottom: 20px;}
.post-review-block .post-review-summary h3{margin-bottom: 10px}
.post-review-block .post-review-details{padding-top: 20px;padding-bottom: 20px;}
.post-review-block .post-review-button-wrapper{padding-top: 20px;padding-bottom: 20px;}



@media (max-width: 767px)
{
    .single-post .page-item-title-single .saxon-post .post-title, .page-item-title-single .page-title {font-size: 20px!important;}
}


@media (max-width: 991px)
{
    header.main-header {margin-top: 10px!important;margin-bottom: 10px!important;}
}

@media (max-width: 767px)
{
    .post-review-block .post-review-header {padding: 10px 10px!important;}
    .post-review-block .post-review-details {padding: 10px 10px!important;}
    .post-review-block .post-review-summary h3 {font-size: 25px;}
    .post-review-block .post-review-button-wrapper {padding: 40px 0px!important;}
}


.wp-block-rank-math-toc-block.has-background{
-webkit-box-shadow: 6px 6px 12px 0px rgba(0,0,0,0.5);
box-shadow: 6px 6px 12px 0px rgba(0,0,0,0.2);
}

.wp-block-rank-math-toc-block ul {
  list-style: none; /* Remove default bullets */
}

.wp-block-rank-math-toc-block ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.wp-block-rank-math-toc-block a:hover {
  text-decoration: underline;
  color: #d93f7e;
}

.wp-block-rank-math-toc-block a:visited {
  color: #d93f7e;
}
.wp-block-rank-math-toc-block a {
  color: #282828;
}
.wp-block-rank-math-toc-block ul > li > a {
  font-weight: 450;
}
.wp-block-rank-math-toc-block ul > li > ul > li >a {
  font-weight: normal;
}
.wp-block-rank-math-toc-block a {
  text-decoration: none;
  text-shadow: none;
}


body .is-layout-flex.cs_product_cnt{display: grid} 
.cs_product_cnt .wp-block-column{padding:0px!important;}

.cs_band{grid-area: cs_band_pick;display: flex;}
.cs_band_pick {
  position: relative;
  display: inline-block;
  left: -30px;
  top: 0;
  padding: 4px 10px 4px 13px;
  background: #ffcb3f;
  /*box-shadow: 0 4px 6px rgba(63,211,187,.25);*/
  font-size: 12px;
  text-transform: uppercase;
  color: #1c2642;
  font-weight: 700;
  border-radius: 4px 4px 0 4px;
  height: 26px;
  line-height: 18px;
  margin: 0px!important;
  margin-bottom: 0px;
  z-index: 100;
  
}
/*.cs_band_pick::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 26px;
  width: 0;
  height: 0;
  border-top: 7px solid #c4c4c4;
  border-left: 7px solid transparent;
}
*/
.cs_band_pick::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 25px solid #ffcb3f;
  position: absolute;
  right: -7px;
  transform: rotate(1deg);
  border-radius: 0 0 0px 0;
  top: 1px;
}

.cs_band_pick2 {
  position: relative;
  display: inline-block;
  left: -32px;
  top: 0;
  padding: 4px 10px 4px 22px;
  background: #005ab2;
  /*box-shadow: 0 4px 6px rgba(63,211,187,.25);*/
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  border-radius: 4px 4px 0 4px;
  height: 26px;
  line-height: 18px;
  margin: 0px!important;
  margin-bottom: 0px;
  
}

.cs_band_pick2::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 25px solid #005ab2;
  position: absolute;
  right: -7px;
  transform: rotate(1deg);
  border-radius: 0 0 4px 0;
  top: 1px;
}
.cs_product_logo {
  grid-area: cs_product_logo;
  position: relative;
}
.cs_product_logo a{
display: block;
margin-bottom: 0px;
}
.cs_product_details {
  grid-area: cs_product_details;
}
.cs_product_details a{max-height: 50px;overflow: hidden;display:block}

.cs_product_details > p {
  font-weight: 700;
  font-size: 20px !important;
  line-height: 24px;
  margin-bottom: 10.5px;
  color: #000 !important;
  max-height: 50px;overflow: hidden;display:block
}
.cs_product_details ul {
  list-style-type: none;
  margin: 0;
  padding-inline-start: 0;
}
.cs_product_details ul li {
  padding-left: 22px;
  margin: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjg3MDExNyA0LjQyMDE1TDQuMDA5NzIgNy41NTk3NUwxMC4xMjkgMS40NDA0MyIgc3Ryb2tlPSIjMUMyNjQyIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==") left center no-repeat;
  font-size: 14px;
  line-height: 23px;
  max-height: 23px;
  overflow: hidden;
}

.cs_product_rating {
  grid-area: cs_product_rating;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 0px;
}
.cs_product_rating{
  font-size: 26px;
  font-weight: 700;
  line-height: 33px;
  margin:0px!important
}

.cs_product_rating_stars {
  width: 85px;
}
.cs_product_rating_stars img{
  margin: 5px 0 0;
  width: 85px;
}
.cs_product_rating_stars figcaption{display: none}

.cs_product_review_url {
  padding-top: 9px;
  display: flex;
  align-items: center;
}
.cs_product_review_url a {
  color: #1c2642;
  font-size: 14px;
}

.cs_product_url {
  grid-area: cs_product_url;
  margin-top: 35px;
  margin-right: 20px;
}

.cs_product_url {
  grid-area: cs_product_url;
  background: #005ab2;
/*  box-shadow: 0 10px 36px rgba(60,179,113,.13);*/
  border-radius: 44px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  display: block;
  height: 44px;
  line-height: 44px;
  position: relative;
  text-decoration: none !important;
}
.cs_product_url p {margin: 0px;}
.cs_product_url a{color:#fff;text-decoration: none !important;}

.cs_product_url a:hover {
  opacity: .9;
  text-decoration: none !important;
  color: #fff;
}

.cs_product_cnt{
border: 4px solid #d93f7e;
padding: 16px;
}

.cs_product_cnt{
  padding: 20px;
  margin: 12px auto;
  width: 100%;
  -webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.2);
  box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.2);
  border-radius: 6px;
  display: grid;
  grid-template-columns: 130px 1fr 100px 14% 195px;
  grid-template-rows: auto;
  gap: 10px 24px;
  position: relative;
  grid-template-areas:
  "cs_band_pick cs_band_pick   cs_band_pick   cs_band_pick  cs_band_pick"
  "cs_product_logo cs_product_details cs_product_details cs_product_rating cs_product_url"

}


 @media screen and (max-width: 991px)
{
    .cs_product_cnt {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      gap: 8px 10px;
      grid-template-areas:

      "cs_band_pick   cs_band_pick  " 
      "cs_product_logo     cs_product_rating    " 
      "cs_product_details    cs_product_details     " 
      "cs_product_url    cs_product_url   " ;
      
    }

}
