/**
  * Description: MessageGunAdvice Custom CSS + Tweaks
 * Author: Greg
 */

/*========helpers CSS - NOT NEEDED?? ============*/
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.no-border-radius,
.no-border-radius img {
  border-radius: 0 !important;
}
:root {
    --mga-box-shadow:0 12px 1s8px -6px rgba(34, 56, 101, 0.06);
}
}
.magad-shadow {
  box-shadow: 0 12px 18px -6px rgba(34, 56, 101, 0.06);
}
/*========Global tweaks ============*/
a {
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
/*========External link icon========*/
:root {
  --star-rating-inactive-color: #f8eaa8;
  --star-rating-initial-color: #ffbb00;
}
:root {
  /*
    line left
    line right
    line bottom
    line top
    arrow left
    arrow right
    arrow diagonal
*/
  --icon-external-link: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"> \
        <g style="stroke:rgb(16,142,255);stroke-width:1"> \
            <line x1="5" y1="5" x2="5" y2="14" /> \
            <line x1="14" y1="9" x2="14" y2="14" /> \
            <line x1="5" y1="14" x2="14" y2="14" /> \
            <line x1="5" y1="5" x2="9" y2="5"  /> \
            <line x1="10" y1="2" x2="17" y2="2"  /> \
            <line x1="17" y1="2" x2="17" y2="9" /> \
            <line x1="10" y1="9" x2="17" y2="2" style="stroke-width:1.5" /> \
        </g> \
    </svg>');
}
.entry-content a[target="_blank"]::after {
  content: "";
  background: no-repeat var(--icon-external-link);
  padding-right: 1em;
}
a.ct-button[target="_blank"]::after,
a.ct-button-ghost[target="_blank"]::after,
.ct-popup-inner a[target="_blank"]::after,
.entry-content .wp-block-social-link a[target="_blank"]::after,
.entry-content .wp-block-image a[target="_blank"]::after,
.entry-content .mga-prime-day-deals a[target="_blank"]::after,
.entry-content .gb-block-image a[target="_blank"]::after {
  display: none;
}
/*========WP related Custom CSS============*/
.entry-content .wp-block-image:not(.wp-block-image.is-style-rounded) img {
  border-radius: 0.5em;
  overflow: hidden;
}
@media all and (max-width:689.98px){
  .wp-block-gallery .wp-block-image {
    width:100% !important;
  }
}
.wp-block-table.is-style-stripes {
  box-shadow: 0 12px 18px -6px rgba(34, 56, 101, 0.06);
  border-radius: 5px;
  background-color: white;
}
.wp-block-table.is-style-stripes table {
    border-style: none;
    border-width: 0px;
}
.wp-block-table.is-style-stripes thead {
  background: #f9eba8;
  border-bottom: 0;
}
.wp-block-table.is-style-stripes tbody {
  border-top: 2px solid #ffbb00;
  border-bottom: 2px solid #ffbb00;
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: transparent !important;
}
.wp-block-table.is-style-stripes figcaption {
  padding-top: 10px;
  padding-bottom: 15px;
}
/*.wp-block-separator {*/
/*	margin-bottom: calc(var(--has-theme-content-spacing, 1)*(0.3em + 10px));*/
/*}*/
.wp-block-separator:not(.is-style-dots) {
    height: 1px;
    margin-top: var(--theme-content-vertical-spacing);
    margin-bottom: var(--theme-content-vertical-spacing);
    
}
.wp-block-column .wp-block-quote,
.wp-block-column .wp-block-gallery {
/*margin-bottom: var(--content-spacing);*/
margin-bottom: calc(var(--has-theme-content-spacing, 1)*(0.3em + 10px));
}
/* gallery gap 6.1 defaults correction */
figure.wp-block-gallery.has-nested-images {
    gap: 10px;
}
/*========Blocksy tweaks============*/
 :root {
    --listIndent: 1.5em;
 }
/*#search-modal {*/
/*    z-index: 9999999 !important;*/
/*}*/
.ct-image-container-static>img {
    display: block!important;
}
.ct-sticky-widgets {
  margin-top: 40px;
}
[data-link=type-2] article .entry-content li>a {
    text-decoration: underline;
}
.ct-comment-content ul {
    list-style: disc;
    list-style-position: outside;
    margin-left: 25px;
}
.ct-comment-content ul li {
    margin-bottom:16px;
}
.ct-comment-content img {
    margin-top:16px;
    margin-bottom:16px;
}
/*-------mobile menu drower-------------*/
.ct-panel.ct-header { top: var(--header-height) }
.ct-panel .ct-panel-actions { display: none }
.admin-bar .ct-panel.ct-header { top: calc( var(--wp-admin--admin-bar--height) + var(--header-height) ) }

/*sidebar ad boxes margin*/
.ct-sidebar .ct-sticky-widgets .ct-widget {
	margin-bottom: 10px;
}
/*advance menu link colors correction*/
.menu-item a {
    color: rgba(255,255,255,0.85);
}
.menu-item a:hover {
    color:var(--theme-palette-color-1);
}
/*========MGA Custom CSS============*/
.mga-info-icon img {
    padding-left:4px;
    display:inline-block;
}
.mga-prime-btn {
	text-shadow:none !important;
}
.mga-sub-menu-list li {
    position:relative;
    list-style: none;
	padding:5px 0 5px 10px;
}
.mga-sub-menu-list li:before {
  content:"·";
	position:absolute;
	left:0;
}
.menu-item .entry-content .gb-container h6 {
    margin-top: 5px !important;
}
.mga-advancedmenu-featured-review-box h6 a:hover {
	color: var(--linkHoverColor);
}
.entry-content .mga-bottom-sticky-ext-link a[target="_blank"]::after {
	display:none;
}
.home section.gb-container {
	margin-bottom:0 !important;
}
@media only screen and (min-width: 689.98px) {
.magad-home-grid .entry-card .entry-title a,
.magad-home-grid a {
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
  }
    .mga-home-grid-col-border {
        position: relative;
    }
    .mga-home-grid-col-border:after {
        content: "";
        position: absolute;
        top: 0;
        right: -40px;
        height:100%;
        border-left: 1px solid var(--theme-palette-color-5, #dfe2e6);
    }
    .mga-home-grid-col-border:before {
        content: "";
        position: absolute;
        top: 0;
        left: -40px;
        height:100%;
        border-left: 1px solid var(--theme-palette-color-5, #dfe2e6);
    }
}
[data-prefix="blog"] [data-cards="simple"] .entry-card:last-child {
  border-bottom: 0 none;
}

.mga-header-cta {
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (min-width: 689.98px) {
    .mga-header-cta {
        font-size: 12px;
        letter-spacing: -0.3px;
    }   
}
.mga-list-columns {
    padding-left: 20px;
    column-count: 4;
    column-gap: 30px;
    column-rule: 1px solid var(--border-color);
    column-width: 100px;
}
.mga-list-columns > li {
    margin-left: 15px;
}
/*.mga-list-columns-4 {*/
/*	columns:2;*/
/*}*/
/*@media only screen and (min-width: 689px) {*/
/*    .mga-list-columns-4 {*/
/*    	columns:4;*/
/*	}*/
/*}*/
/* auto-increment footer most popular wiget start */
.mga-auto-increment article {
  position: relative;
  padding-left: 45px;
  counter-increment: post-counter;
}
.mga-auto-increment article:before {
	content: counter(post-counter);
  border: 1px solid rgba(223, 226, 230, 0.6);
  width: 34px;
  height: 34px;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 50%;
  display: block;
  line-height: 32px;
  color: rgba(223, 226, 230, 0.6);
  text-align: center;
  margin-right: 0.5rem;
  counter-increment: ct-counter;
	font-size: 12px;
	font-weight: 700;
	border-radius: 100%;
	transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mga-auto-increment article:hover:before {
	  border-color: var(--theme-palette-color-2);
	color: rgba(223, 226, 230, 0.9);
  background: var(--theme-palette-color-2);
}
/* auto-increment footer most popular wiget end */

.is-style-magad-more-box {
  background-color: white;
  /*background-color: #f9eba8;*/
  padding: 1.25em 2.375em;
  border-left: 3px solid #ffbb00;
  position: relative;
  border-left: 4px solid #ffbb00;
  border-radius: 4px;
  box-shadow: var(--mga-box-shadow);
}
.is-style-magad-more-box:before {
  display: block;
  background: #ffbb00;
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  top: 21px;
  left: -17px;
  content: "\2192";
  text-align: center;
  color: white;
  font-weight: bold;
}
.is-style-magad-info-box {
  background-color: white;
  padding: 1.25em 2.375em;
  border-left: 4px solid #40a4fe;
  position: relative;
  /*border-radius: 3px;*/
  border-radius: 4px;
  box-shadow: var(--mga-box-shadow);
}
.is-style-magad-info-box:before {
  display: block;
  background: #40a4fe;
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  top: 21px;
  left: -17px;
  content: "i";
  text-align: center;
  color: white;
  font-weight: bold;
}
.is-style-magad-deal-box {
  background-color: white;
  padding: 1.25em 2.375em;
  border-left: 4px solid #00cc99;
  position: relative;
  /*border-radius: 3px;*/
  border-radius: 4px;
  box-shadow: var(--mga-box-shadow);
}
.is-style-magad-deal-box:before {
  display: block;
  background: #00cc99;
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  top: 21px;
  left: -17px;
  content: "$";
  text-align: center;
  color: white;
  font-weight: bold;
}
.has-yellow-background-color {
  background-color: #ffbb00 !important;
}
.has-green-color {
  color: #009933;
}
.has-red-color {
  color: #cc0000;
}
.expert-review-box:before {
  content: "";
  display: inline-block;
  width: 20%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
}
.expert-review-box {
  padding: 20px 15px 0 15px;
  position: relative;
}
.expert-review-box a {
  text-decoration: none;
}
.magad-overflow-inherit {
  overflow: inherit !important;
}
.magad-input-bg-white input[type='search'],
.magad-input-bg-white input[type='search']:focus {
  background-color: white;
  box-shadow: 0 12px 18px -6px rgba(34, 56, 101, 0.06);
}
/*Post Update History Box*/
.mga-post-history {
	font-size:15px;
}
.mga-post-history__current {
	margin:0;
	padding-bottom:15px;
	padding-left:7px;
}
.mga-post-history__current p {
	margin:0;
}
.mga-post-history__updates p:first-child {
	border-top:1px dotted var(--theme-palette-color-5);    
	padding-top:15px;
}
.mga-post-history__updates p {
	margin:0 0 20px 0;
	padding-left:30px;
	position:relative;
}
.mga-post-history__updates p:before {
	content:"•";
	position:absolute;
	left:10px;
	top:0;
	font-weight:bold;
}
.mga-post-history__updates p:first-child:before {
    top:15px;
}
.mga-post-history__updates p strong {
	display:block;
	background:var(--theme-palette-color-5);
	border-radius:3px;
	padding:2px 4px;
	font-size:13px;
	margin-bottom:5px;
}

.mga-post-history__updates p em {
	font-size:13px;
	display:block;
}
.mga-post-history__publish {
	margin:0;
	padding-top:10px;
	padding-left:7px;
	border-top:1px dotted var(--theme-palette-color-5);
}
.mga-post-history__publish p {
	margin:0;
}

/*========Lazyload Images============*/
/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
  /* we set the opacity to 0 */
  opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
  /* prepare the future animation */
  -webkit-transition: opacity 0.5s linear 0.2s;
  -moz-transition: opacity 0.5s linear 0.2s;
  transition: opacity 0.5s linear 0.2s;
  /* we set the opacity to 1 to do the magic */
  opacity: 1;
}
/* ============PLUNGINS========= */
/* -----------GenerateBlocks-------*/
.gb-container > *:last-child,
.gb-container >.gb-inside-container > *:last-child {
	margin-bottom:0;
}
/*.gb-inside-container {*/
/*    width: var(--container-width)!important;*/
/*    max-width: var(--normal-container-max-width)!important;*/
/*}*/
/* -----------Academic Blogger's Toolkit-------*/
.abt-bibliography {
    padding: 30px;
    border: 1px solid var(--theme-palette-color-5);
    border-radius: 5px;
    margin-bottom:30px;
}
.abt-citation {
    padding-left:2px;
}
.abt-citation sup {
    display: inline-block;
}
.abt-citation sup:before {
    content: "[";
}
.abt-citation sup:after {
    content: "]";
}
.tooltip {
    z-index:10;
}
/* -----------Heroic Glossary-------*/
.entry-content .hg-glossary .hg-content .hg-content__letter {
    border-bottom:1px solid var(--theme-palette-color-3);
    background:none !important;
}
@media all and (max-width:689.98px){
    .hg-glossary .hg-content dl {
        flex-flow: column wrap;
        gap: 30px;
    }
}
.hg-glossary .hg-content dl.hg-item {
    padding:15px 0 15px 0;
    margin-bottom:15px;
    border-bottom: 1px solid var(--theme-palette-color-6);
}
.hg-glossary .hg-content dl.hg-item:last-child {
    border-bottom: 0 none;
}
/* -----------Very Simple Contact Form-------*/
#vscf .form-group input[type=text],
#vscf .form-group input[type=email],
#vscf .form-group textarea {
  width: 100%;
}
/* -----------LuckyWP TOC-------*/
.magad-toc {
  box-shadow: 0 12px 18px -6px rgba(34, 56, 101, 0.06);
  margin:40px 0;
}
.magad-toc .lwptoc_i {
  padding: 14px 30px !important;
  border-radius: 5px;
  overflow: hidden;
}
@media all and (max-width:689.98px){
    .magad-toc .lwptoc_i {
         padding: 14px 20px !important;
    }
}
.magad-toc .lwptoc_header {
   margin: 8px 0;
   font-size: 15px;
}
.magad-toc .lwptoc_items {
    padding: 10px 0;
}
.magad-toc .lwptoc_toggle_label {
    margin-left: 15px;
    background-color: var(--theme-palette-color-6);
    display: inline-flex;
    padding: 1px 8px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 3px;
    text-transform: uppercase;
}
.magad-toc .lwptoc_toggle_label:hover {
    background-color: var(--theme-palette-color-5);
}
.magad-toc .lwptoc_itemWrap {
    list-style: none;
    padding-left: 0px;
    font-size: 15px;
    /*list-style-type: disc;*/
    /*list-style-position: outside;*/
    margin: 0;
}
.magad-toc .lwptoc_item {
    padding: 3px 0;
}
[data-link=type-2] article .entry-content .magad-toc li>a {
    text-decoration: none;
}
.magad-toc .lwptoc_item > a {
    font-weight: 600;
    text-decoration: none;
}
.magad-toc .lwptoc_item .lwptoc_item > a {
    font-weight: 400;
}
.magad-toc .lwptoc_itemWrap .lwptoc_itemWrap {
    list-style-type:none;
    border-left: 1px solid var(--theme-palette-color-1);
    padding-left: 15px;
    margin-top: var(--listItemSpacing);
}
/* -----------WP Review-------*/
.review-wrapper {
  border: 0 none !important;
  box-shadow: 0 12px 18px -6px rgba(34, 56, 101, 0.06);
  background: white ;
  border-radius: 5px;
  margin:40px 0;
}
.review-heading .review-title {
  background-color: var(--theme-palette-color-2) !important;
  color: white !important;
  font-size:20px;
}
.review-list li {
  border-bottom: 1px solid var(--form-field-border-initial-color) !important;
}
.user-review-area {
  border-top: 1px solid var(--form-field-border-initial-color) !important;
}
.review-total {
    z-index: 1;
}
/* -----------Rank Math-------*/
#rank-math-faq {
  border-radius: 5px;
  margin: 40px 0;
}
.rank-math-list-item {
  background: #fff;
  padding: 25px 30px 5px 30px;
  box-shadow: 0 12px 18px -6px rgba(34, 56, 101, 0.06);
  margin-bottom: 40px;
  border-radius: 5px;
}
.rank-math-question {
  border-bottom: 1px solid var(--form-field-border-initial-color);
  padding-left: 70px;
  padding-bottom: 0.825rem;
  margin-bottom: 0.825rem;
  position: relative;
  font-size: 18px;
}
.rank-math-question:before {
  position: absolute;
  content: "Q";
  background: var(--theme-palette-color-2);
  display: inline-block;
  height: 36px;
  width: 36px;
  left: 10px;
  top: -6px;
  font-size: 16px;
  color: white;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
}
.rank-math-answer {
  position: relative;
  padding-left: 70px;
  padding-top: 10px;
}
.rank-math-answer:before {
  position: absolute;
  content: "A";
  background: var(--theme-palette-color-2);
  display: inline-block;
  height: 36px;
  width: 36px;
  left: 10px;
  top: 5px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
}
.rank-math-answer p:last-child::after {
    display: block;
    clear: both;
    content: '';
}
@media only screen and (max-width: 689.98px) {
    .rank-math-answer img {
    	float:none;
    	margin:0 auto 10px !important;
    }
    .rank-math-list-item {
        padding: 25px 15px 5px 15px;
    }
    .rank-math-question {
        padding-left: 50px;
    }
    .rank-math-question:before {
        left: 0px;
    }
    .rank-math-answer {
    padding-left: 50px;
    }
    .rank-math-answer:before {
        left: 0px;
    }
}