h1, h2, h3, h4, h5, h6 {
margin-bottom: 12px;
}
h1.mrWhite, h2.mrWhite {
color: #ffffff;
font-size: 36px;
margin-bottom: 12px;
line-height: 1.25em;
text-transform: none;
}
h1.mrBlack, h2.mrBlack {
color: #212529;
font-size: 36px;
margin-bottom: 12px;
text-transform: none;
}
.elementor-widget-heading h2.elementor-heading-title {
margin-top: 5px;
}
#Micon, #MiconF {
fill: white;
color: white;
}
#MiconF {
width: 50px;
height: 50px;
margin-right: 4px;
}
#site-title-F {
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
#footerL {
text-decoration: none;
color: #fff;
}
.containerC {
display: flex;
}
.alignC {
display: flex;
align-items: center;
height: 72px;
}
.alignCF {
display: flex;
align-items: center;
height: 50px;
}
#site-title {
font-family: 'Open Sans';
font-size: 20px;
line-height: 22px;
letter-spacing: -0.9px;
font-weight: 600;
color: #F8F9FA;
margin: auto;
margin-bottom: 8px;
margin-left: 2px;
}
blockquote {
font-size: 1.2em;
font-style: italic;
color: #6C757D;
margin: 0;
padding: 1.5em 5em 2.5em;
}
blockquote:before {
content: "\201C";
font-size: 6em;
font-weight: bold;
font-family: 'Georgia', serif;
color: #5c61cc;
line-height: 0em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
margin-top: 0;
display: inline;
}
ol.two-column-list, ul.two-column-list  {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
column-gap: 8%;
}
ol.two-column-list li, ul.two-column-list li {
margin-bottom: 10px;
}
.cardyO {
max-width: 218px;
height: 345px;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
border-radius: 5px;
background-color: #eff1f3;
}
.cardyO img {
box-shadow: 0 0px 4px rgb(0,0,0,0.3);
border-top: 1px solid #eff1f3;
border-radius: 16px!important;
}
.innerC {
max-width: 585px;
}
.cardyH {
height: 65px;
border-radius: 5px 5px 0 0;
}
.cardyH svg {
background: #fff;
}
.revSnip p {
margin-bottom: 0;
padding: 0 7px 0 12px;
text-align: left;
}
.revSnip {
max-height: 143px;
overflow: hidden;
}
.revSnip::after {
content: "ㅤ...";
position: absolute;
bottom: 0;
right: 10px;
padding-left: 10px;
background: linear-gradient(to right, transparent, #eff1f3 50%);
}
.progress-circle {
width: 70px;
height: 70px;
position: relative;
margin: -16px 0 0 -16px;
}
.circle {
position: relative;
overflow: hidden;
background-color: #e6e6e6;
width: calc(100% - 6px);
height: calc(100% - 6px);
position: relative;
border: 3px solid #fff;
border-radius: 50%;
margin: 3px;
}
.mask, .fill, .mask.half {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
}
.mask.under50 {
clip-path: inset(0 0 0 50%);
background-color: #e6e6e6;
}
.fill {
background-color: #3498db;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
clip-path: inset(0 0 0 50%);
transform-origin: center;
}
.inside-circle {
width: 80%;
height: 80%;
background-color: #fff;
position: absolute;
top: 10%;
left: 10%;
text-align: center;
line-height: 48px;
border-radius: 50%;
font-size: 16px;
font-weight: 600;
z-index: 2;
}
.overallMet .fill {
background-color: #cd4499;
}
.overallMet .inside-circle {
color: #cd4499;
}
.easeMet .fill {
background-color: #38b2e3;
}
.easeMet .inside-circle {
color: #38b2e3;
}
.featMet .fill {
background-color: #ddc84b;
}
.featMet .inside-circle {
color: #ddc84b;
}
.seoMet .fill {
background-color: #fd8039;
}
.seoMet .inside-circle {
color: #fd8039;
}
.perfMet .fill {
background-color: #666ab9;
}
.perfMet .inside-circle {
color: #666ab9;
}
.suppMet .fill {
background-color: #cc3333;
}
.suppMet .inside-circle {
color: #cc3333;
}
.priceMet .fill {
background-color: #339933;
}
.priceMet .inside-circle {
color: #339933;
}
#commentsC {
padding: 0 20px;
}
@media (max-width: 767px) {
.alignC {
height: 50px;
}
#Micon {
width: 40px;
height: 40px;
}
#site-title {
font-size: 13px;
line-height: 14px;
margin-bottom: 10px;
font-weight: 600;
}
#commentsC {
padding: 0 10px 0 44px;
}
.wpr-nav-menu-bp-mobile .wpr-nav-menu-container {
display: block!important;
}
.wpr-nav-menu-bp-mobile .wpr-mobile-nav-menu-container {
display: none!important;
}
.wpr-nav-menu > .menu-item {
margin-right: 5px!important;
}
.wpr-nav-menu .wpr-menu-item {
padding-bottom: 12px!important;
}
}
@media (max-width: 535px) {
blockquote {
padding: 1.5em 2em 2.5em;
}
blockquote:before {
font-size: 4em;
}
h1.mrWhite, h2.mrWhite {
font-size: 30px;
}
ol.two-column-list, ul.two-column-list {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.cardyO {
max-width: 300px;
}
}