#rwcBrandGrader {
width: 100%;
margin: 0;
padding: 0;
} .rwc-bg .bg-results-hero {
max-width: 65%;
margin: 0 auto;
border-bottom: solid 1px #b7b7b7;
clear: both;
padding-bottom: 2em;
text-align: center;
}
.rwc-bg .bg-results-hero h1 {
font-size: 3em;
margin: .2em 0 1em 0;
line-height: 1em;
color: #000;
}
.rwc-bg .bg-results-hero a {
text-transform: uppercase;
font-weight: normal;
text-decoration: underline;
color: #57a8fa;
}
.rwc-bg .scroll-down-img {
width: 3em;
}
.rwc-bg .rwc-retest-link a {
display: block;
margin: 2em auto;
color: #57A8FA;
text-decoration: underline;
} .rwc-bg .bg-results-hero .score-container {
text-align: center;
}
.rwc-bg .bg-results-hero .score-container p {
font-size: 7.2em;
line-height: 1em;
margin: 0;
padding: 0;
color: #000;
}
.rwc-bg .bg-results-hero .score-container p strong {
color: #000;
}   .rwc-bg .rwc-hanger {
position: absolute;
display: inline-block;
margin: 0;
padding: 0;
top: 50%;
left: 1em;
-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
text-transform: uppercase;
}
.rwc-bg .rwc-hanger .side-hanger {
font-size: 1.3em;
margin: 0;
padding: 0;
color: #4a4a4a;
} .rwc-bg article {
position: relative;
margin: 0;
padding: 3em 0;
display: inline-block;
height: 100%;
width: 100%;
border-bottom: solid 1px #57A8FA;
}
.rwc-bg .rwc-content {
display: table;
padding-left: 0em;
width: 100%;
}
.rwc-bg .rwc-content  ul {
list-style-type: none;
margin-top: 1em;
}
.rwc-bg .rwc-content ul li {
list-style-type: circle;
margin-bottom: .5em;
margin-left: 1em;
}
.rwc-bg .rwc-content .score-content {
width: 70%;
display: table-cell;
}
.rwc-bg .rwc-content .score-content h2,
.rwc-bg .rwc-content .score-content p {
max-width: 860px;
}
.rwc-bg .score-content header h2 {
color: #57a8fa;
margin: 0 0 .5em 0;
padding: 0;
font-size: 2.5em;
line-height: 1em;
text-transform: uppercase;
}
.rwc-bg .score-img {
float: left;
max-width: 20%;
margin: 0;
padding: 5px 4% 0 0;
}
.rwc-bg .score-msg {
float: left;
max-width: 500px;
margin: 0;
padding: 0;
} .rwc-bg .score-container strong {
color: #333;
font-weight: bold;
}
.rwc-bg .rwc-content .score-container {
display: table-cell;
width: 30%;
min-height: 100%;
position: relative;
height: 100%;
vertical-align: middle;
padding: 0 2em;
color: #888;
}
.rwc-bg .rwc-content .score-container p {
font-size: 3.9em;
width: 3em;
margin: 0 auto;
}
.rwc-bg .rwc-content .score-container p span {
display: block;
padding: 0;
margin: 0 auto;
} #rwcBrandGraderTips {
background: #57A8FA;
color: #fff;
}
#rwcBrandGraderNext,
#rwcBrandGraderTips {
clear: both;
display: block;
padding: 4em 2em;
margin: 0 0 2em 0;
overflow: auto;
}
#rwcBrandGraderTips h2,
#rwcBrandGraderNext .rwc-content > h2 {
color: #fff;
text-align: center;
font-size: 2.5em;
margin-bottom: .5em;
text-transform: uppercase;
}
#rwcBrandGraderNext .rwc-content > h2 {
color: #57A8FA;
margin-bottom: 1em;
}
#rwcBrandGraderTips h3 {
color: #fff;
font-size: 1.9em;
line-height: 1.1em;
}
#rwcBrandGraderTips h4 {
font-size: 1.3em;
text-align: center;
color: #fff;
margin: 2em auto 0 auto;
overflow: auto;
clear: both;
}
#rwcBrandGraderTips a {
color: #fff;
text-decoration: underline;
}
#rwcBrandGraderTips .rwc-tip {
float: left;
width: 100%;
max-width: 33%;
margin: 1em 0 0 0;
padding: 0 2.5em;
}
#rwcBrandGraderNext .rwc-next {
width: 50%;
float: left;
padding: 0 2em;
text-align: center;
}
#rwcBrandGraderNext .rwc-next h2 {
line-height: 1em;
margin: 0 auto;
padding: 1em 0 .5em 0;
color: #464646;
max-width: 600px;
}
#rwcBrandGraderNext .rwc-next p {
max-width: 500px;
margin: 0em auto 1em;
} .rwc-modal-active {
display: block;
}
.rwc-modal {
background: #57A8FA;
opacity: .9;
color: #fff;
font-weight: bold;
box-shadow: 0px 0px 10px #1e1e1e;
padding: 2em 0em 2em 0em;
position: absolute;
top: 0%;
left: 0%;
min-width: 100%;
height: 100%;
text-align: center;
border-radius: .2em;
overflow: auto;
}
.rwc-modal-active > div {
display: table;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
.rwc-modal-active > div > div {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
overflow: auto;
margin: 0;
padding: 0;
position: relative;
}
.rwc-pregrade-modal {
position: fixed;
top: 0;
height: 100%;
left: 0;
width: 100%;
background: #57A8FA;
opacity: .95;
z-index: 100000;
}
.rwc-pregrade-modal .rwc-modal-content {
position: absolute;
top: 30%;
height: 40%;
width: 100%;
text-align: center;
color: #fff;
}
.rwc-pregrade-modal .rwc-modal-content h3 {
color: #fff;
}
.rwc-pregrade-modal .rwc-modal-content .rwc-loading-img {
display: block;
clear: both;
margin: 0px auto;
padding: 0px;
text-align: center;
width: 10em;
}
.js-dotcom-modal {
height: 100%;
width: 100%;
}
.js-dotcom-modal .js-loading-container {
display: none;
width: 100%;
height: 100%;
margin: auto;
text-align: center;
overflow: auto;
vertical-align: middle;
}
.js-dotcom-modal .rwc-loading-img {
margin: 0 auto;
display: block;
} .registerCredit {
font-weight: bold;
font-size: 0.8em;
font-style: italic;
color: #57A8FA;
} #socialscore ul li {
max-width: 100%;
width: 100%;
}
#socialscore li em {
min-width: 120px;
display: inline-block;
text-align: center;
margin: 0 1em 0 0;
font-weight: 600;
}
#socialscore li.available em {
color: #57A8FA;
text-decoration: underline;
}
#socialscore li.unavailable em {
color: #333;
}
#socialscore .socialsite {
min-width: 80px;
display: inline-block;
margin-left: 0em;
}
.rwc-bg #socialscore .bg-error {
font-size: .7em;
color: #c00;
font-weight: normal;
display: block;
margin-left: 0em;
margin-bottom: 2em;
} #rwcBrandGrader form input[type="submit"]{
display: inline-block;
width: 20%;
margin: 0;
border: none;
border-left: solid 0px #000;
padding: 10px 0 10px 0;
background: #57A8FA;
color: #fff;
border-radius: 0;
font-weight: bold;
height: auto;
float: left;
}
#rwcBrandGrader form{
overflow: auto;
display: block;
margin: 2em 0 .8em 0;
border-left: solid 1px #aaa;
border-top: solid 2px #ccc;
border-bottom: solid 1px #aaa;
border-right: solid 1px #aaa;
width: auto;
}
#rwcBrandGrader form input[type="text"]{
display: inline-block;
width: 78%;
margin: 10px 0 10px 2%;
border-right: none;
box-shadow: none;
border-radius: 0;
padding: 0;
font-style: italic;
font-weight: normal;
height: auto;
float:left;
border: none;
} #rwcBrandGrader .button {
background: #2e2c2c;
color: #fff;
border-radius: .5em;
padding: .5em 1em .6em 1em;
text-transform: uppercase;
}
#rwcBrandGrader .button:hover {
opacity: 1;
background: #57A8FA;
}
#rwcBrandGrader .rwc-modal-active .button {
border: solid 1px #fff;
margin: 0 .5em;
color: #fff;
font-weight: bold;
padding: .5em 1em;
background: none;
}
#rwcBrandGrader .button.button-alt {
background: #FF6D00;
}
#rwcBrandGrader .rwc-modal-active .button:hover {
color: #57A8FA!important;
background: #fff;
opacity: 1;
}  .page-template-page_brand_grader h1.entry-title::before {
content: '(beta)';
font-size: .3em;
display: block;
position: relative;
left: 3.9em;
width: 100px;
font-style: italic;
color: #57A8FA;
margin: 0;
padding: 0;
height: 1em;
line-height: 1em;
text-transform: none;
}
#rwcBrandGrader.rwcGo {
max-width: 600px;
text-align: center;
margin: 0 auto;
padding: 0 2em;
display: block;
position: relative;
min-height: 200px;
}
.page-template-page_brand_grader article {
text-align: center;
box-shadow: none;
margin-right: 0;
margin-left: 0;
margin-top: 6em;
}
.page-template-page_brand_grader article .entry-content {
padding: 0 0 20px;
}
.page-template-page_brand_grader .rwc-bg article,
.page-template-page_brand_grader #rwcBrandGraderTips,
.page-template-page_brand_grader #rwcBrandGraderNext {
text-align: left;
padding-right: 2em;
padding-left: 2em;
}
.page-template-page_brand_grader h1.entry-title {
text-transform: uppercase;
font-size: 3em;
max-width: 800px;
margin: 0 auto;
line-height: 1em;
margin-top: .5em;
}
.page-template-page_brand_grader h1.entry-title strong {
font-weight: bold;
}
.page-template-page_brand_grader .rwc-bg article:last-of-type {
border-bottom: 0;
}
.page-template-page_brand_grader .wrap {
max-width: 100%;
}
.page-template-page_brand_grader .site-inner {
margin-top: 1em;
}
.fixedfooter {
position: absolute;
bottom: 0;
width: 100%;	
} .fa.fa-check-square-o {
color: #72d94d;
}
.fa.fa-times,
.fa.fa-minus-square-o {
color: #d94d4d;
}
.rwc-upper {
text-transform: uppercase;
}
.rwc-content ul.img-list li{
list-style-type: none;
display: inline-block;
padding-left: 0;
margin-left: 0;
margin: 0 2em .5em 0;
}
.rwc-content .img-list li:hover {
border-bottom: solid 1px #57A8FA;
margin-bottom: 0px;
} .js-highlight {    
animation: shadowThrob 1s;
animation-timing-function: ease-in-out;
animation-direction: alternate; -webkit-animation: shadowThrob 1s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out; }
@keyframes shadowThrob {
from {text-shadow: 0 0 30px #57A8FA; color: #57A8FA; }
to {text-shadow: none; color: #000;}
}
@-webkit-keyframes shadowThrob {
from {text-shadow: 0 0 30px #57A8FA; color: #57A8FA }
to {text-shadow: none; color: #000;}
}  .naughtyNamer {
margin-top: 0em;	
}
.naughtyNamer header.bg-results-hero {
border-bottom: none;
}
.naughtyNamer img {
border-radius: .5em;
} .easterEggSmileScore {
max-height: 1em;
margin: 0px;
padding: 0px;
vertical-align: top;	
} @media ( max-width: 960px )
{ .rwc-bg .rwc-content .score-container {
padding: 0 2em 0 4em;
} #rwcBrandGraderTips .rwc-tip {
float: none;
max-width: 100%;
margin: 4em 0;
padding: 0;
} .naughtyNamer {
margin-top: -3em;	
}
} @media ( max-width: 710px ){ .page-template-page_brand_grader h1.entry-title {
font-size: 1.9em;
margin-top: 0;
} .rwc-pregrade-modal .rwc-modal-content {
top: 10%;
height: 100%;
padding-left: 1em;
padding-right: 1em;
}
.rwc-bg .rwc-content .score-container {
display: block;
width: 100%;
}
.rwc-bg .rwc-content .score-content {
display: block;
width: 100%;
}
.rwc-bg .rwc-content .score-content h2 {
font-size: 2em;
text-align: center;
clear: both;
}
.rwc-bg .rwc-hanger {
position: relative;
display: block;
top: 0;
left: 0;
-moz-transform: none;
-webkit-transform: none;
transform:  none;
width: auto;
}
.rwc-bg .rwc-content .score-container {
display: inline-block;
float: right;
padding: 0;
width: auto;
top: -5em;
height: auto;
min-height: 0;
font-size: .5em;
}
.rwc-bg .rwc-content .score-container p {
text-align: right;
}
.rwc-bg .rwc-content .score-content {
padding-top: 2em;
width: 100%;
display: block;
font-size: .9em;
}
.rwc-bg .rwc-content .score-content .score-img {
float: none;
max-width: none;
margin: 1em auto;
padding: 5px;
text-align: center;
display: block;
} #socialscore li em {
margin: 0 .5em 0 0;
min-width: 0;
} .rwc-content ul.img-list li {
margin: 0 auto;
text-align: center;
display: block;
} .rwc-bg .bg-results-hero {
font-size: .7em;
max-width: none;
}
.rwc-bg .bg-results-hero .score-container p {
margin: 0;
} .rwc-modal {
padding: 2em 1em;
} #rwcBrandGraderTips .rwc-tip {
float: none;
width: 100%;
max-width: 100%;
margin: 4em 0;
padding: 0;
}
#rwcBrandGraderTips {
padding: 2em;
}
#rwcBrandGraderNext {
padding: 0;
}
#rwcBrandGraderNext .rwc-next {
width: 100%;
float: none;
padding: 2em 1em;
text-align: left;
}
#rwcBrandGraderTips h2 {
line-height: 1em;
} .naughtyNamer {
margin-top: 0em;	
}
}