.homepage .banner {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/banner.png);
background-repeat: no-repeat;
background-size: contain;
height: auto;
width: 100%;
padding:  0 3% 380px 3%;
position: relative;
}
.homepage .banner .content {
max-width: 450px;
padding-top:  10%;
}
.homepage .banner .content h1 {
font-size: 2.4rem;
}
.homepage .banner .content p {
max-width: 350px;
}
.homepage .banner .content button {
margin-top:  20px;
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
} .homepage .section-2 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/home-section2-bg.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
width: 100%;
padding:  0 3% 18% 3%;
margin-top:  -415px;
}
.homepage .section-2 .content {
padding-top:  25%;
}
.homepage .section-2 .content h2 {
color:  #f79122;
font-size: 1.2rem;
margin-bottom: 5%;
}
.homepage .section-2 .content p {
max-width: 400px;
color:  #fff;
}
.homepage .section-2 button {
margin-top:  20px;
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
}
.homepage .section-2 button:hover {
background: #fff !important;
color: #1e3557;
} .homepage .section-3 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/STTO_Homepage-Register.png);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
width: 100%;
padding:  0 3% 0 3%;
margin-top:  -190px;
}
.homepage .section-3 .content {
padding-top:  15%;
}
.homepage .section-3 .content h2 {
color:  #f79122;
font-size: 1.2rem;
margin-bottom: 5%;
}
.homepage .section-3 .content h3 {
font-size: 2rem;
color:  #fff;
}
.homepage .section-3 .form {
width: 100%;
background: #fff;
height: 100vh;
padding:  10%;
}
.homepage .section-3 .btn-signup {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
font-weight: bold;
} .homepage .section-4 {
height: auto;
width: 100%;
padding:  0 15% 5% 15%; }
.homepage .section-4 .content {
padding-top:  10%;
}
.homepage .section-4 .img-story {
width: 100%;
}
.homepage .section-4 .content h3 { font-size: 1.2rem;
margin-bottom: 1%;
text-align: center;
}
.homepage .section-4 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
margin-left: -20px;
margin-top:  10px;
}
.homepage .section-4 .comment-box-1 {
position: absolute;
top: 38%;
left: 51px;
right: 25%;
margin-left: -116px;
}
.homepage .section-4 .comment {
position: absolute;
top: -45px;
left: 16px;
}
.homepage .section-4 .comment h5 {
font-size: 1.4rem;
}
.homepage .section-4 .comment p {
font-size: 1rem;
margin-top: -7px;
}
.homepage .section-4 .comment-box-2 {
position: absolute;
top: 5%;
left: 73%; margin-right: -360px;
}
.homepage .section-4 .comment-box-2 .comment {
position: absolute;
top: -45px;
left: 55px;
}
.homepage .section-4 .comment-box-2 .comment h5 {
font-size: 1.4rem;
}
.homepage .section-4 .comment-box-2 .comment p {
font-size: 1rem;
margin-top: -7px;
}
.homepage .section-4 .comment-box-3 {
position: absolute;
top: 73%;
left: 34px; margin-left: -176px;
}
.homepage .section-4 .comment-box-3  .comment {
position: absolute;
top: -45px;
left: 16px;
}
.homepage .section-4 .comment-box-3  .comment h5 {
font-size: 1.4rem;
}
.homepage .section-4 .comment-box-3  .comment p {
font-size: 1rem;
margin-top: -7px;
}
.homepage .section-4 .comment-box-4 {
position: absolute;
top: 27%;
left: 62%; margin-right: -200px;
}
.homepage .section-4 .comment-box-4 .comment {
position: absolute;
top: -45px;
left: 55px;
}
.homepage .section-4 .comment-box-4 .comment h5 {
font-size: 1.4rem;
}
.homepage .section-4 .comment-box-4 .comment p {
font-size: 1rem;
margin-top: -7px;
}
.homepage .section-4 a {
text-decoration: none;
} .homepage .section-5 {
height: auto;
width: 100%;
padding:  0 15% 0 15%; }
.homepage .section-5 .content {
padding-top:  2%;
}
.homepage .section-5 .content h3{ font-size: 1.2rem;
margin-bottom: 1%;
text-align: center;
}
.homepage .section-5 .content h2{
font-size: 1.2rem;
margin-bottom: 2%;
text-align: center;
}
.homepage .section-5 .content p  {
color: #000000;
}
.homepage .section-5 .form-check-yes {
width: 50%;
padding: 10px 35px 10px 35px;
background-image: 
linear-gradient(#78869a, #78869a),
linear-gradient(to left,  #1e3557 , #1e3557 );
background-size:var(--p,80%) 100%,100% 100%;
background-position:right,left;
background-repeat:no-repeat;
color:  #fff;
margin: 0 auto;
}
.homepage .section-5 .form-check-no {
width: 50%;
padding: 10px 35px 10px 35px;
background-image: 
linear-gradient(#fabd7a, #fabd7a),
linear-gradient(to left,  #f79122 , #f79122 ) !important;
background-size:var(--p,20%) 100%,100% 100% !important;
background-position:right,left;
background-repeat:no-repeat;
color:  #fff;
margin: 0 auto;
} .homepage .section-6 {
height: auto;
width: 100%;
padding:  0 3% 5% 3%; }
.homepage .section-6 .content {
padding-top:  5%;
}
.homepage .section-6 .story-box { position: absolute;
top: 25px;
left: 35px;
}
.homepage .section-6 .story-box .user-profile img {
float: left;
}
.homepage .section-6 .story-box .user-profile p {
float: left;
padding-left: 10px;
}
.homepage .section-6 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
margin-left: -20px;
margin-top:  50px;
} .homepage .section-7 {
height: auto;
width: 100%;
padding:  3% 3% 5% 3%; }
.homepage .section-7 h3{ font-size: 1.2rem;
margin-bottom: 5%;
}
.homepage .section-7 h4{
color:  #1e3557;
font-size: 1.2rem;
padding: 10px 0 0 0;
}
.homepage .section-7 p {
font-size: 14px;
}
.homepage .section-7 a {
text-decoration: none;
} .homepage .section-8 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/join-the-movement.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
width: 100%;
padding:  5% 3% 5% 3%;
text-align: center;
}
.homepage .section-8 h2{
font-size: 2rem;
margin-bottom: 2%;
text-align: center;
color: #fff;
}
.homepage .section-8 span {
color: #f79122;
}
.homepage .section-8 p {
font-size: 1.2rem;
color:  #fff;
}
.homepage .section-8 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
color: #fff;
}
.homepage .section-8 button:hover {
background: #fff !important;
color: #1e3557;
} @media only screen and (min-width: 1800px) {
.homepage .section-6 .story-box {
background-size: contain;
height: 30vh;
padding: 2.5rem;
}
}
@media only screen and (max-width: 820px) {
.homepage .main-wrapper {
overflow: hidden;
}
.homepage .section-3 {
height: auto;
}
.homepage .section-3 .form {
height: auto;
}
.homepage .section-4 .comment-box-4 {
top: 35%;
left: 43%;
margin-right: -150px;
}
.homepage .section-4 .comment-box-4 .comment {
top: -51px;
left: 41px;
}
.homepage .section-6 .img-box {
width: 100% !important;
}
}
@media only screen and (max-width: 414px) {
.homepage .bootstrap-yop {
width: 100% !important;
margin:  0 auto !important;
}
.homepage .basic-answers {
position: relative;
left: 0% !important;
}
.homepage .basic-answers-results {
position: relative;
left: 0% !important;
}
.homepage .basic-vote {
position: relative !important;
left: 0% !important;
}
.homepage .banner {
background: transparent;
padding: 0 3% 0 3%;
}
.desktop-hide {
display: block !important;
}
.mobile-hide {
display: none !important;
}
.homepage .section-2 {
padding: 50% 3% 70% 3%;
margin-top: -100px;
}
.homepage .section-3 {
padding: 0 3% 30% 3%;
}
.homepage .section-3 .form {
margin-top:  50px;
}
.homepage .section-4 {
padding: 15% 3% 25% 3%;;
}
.homepage .section-4 .content h3 {
font-size: 1.4rem;
}
.homepage .section-4 .story-1 {
float: right;
}
.homepage .section-4 .story-2 {
float: right;
}
.homepage .section-4 .img-story {
width: 70%;
}
.homepage .section-4 .comment-box-1 {
top: 54%;
left: 0;
margin-left: 0;
}
.homepage .section-4 .comment-box-2 {
left: 0%;
top: 14%;
margin-right: -40px;
}
.homepage .section-4 .comment-box-2 .comment {
left: 16px;
}
.homepage .section-4 .comment-box-3 {
top: 75%;
left: 0;
right: 13%;
margin-left: -22px;
}
.homepage .section-4 .story-4 {
margin-top: 0 !important;
float: right;
}
.homepage .section-4 .comment-box-4 {
top: 33%;
margin-right: 0;
left: -3%;
}
.homepage .section-4 .comment {
top: -45px !important;
left: 16px !important;
}
.homepage .section-5 {
padding: 0 3% 0 3%;
}
.homepage .section-5 .content h3 {
font-size: 1.4rem;
margin-bottom: 15%;
}
.homepage .section-5 .form-check-yes {
width: 100%;
}
.homepage .section-5 .form-check-no {
width: 100%;
}
.homepage .section-6 .story-box {
padding:  10px;
}
.homepage .section-7 h3 {
text-align: center;
font-size: 1.4rem;
padding:  15% 0 15% 0;
}
.footer {
padding: 10% 3% 10% 3%;
text-align: center;
}
.footer ul {
margin-bottom: 50px;
}
.footer li {
padding-top: 15px;
}
.footer .text-right {
text-align: center !important;
}
} .basic-yop-poll-container .basic-answers-results .progress {
height: 30px;
}
.basic-yop-poll-container .basic-inner {
padding: 10px 30px !important;
}
.homepage .basic-question-title {
display: none !important;
}
.homepage .basic-yop-poll-container {
border-radius: 14px !important;
}
.homepage .basic-yop-poll-container .basic-answers-results .progress {
height: 35px !important;
}
.homepage .bootstrap-yop {
width: 70%;
margin:  0 auto;
}
.homepage .basic-answers {
position: relative;
left: 38%;
}
.homepage .basic-answers-results {
position: relative;
left: 0% !important;
}
.homepage .basic-vote {
position: relative;
left: 38%;
}
.homepage .btn-get {
padding: 10px 25px 10px 25px;
background: #f79122;
border: 0;
width: auto;
letter-spacing: 0.4px;
}
.homepage #wppb-submit {
padding: 7px 25px 7px 25px !important;
background: #f79122 !important;
border: 0 !important;
width: auto !important;
letter-spacing: 0.4px !important;
}
.homepage #register {
padding: 7px 25px 7px 25px !important;
background: #f79122 !important;
border: 0 !important;
width: auto !important;
letter-spacing: 0.4px !important;
}
.homepage .nav-tabs .active {
color: #f79122 !important;
}
.homepage .nav-tabs .nav-link {
color: #1e3557;
}
.homepage .modal-title {
font-size: 1rem;
}
.homepage #submit {
padding: 7px 25px 7px 25px !important;
background: #f79122 !important;
border: 0 !important;
width: 120px !important;
letter-spacing: 0.4px !important;
margin-top: -10px !important;
}
.homepage .close {
margin-top: 0 !important;
padding: 0;
background: transparent;
border: 0;
}.aboutpage .desktop-hide {
display: none !important;
} .aboutpage .mobile-hide {
display: block !important;
}
.aboutpage .banner {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/about-banner.png);
background-repeat: no-repeat;
background-size: contain;
height: auto;
width: 100%;
padding:  0 3% 400px 3%;
position: relative;
}
.aboutpage .banner .content {
max-width: 450px;
padding-top:  7%;
}
.aboutpage .banner .content p {
max-width: 450px;
}
.aboutpage .content button {
margin-top:  20px;
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
} .aboutpage .section-2 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/home-section2-bg.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
width: 100%;
padding:  23% 3% 22% 3%;
margin-top:  -500px;
}
.aboutpage .section-2 h3{
color: #f79122; 
font-size: 1.2rem;
margin-bottom: 5%;
text-align: center;
}
.aboutpage .section-2 .story-box { position: absolute;
top: 25px;
left: 35px;
right: 20px;
}
.aboutpage .section-2 .story-box .user-profile img {
float: left;
}
.aboutpage .section-2 .story-box h4 {
float: left;
font-size: 2rem;
padding-left: 10px;
color: #f79122;
}
.aboutpage .section-2 .story-box h5 {
float: left;
font-size: 1.2rem;
padding-left: 10px;
color: #f79122;
margin-top: -5px;
}
.aboutpage .section-2 .story-box .comment p {
float: left;
padding-left: 10px;
padding-right: 20px;
color: #fff;
}
.aboutpage .section-2 ul {
list-style: none;
padding:  92px 25px 25px 25px;
}
.aboutpage .section-2 li {
color: #fff;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
}
.aboutpage .section-2 ul li::before {
content: "\2022";
color: #f79122;
font-weight: bold;
display: inline-block; 
width: 1em;
margin-left: -1em;
padding-top: 2px;
}  .aboutpage .section-3 {
height: auto;
width: 100%;
padding:  5% 3% 5% 3%;
}
.aboutpage .section-3 h3 {
color: #000000;
font-size: 1.2rem;
margin-bottom: 1%;
text-align: center;
text-transform: uppercase;
}
.aboutpage .section-3 img {
width: 80%;
} .aboutpage .section-4 {
background:  url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/about-section-4-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding:  12% 3% 20% 3%;
width: 100%;
height: 100vh;
}
.aboutpage .section-4 h2 {
font-size: 2rem;
margin-bottom: 2%;
color: #fff;
text-align: center;
max-width: 800px;
margin:  0 auto;
}
.aboutpage .section-4 img {
width: 80%;
margin:  0 auto;
padding-top:  50px;
}
.aboutpage .section-4 .section-3-content {
max-width: 700px;
margin: 0 auto;
padding: 50px 0 50px 0;
} .aboutpage .section-5 {
padding:  30% 3% 3% 3%;
width: 100%;
height: auto;
}
.aboutpage .section-5 .section-title {
font-size: 1.2rem;
margin-bottom: 1%;
text-align: center;
color: #000000;
}
.aboutpage .section-5 .semi-title {
font-size: 1.7rem;
margin-bottom: 1%;
text-align: center;
}
.aboutpage .section-5 h3 {
font-size: 1.4rem;
margin-bottom: 3%;
color: #000000;
text-transform: uppercase
}
.aboutpage .section-5 h4 {
font-size: 2rem;
color: #f79122;
}
.aboutpage .section-5 .col-md-6 {
padding-top:  25px;
} .aboutpage .section-7 {
height: auto;
width: 100%;
padding:  3% 3% 5% 3%; }
.aboutpage .sub-content {
font-size: 1rem; 
margin-top: -50px; 
margin-bottom: 50px;
}
.aboutpage .section-7 h3{ font-size: 1.2rem;
margin-bottom: 5%;
}
.aboutpage .section-7 h4{
color:  #1e3557;
font-size: 1.2rem;
padding: 10px 0 0 0;
}
.aboutpage .section-7 p {
font-size: 14px;
}
.aboutpage .section-7 a {
text-decoration: none;
} .aboutpage .section-8 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/join-the-movement.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
width: 100%;
padding:  5% 0% 5% 0%;
text-align: center;
}
.aboutpage .section-8 h2{
font-size: 2rem;
margin-bottom: 2%;
text-align: center;
color: #fff;
}
.aboutpage .section-8 span {
color: #f79122;
}
.aboutpage .section-8 p {
font-size: 1.2rem;
color:  #fff;
}
.aboutpage .section-8 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
color: #fff;
}
.aboutpage .section-8 button:hover {
background: #fff !important;
color: #1e3557;
}
@media only screen and (max-width: 1310px) { .aboutpage .section-2 img {
height: 130% !important;
}
.aboutpage .section-2 {
padding: 23% 3% 30% 3%
}
}
@media only screen and (max-width: 820px) {
.aboutpage .banner {
padding: 0 3% 0 3%;
}
.aboutpage .section-2 img {
height: 100% !important;
}
.aboutpage .section-2 {
padding: 51% 12% 20% 3%;
margin-top: -100px;
}
.aboutpage .main-wrapper {
overflow: hidden;
}
.aboutpage .banner .content h1 {
font-size: 2.3rem;
}
.aboutpage .banner .content p {
max-width: 400px;
}
.aboutpage .section-4 {
height: 45vh;
}
.aboutpage .section-5 {
padding: 40% 3% 3% 3%;
}
}
@media only screen and (max-width: 768px) {
.aboutpage .section-5 {
padding: 45% 3% 3% 3%;
}
.aboutpage .banner {
background: transparent;
}
}
@media only screen and (max-width: 414px) {
.aboutpage .sub-content {
margin-top: 0; 
}
.aboutpage .section-3 {
margin-top:  -300px;
}
.aboutpage .banner {
background: transparent;
padding: 0 3% 0 3%;
}
.desktop-hide {
display: block !important;
}
.aboutpage .mobile-hide {
display: none !important;
}
.aboutpage .desktop-hide {
display: block !important;
}
.aboutpage .section-2 {
padding: 166% 3% 120% 3%;
margin-top: -440px;
}
.aboutpage .section-4 {
height: auto;
padding: 18% 3% 15% 3%;
}
.aboutpage .section-4 .section-3-content {
padding: 30px 0 50px 0;
color: #fff;
}
.aboutpage .section-5 {
padding: 25% 3% 3% 3%;
}
.aboutpage .section-7 {
padding: 20% 3% 5% 3% !important;
}
}.story .banner {
width: 100%;
height: auto;
padding: 0% 3% 3% 3%;
}
.story .carousel-indicators li {
width: 1%;
height: 8px;
border-radius: 50%;
border: 2px solid #000000;
}
.story .carousel-indicators {
bottom: -15%;
}
.story .carousel-indicators .active {
background-color: #000000;
}
.story .banner h1 {
color: #000000;
font-size: 1.2rem;
text-transform: uppercase;
padding-top: 80px;
}
.story .banner h2 {
font-size: 2.8rem;
}
.story .banner img {
width: 90%;
}
.story .banner button {
padding:  10px 25px 10px 25px;
margin-top: 20px;
background: #f79122;
border: 0;
color: #000000;
}
.story .banner button:hover {
color: #fff;
}
.story .section-2 {
width: 100%;
height: auto;
padding: 15% 20% 5% 3%;
}
.story .section-2 h3 {
padding-left: 25%;
font-size: 1.2rem;
margin-bottom: 5%;
text-align: center;
}
.story .section-2 .character {
position: relative;
}
.story .section-2 .character .character-name-1 {
position: absolute;
top: 6%;
left: 70%;
right: 50%;
}
.story .section-2 .character .character-name-2 {
position: absolute;
bottom: 6%;
left: 57%;
right: 50%;
}
.story .section-2 .character .character-name-3 {
position: absolute;
top: 6%;
left: 50%;
right: 50%;
}
.story .section-2 .character .character-name-4 {
position: absolute;
bottom: 6%;
left: 52%;
right: 50%;
}
.story .section-2 .character .character-name-5 {
position: absolute;
top: 6%;
left: 55%;
right: 50%;
}
.story .section-2 .character .character-name-6 {
position: absolute;
bottom: 6%;
left: 58%;
right: 50%;
}
.story .section-2 button {
padding:  10px 25px 10px 25px;
margin-top: 20px;
background: #f79122;
border: 0;
color: #000000;
margin-left: 25%;
text-align: center;
margin-top: 8%;
}
.story .section-2 button:hover {
color: #fff;
} .story .section-7 {
height: auto;
width: 100%;
padding:  3% 3% 5% 3%; }
.story .section-7 h3{ font-size: 1.2rem;
margin-bottom: 5%;
}
.story .section-7 h4{
color:  #1e3557;
font-size: 1.2rem;
padding: 10px 0 0 0;
}
.story .section-7 p {
font-size: 14px;
}
.story .section-7 a {
text-decoration: none;
}
.modal {
padding:  3% 3% 5% 20% !important;
}
.modal h3{
font-size: 1rem;
}
.modal h2 {
font-size: 2.4rem;
}
.modal-header {
border-bottom: 0px solid #dee2e6;
}
@media only screen and (max-width: 768px) {
.desktop-hide {
display: block !important;
}
.mobile-hide {
display: none !important;
}
.story .section-2 {
padding: 15% 10% 5% 3%;
}
.story .section-2 button {
margin-left: 10%;
}
.story .section-2 h3 {
padding-left: 10%;
}.
}
@media only screen and (max-width: 414px) { 
.story .modal {
padding: 30% 0% 0% 0% !important;
}
.story .banner h2 {
padding-top: 5px !important;
font-size: 1.8rem;
}
.story .carousel {
padding-bottom: 70px;
}
.story .carousel-indicators li {
height: 3px;
}
.story .carousel-indicators {
bottom: 0;
}
.story .banner img {
width: 100%;
}
.story .section-2 {
padding: 15% 20% 5% 0%;
}
.story .section-2 h3 {
padding-left: 27%;
}
.story .section-2 img {
margin-bottom: 15px;
}
.story .section-2 button {
margin-left: 27%;
}
}
.story .section-2 .character .corban {
position: absolute;
bottom: 6%;
left: 50% !important;
right: 0%;
}
.story .section-2 .character .jerome {
left: 60% !important;
}
.story .section-2 .character .justine {
left: 70% !important;
}
.story .section-2 .character .character-name-6 {
left: 50% !important;
}.resources .banner {
width: 100%;
height: auto;
padding: 0% 3% 3% 3%;
}
.resources .banner h1 {
color: #000000;
font-size: 1.2rem;
text-transform: uppercase;
padding-top: 20px;
text-align: center;
}
.resources .banner h3 {
color: #1e3557;
font-size: 2rem;
text-align: center;
max-width: 950px;
margin: 0 auto;
padding: 10px 0 50px 0;
}
.resources .banner h2 {
color: #1e3557;
font-size: 2rem;
}
.resources .banner p {
font-size: 1rem;
color: #000000;
}
.resources .banner button {
padding:  10px 35px 10px 35px;
margin-top: 20px;
background: #f79122;
border: 0;
color: #000000;
}
.resources .banner button:hover {
color: #fff;
} .resources .section-7 {
height: auto;
width: 100%;
padding:  3% 3% 5% 3%; }
.resources .section-7 h3{ font-size: 1.2rem;
margin-bottom: 5%;
}
.resources .section-7 h4{
color:  #1e3557;
font-size: 1.2rem;
padding: 10px 0 0 0;
}
.resources .section-7 p {
font-size: 14px;
}
.resources .section-7 a {
text-decoration: none;
}
.resources .section-7 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
color: #000000;
text-align: center;
margin-top: 8%;
}
.resources .section-7 button:hover {
color: #fff;
} .resources .section-8 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/join-the-movement.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
width: 100%;
padding:  5% 3% 5% 3%;
text-align: center;
}
.resources .section-8 h2{
font-size: 2rem;
margin-bottom: 2%;
text-align: center;
color: #fff;
}
.resources .section-8 span {
color: #f79122;
}
.resources .section-8 p {
font-size: 1.2rem;
color:  #fff;
}
.resources .section-8 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
color: #fff;
}
.resources .section-8 button:hover {
background: #fff !important;
color: #1e3557;
}
.resources .pagination {
display: block;
margin-top: 15px;
}
.resources .pagination a {
color:  #f79122;
}.community .banner {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/community-banner.jpg);
background-position: center;
background-size: cover;
padding: 0% 3% 3% 3%;
width: 100%;
height: 50vh;
margin-top:  -35px;
}
.community .banner h1 {
color: #f79122;
font-weight: 600;
font-size: 2.4rem;
}
.community .banner h1 a {
color: #f79122;
font-weight: 600;
font-size: 2.4rem;
text-decoration: none;
}
.community .banner h3 {
padding-top: 20%;
font-size: 1rem;
color:  #fff;
}
.community .banner p a {
text-decoration: none !important;
color: #fff !important;
font-family: 'Montserrat', sans-serif;
} .community .section-2 {
padding: 3% 3% 3% 3%;
background: #eef2f5;
margin: 30px 6% 50px 0%;
}
.community .section-2 .postform {
padding: 8px;
background: transparent;
border: 1px solid #1e3557;
}
.community .section-2 .post-title {
border: 0;
width: 100%;
font-family: 'Montserrat', sans-serif;
height: auto;
font-size: 2rem;
margin-bottom: 10px;
padding: 0;
background: transparent;
}
.community .section-2 .post-title::placeholder {
color: #000000 !important;
}
.community .section-2 .post-title:focus {
outline: none;
}
.community .section-2 .wp-editor-area {
font-family: 'Montserrat', sans-serif;
color: #000000 !important;
font-size: 1rem;
padding:  10px;
border: 0 !important;
height: 80px;
margin-top: 20px;
resize: none;
}
.wp-editor-container {
border: 0 !important;
}
.attach-file {
padding: 6px 20px 6px 20px;
border: 1px solid #1e3557;
margin-left: 20px;
}
.image-upload .post_image {
display: none !important;
}
.section-2 .btn-get {
padding: 10px 25px 10px 25px;
background: #f79122;
border: 0;
width: auto;
letter-spacing: 0.4px;
}
.section-2 #wppb-submit {
padding: 7px 25px 7px 25px;
background: #f79122;
border: 0;
width: auto;
letter-spacing: 0.4px;
}
.section-2 #register {
padding: 7px 25px 7px 25px;
background: #f79122;
border: 0;
width: auto;
letter-spacing: 0.4px;
}
.section-2 .nav-tabs .active {
color: #f79122 !important;
}
.section-2 .nav-tabs .nav-link {
color: #1e3557;
}
.section-2 h5 {
font-size: 1rem;
}
.section-2 #submit {
padding: 7px 25px 7px 25px;
background: #f79122;
border: 0;
width: 120px;
letter-spacing: 0.4px;
margin-top: -10px;
} .community .section-3 {
padding: 0% 6% 3% 3%;
}
.community .section-3 h2 {
font-size: 1.2rem;
margin-bottom: 1%;
}
.community .section-3 .box {
background:  url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/popular-box.png);
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 28vh;
float: left;
}
.community .section-3 .box .profile img {
float: left;
padding: 9% 0% 0% 5%;
}
.community .section-3 .box .profile p {
float: left;
padding: 7% 0% 0% 3%;
font-size: 14px;
}
.community .section-3 .box .content {
padding: 25% 5% 0% 5%;
font-size: 14px;
}
.community .section-3 .box .content p {
float: left;
} .community .section-4 {
padding: 0% 6% 5% 3%;
}
.community .section-4 h2 {
font-size: 1.2rem;
margin-bottom: 1%;
}
.community .section-4 .featured-post {
position: relative;
}
.community .section-4 .centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.community .section-4 .title {
color: #f79122;
font-size: 1rem;
font-weight: 600;
}
.community .section-4 .count {
color: #fff;
font-size: 0.9rem;
line-height: 0;
font-weight: normal;
} .community .section-2 .box-content {
background: #f8fbff;
border: 1px solid #000000;
padding: 25px;
width: 100%;
height: auto;
text-align: center;
}
.community .section-2 .profile img {
float: left;
padding: 0% 0% 0% 0%;
}
.community .section-2 .profile p {
float: left;
padding: 1% 0% 0% 2%;
font-size: 1rem;
}
.community .section-2 .box-content h2 {
font-size: 1.2rem;
float: none !important;
text-align: left;
}
.community .section-2 .box-content .content p {
float: none !important;
padding: 0 !important;
text-align: left;
}
.community .section-2 .box-content .content img {
float: none !important;
} .community .section-8 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/join-the-movement.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
width: 100%;
padding:  5% 3% 5% 3%;
text-align: center;
}
.community .section-8 h2{
font-size: 2rem;
margin-bottom: 2%;
text-align: center;
color: #fff;
}
.community .section-8 span {
color: #f79122;
}
.community .section-8 p {
font-size: 1.2rem;
color:  #fff;
}
.community .section-8 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
color: #fff;
}
.community .section-8 button:hover {
background: #fff !important;
color: #1e3557;
}  .comments-wrapper {
margin-top: 3rem;
}
.comment-reply-title {
margin: 0 0 4rem 0;
text-align: center;
}  .comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 3.5rem;
}
.community div.comment:first-of-type {
margin-top: 3.5rem;
padding-top: 0;
}
.comments .comments-header + div {
margin-top: 0;
padding-top: 0;
}
.comment-body {
position: relative;
margin-bottom: 20px;
}
.community .comment {
background: #f8fbff;
border: 1px solid #000000;
padding: 20px;
margin-bottom: 20px;
}
.community .comment .comment {
padding-left: 5%;
}
.comment-meta {
line-height: 1.1;
margin-bottom: 0;
min-height: 5rem;
padding-left: 5rem;
position: relative;
}
.hide-avatars .comment-meta {
min-height: 0;
padding-left: 0;
}
.comment-meta a {
color: inherit;
}
.comment-author {
font-size: 1.2rem;
font-weight: 400;
letter-spacing: -0.027777778em;
color:  #f79122;
}
.comment-author a {
text-decoration: underline;
}
.comment-author a:hover,
.comment-author a:focus {
text-decoration: none;
}
.comment-meta .avatar {
height: 4rem;
position: absolute;
left: 0;
top: 0;
width: 4rem;
border-radius: 50%;
}
.comment-author .url {
text-decoration: underline;
}
.comment-metadata {
color: var(--gray);
font-size: var(--font-small);
font-weight: 500;
margin-top: 0.6rem;
}
.comment-metadata a {
text-decoration: none;
}
.comment-metadata a:focus,
.comment-metadata a:hover {
text-decoration: underline;
} .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: 100%;
background-color:var(--lightgray);
padding:.5em;
}
.comment-content.entry-content .alignleft { margin-left: 0;
}
.comment-content.entry-content .alignright { margin-right: 0;
} .comment-footer-meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: var(--font-small);
font-weight: 600;
justify-content: flex-start;
letter-spacing: 0.030833333em;
line-height: 1;
margin: 1.5rem 0 -1rem -1.5rem;
text-transform: uppercase;
}
.comment-footer-meta > * {
margin: 0 0 1rem 1.5rem;
}
.comment-reply-link {
border-radius:2px;
color: #fff;
display: block;
padding: 0.7rem;
text-decoration: none !important;
}
.comment-reply-link:hover {
color: #f79122;
}
.bypostauthor .comment-footer-meta .by-post-author {
display: block;
}
.comment-footer-meta a {
text-decoration: none;
}
.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
text-decoration: underline;
} .pingback .comment-meta,
.trackback .comment-meta {
padding-left: 0;
} .comments-pagination {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6rem;
text-align: center;
}
.comments-pagination.only-next {
justify-content: flex-end;
}
.comments-pagination .page-numbers {
display: none;
text-decoration: none;
}
.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
text-decoration: underline;
}
.comments-pagination .prev,
.comments-pagination .next {
display: block;
}
.comments-pagination .prev {
left: 0;
}
.comments-pagination .next {
right: 0;
text-align: right;
} .comment-respond::after {
clear: both;
content: "";
display: block;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
color: #6d6d6d;
font-size: 1.6rem;
line-height: 1.4;
margin: -3rem 0 4rem 0;
text-align: center;
}
.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
color: inherit;
text-decoration: none;
}
.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
text-decoration: underline;
}
.comment-respond p {
line-height: 1.1;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}
.comment-respond p:not(.comment-notes) {
max-width: 58rem;
}
.comment-form-cookies-consent {
align-items: baseline;
display: flex;
}
.comment-respond > p:last-of-type {
margin-bottom: 0;
}
.comment-respond label {
display: block;
}
.comment-respond input[type="checkbox"] + label {
font-size: 1.5rem;
line-height: 1.25;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
margin-bottom: 0;
width: 100%;
padding: 10px;
}
.comment-respond textarea {
height: 15rem;
}
.comment-respond #submit {
display: block;
}
.comment-respond .comments-closed {
text-align: center;
} .comments .comment-respond {
padding: 3rem 0 0;
}
.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
text-align: left;
}
.comment-reply-title small {
display: block;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.0277em;
margin: 0.5rem 0 0 0;
white-space: nowrap;
}
.comment-reply-title small a {
text-decoration: none;
}
.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
text-decoration: underline;
}
#email-notes {
display: none !important;
}
.required-field-message {
display: none !important;
}
h3#comments {
display: none;
}
.community .comment {
list-style-type: none;
}
.community .section-2 .comment-respond #submit {
padding: 10px 25px 10px 25px;
background: #f79122;
border: 0;
width: auto;
letter-spacing: 0.4px;
margin-top: -10px;
}
.comment-respond textarea {
width: 100%;
}
.community .reply {
background:  #1e3557 !important;
}
.community .comment-form-url {
display: none !important;
}
.community .comment-form-cookies-consent label {
font-size: 1rem !important;
padding-left: 10px;
}
.community .section-2 .related-post h2 {
font-size: 1.2rem;
}
.community .section-2 .related-post .profile img {
float: left;
padding: 0% 0% 0% 5%;
}
.community .section-2 .related-post .profile p {
float: left;
padding: 1% 0% 0% 3%;
font-size: 13px;
} .community-inner .banner {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/forum-inner-bg.png);
background-position: center;
background-size: cover;
padding: 0% 3% 3% 3%;
width: 100%;
height: 50vh;
margin-top:  -35px;
}
.community-inner .banner h1 {
color: #f79122;
font-weight: 600;
font-size: 2.4rem;
}
.community-inner .banner h3 {
padding-top: 20%;
font-size: 1rem;
color:  #fff;
}
.community-inner .section-2 {
padding: 3% 3% 3% 3%;
background: #eef2f5;
margin: 30px 6% 50px 0%;
}
.community-inner .section-2 .postform {
padding: 8px;
background: transparent;
border: 1px solid #1e3557;
}
.community-inner .section-2 .post-title {
border: 0;
width: 100%;
font-family: 'Montserrat', sans-serif;
height: auto;
font-size: 2rem;
margin-bottom: 10px;
padding: 0;
background: transparent;
}
.community-inner .section-2 .post-title::placeholder {
color: #000000 !important;
}
.community-inner .section-2 .post-title:focus {
outline: none;
}
.community-inner .section-2 .wp-editor-area {
font-family: 'Montserrat', sans-serif;
color: #000000 !important;
font-size: 1rem;
padding:  10px;
border: 0 !important;
height: 80px;
margin-top: 20px;
resize: none;
} .community-inner .section-3 {
padding: 0% 6% 3% 3%;
}
.community-inner .section-3 h2 {
font-size: 1.2rem;
margin-bottom: 1%;
}
.community-inner .section-3 .box {
background:  url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/popular-box.png);
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 28vh;
float: left;
}
.community-inner .section-3 .box .profile img {
float: left;
padding: 9% 0% 0% 5%;
}
.community-inner .section-3 .box .profile p {
float: left;
padding: 7% 0% 0% 3%;
font-size: 14px;
}
.community-inner .section-3 .box .content {
padding: 25% 5% 0% 5%;
font-size: 14px;
}
.community-inner .section-3 .box .content p {
float: left;
}
.community-inner .section-8 {
background: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/images/join-the-movement.png);
background-repeat: no-repeat;
background-size: cover;
height: auto;
width: 100%;
padding:  5% 3% 5% 3%;
text-align: center;
}
.community-inner .section-8 h2{
font-size: 2rem;
margin-bottom: 2%;
text-align: center;
color: #fff;
}
.community-inner .section-8 span {
color: #f79122;
}
.community-inner .section-8 p {
font-size: 1.2rem;
color:  #fff;
}
.community-inner .section-8 button {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
color: #fff;
}
.community-inner .section-8 button:hover {
background: #fff !important;
color: #1e3557;
}@font-face {
font-family: 'Karla-Regular';
src: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-regular/Karla-Regular.eot);
src: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-regular/Karla-Regular.eot?#iefix) format('embedded-opentype'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-regular/Karla-Regular.svg#Karla-Regular) format('svg'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-regular/Karla-Regular.ttf) format('truetype'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-regular/Karla-Regular.woff) format('woff'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-regular/Karla-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Karla-Bold';
src: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-bold/Karla-Bold.eot);
src: url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-bold/Karla-Bold.eot?#iefix) format('embedded-opentype'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-bold/Karla-Bold.svg#Karla-Bold) format('svg'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-bold/Karla-Bold.ttf) format('truetype'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-bold/Karla-Bold.woff) format('woff'),
url(//scaletotheone.com/wp-content/themes/scaletotheone/assets/css/fonts/karla-bold/Karla-Bold.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #ee3577;
--red: #dc3545;
--orange: #f68e62;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #767575;
--gray-dark: #434242;
--primary: #6f42c1;
--secondary: #4f4f4f;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #c2c2c2;
--lightgray: #eeeeee;
--dark: #434242;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-normal: 1em;
--font-small: 0.8125rem; --sidebar-width: 280px;
--content-max-width: 860px;
}
*,
*::before,
*::after {
box-sizing: border-box
}
html {
line-height: 1.15;
scroll-behavior: smooth;
}
html :where(img) {
max-width: none !important;
}
body {
color: var(--secondary);
overflow-x: hidden;
}
a{
color: var(--pink);
font-family: 'Karla-Regular';
}
p {
font-family: 'Montserrat', sans-serif;
color:  #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1e3557;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
}
button {
font-family: 'Karla-Bold';
}
button:hover {
background: #1e3557 !important;
transition: all 0.4s ease-in-out;
color: #fff;
}
.btn {
font-weight: bold;
padding: .375rem 1rem;
height: 2.75rem;
transition: all 0.4s ease-in-out
}
.btn-join {
padding:  10px 25px 10px 25px;
background: #f79122;
border: 0;
width: 100%;
letter-spacing: 0.4px;
margin-top: 5px;
}
.btn:focus,
.btn.focus {
box-shadow: none !important
}
.btn-primary {
color: #fff
}
.form-control {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
height: 2.75rem;
border-color: var(--light)
}
.theme-bg-light {
background: var(--light) !important
}
.theme-bg-dark {
background: var(--dark) !important
}
.header {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: var(--sidebar-width);
background: #ffffff;
color: #fff;
z-index: 99999;
}
.header .fa-bars {
color: #000000; 
border: 1px solid #000000; 
padding: 8px; 
border-radius: 4px;
}
.header .site-title {
color:var(--white);
font-size:1.2em;
display:block;
}
.header .btn-primary {
background: #f79122;
border-color: transparent;
font-size: 1rem;
padding-top: 0.5rem
}
.header .btn-primary:hover {
background: #1e3557;
color: #fff;
border-color: transparent
}
.header .navbar {
padding: 3rem 1rem
}
.header .navbar-dark .navbar-toggler {
border: none;
padding: .25rem .6rem
}
.header .navbar-dark .navbar-toggler:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1
}
.header .navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(256,256,256, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.header .nav-item {
font-weight: bold;
margin-bottom: -5px;
} 
.header .nav-item.active .nav-link {
color: #f79122;
}
.fa-caret-right {
display: none;
}
.header .nav-item.active .fa-caret-right {
display: inline-block !important;
margin-left: -23px;
}
.header .nav-item.active .nav-link:hover {
text-decoration: none;
color:  #f79122;
}
.header .nav-item .no-hover:hover {
text-decoration: none;
color:  #1e3557 !important;
cursor: default;
}
.header .nav-item .nav-link {
color: #1e3557;
text-decoration: none !important;
}
.header .nav-item .nav-link:hover {
text-decoration: underline;
color:  #f79122;
}
.logo{
width: 110px;
}
.social-list a {
width: 32px;
height: 32px;
padding-top: 5px;
display: inline-block;
text-align: center;
border-radius: 50%;
transition: all 0.2s ease-in-out;
background-color: #fff
}
.navbar-nav {
margin-right: 17px;
}
.desktop-hide {
display: none;
}
.mobile-hide {
display: block;
}
.social-list a:hover {
color: var(--secondary);
background-color: rgba(255, 255, 255, 0.8)
}
.main-wrapper {
margin-left: var(--sidebar-width);
background: #fff;
}
.main-wrapper .container {
max-width: var(--content-max-width);
}
.page-title {
position:sticky;
top:0;
z-index:9999;
transition:all .2s;
}
.sticky{
padding:1em 0 !important;
}
.page-title .heading {
font-size: 2rem;
font-weight: bold;
color:white;
}
.footer {
color: rgba(255, 255, 255, 0.7)
}
.footer a {
color: #fff
}
.gradient{
background: rgb(43,43,43);
background: linear-gradient(151deg, var(--orange) 0%, var(--pink) 35%,var(--primary) 100%) !important;
}
.content .post .title {
font-size: 1.275rem
}
.content .post .title a {
color: var(--gray-dark)
}
.content .post .title a:hover {
color: var(--gray-dark)
}
.content .post .post-thumb {
max-width: 160px;
border-radius: 2px
}
.content .post .intro {
font-size: 0.875rem
}
.content .post .more-link {
font-size: var(--font-small);
}
.meta {
color: #8f8f8f;
font-size: var(--font-small);
}
.meta span {
display: inline-block;
margin-right:.25em;
}
.meta span a {
color: #8f8f8f
}
.meta span.tag {
background-color: var(--lightgray);
padding:0 .5em;
border-radius:5px;
}
.meta span a:hover {
color: var(--secondary)
}
.meta span:last-child:after {
display: none
}
.blog-nav .nav-link {
background: var(--primary);
color: #fff;
font-size: 1rem;
padding: 1rem;
font-weight: bold;
position: relative
}
.blog-nav .nav-link:hover {
background: var(--secondary);
}
.blog-nav .nav-link-prev {
border-right: 1px solid var(--secondary);
}
.blog-nav .arrow-prev {
position: absolute;
left: 1rem;
top: 1.25rem;
color: #fff
}
.blog-nav .arrow-next {
position: absolute;
right: 1rem;
top: 1.25rem;
color: #fff
}
.content .title {
font-weight: bold;
font-size: 2rem
}
.content .content-body p,
.content .content-body li {
font-size: 1.125rem;
line-height: 1.6
}
.content .content-body h1 {
font-size: 2.125rem
}
.content .content-body h2 {
font-size: 2rem
}
.content .content-body h3 {
font-size: 1.75rem
}
.content .content-body h4 {
font-size: 1.5rem
}
.content .content-body h5 {
font-size: 1.25rem
}
.content .content-body h6 {
font-size: 1.125rem
}
.content .image-caption {
color: #8f8f8f;
font-size: 0.875rem
}
.content .image-caption a {
color: #8f8f8f;
text-decoration: underline
}
.content .image-caption a:hover {
color: var(--secondary)
}
.content .blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
border-left: 2px solid var(--gray-dark);
font-size: 1.5rem
}
.content .blockquote p {
font-size: 1.5rem
}
@media (prefers-reduced-motion: reduce) {
.social-list a {
transition: none
}
.btn {
transition: none
}
}
@media (min-width: 768px) {
}
@media (max-width: 991.98px) {
.page-title {
position:static;
}
.header {
position: sticky;
width: inherit;
height: auto
}
.header .site-title {
width: 100%;
position: absolute;
left: 0;
top: 1.2rem;
color:var(--white);
font-size:1.5em;
display:block;
}
.header .btn-primary {
width: 100%
}
.header .navbar {
padding: 1rem
}
.main-wrapper {
margin-left: 0
}
}
@media (max-width: 767.98px) {
}   .comments-wrapper {
margin-top: 3rem;
}
.comment-reply-title {
margin: 0 0 4rem 0;
text-align: center;
}  .comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 3.5rem;
}
div.comment:first-of-type {
margin-top: 3.5rem;
padding-top: 0;
}
.comments .comments-header + div {
margin-top: 0;
padding-top: 0;
}
.comment-body {
position: relative;
}
.comment .comment {
padding-left: 5%;
}
.comment-meta {
line-height: 1.1;
margin-bottom: 0;
min-height: 5rem;
padding-left: 5rem;
position: relative;
}
.hide-avatars .comment-meta {
min-height: 0;
padding-left: 0;
}
.comment-meta a {
color: inherit;
}
.comment-author a {
text-decoration: underline;
}
.comment-author a:hover,
.comment-author a:focus {
text-decoration: none;
}
.comment-meta .avatar {
height: 4rem;
position: absolute;
left: 0;
top: 0;
width: 4rem;
}
.comment-author .url {
text-decoration: underline;
}
.comment-metadata {
color: var(--gray);
font-size: var(--font-small);
font-weight: 500;
margin-top: 0.6rem;
}
.comment-metadata a {
text-decoration: none;
}
.comment-metadata a:focus,
.comment-metadata a:hover {
text-decoration: underline;
} .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: 100%;
background-color:var(--lightgray);
padding:.5em;
}
.comment-content.entry-content .alignleft { margin-left: 0;
}
.comment-content.entry-content .alignright { margin-right: 0;
} .comment-footer-meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: var(--font-small);
font-weight: 600;
justify-content: flex-start;
letter-spacing: 0.030833333em;
line-height: 1;
margin: 1.5rem 0 -1rem -1.5rem;
text-transform: uppercase;
}
.comment-footer-meta > * {
margin: 0 0 1rem 1.5rem;
}
.comment-reply-link {
border-radius:2px;
color: #fff;
display: block;
padding: 0.7rem;
}
.bypostauthor .comment-footer-meta .by-post-author {
display: block;
}
.comment-footer-meta a {
text-decoration: none;
}
.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
text-decoration: underline;
} .pingback .comment-meta,
.trackback .comment-meta {
padding-left: 0;
} .comments-pagination {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6rem;
text-align: center;
}
.comments-pagination.only-next {
justify-content: flex-end;
}
.comments-pagination .page-numbers {
display: none;
text-decoration: none;
}
.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
text-decoration: underline;
}
.comments-pagination .prev,
.comments-pagination .next {
display: block;
}
.comments-pagination .prev {
left: 0;
}
.comments-pagination .next {
right: 0;
text-align: right;
} .comment-respond::after {
clear: both;
content: "";
display: block;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
color: #6d6d6d;
font-size: 1.6rem;
line-height: 1.4;
margin: -3rem 0 4rem 0;
text-align: center;
}
.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
color: inherit;
text-decoration: none;
}
.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
text-decoration: underline;
}
.comment-respond p {
line-height: 1.1;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}
.comment-respond p:not(.comment-notes) {
max-width: 58rem;
}
.comment-form-cookies-consent {
align-items: baseline;
display: flex;
}
.comment-respond > p:last-of-type {
margin-bottom: 0;
}
.comment-respond label {
display: block;
}
.comment-respond input[type="checkbox"] + label {
font-size: 1.5rem;
line-height: 1.25;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
margin-bottom: 0;
}
.comment-respond textarea {
height: 15rem;
}
.comment-respond #submit {
display: block;
}
.comment-respond .comments-closed {
text-align: center;
} .comments .comment-respond {
padding: 3rem 0 0;
}
.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
text-align: left;
}
.comment-reply-title small {
display: block;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.0277em;
margin: 0.5rem 0 0 0;
white-space: nowrap;
}
.comment-reply-title small a {
text-decoration: none;
}
.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
text-decoration: underline;
}
.coming-soon {
text-align: center;
font-family: 'Karla-Bold';
font-size: 1rem;
font-weight: bold;
color: #f79122;
padding-bottom: 30px;
} .wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mt-30 {
margin: 30px 0 0 0;
}
.row, .column {
display: flex;
}
.row {
flex-direction: row;
}
.column {
flex-direction: column;
}
.btn:not([disabled]) {
cursor: pointer;
}
.poll-box {
background: linear-gradient(#803af7, #500cc4);
border-radius: 3px;
box-shadow: 0px 5px 11px -7px #000;
text-align: center;
}
.poll-container {
padding: 25px 30px;
position: relative;
}
.poll-question {
width: max-content;
max-width: 700px;
color: #FFF;
font-family: "Poppins", sans-serif;
}
.poll-panel.poll-voted {
overflow: hidden;
border-radius: 50px;
}
.poll-panel.poll-voted .poll-panel-btn.--user-choice {
background: #FFF;
color: #000;
}
.poll-panel.poll-voted .poll-panel-btn.--user-choice:hover {
color: #000;
background: #FFF;
}
.poll-panel.poll-voted .poll-panel-btn {
background: #676464;
color: #FFF;
border-radius: 0;
margin: 0;
border: 0;
position: relative;
}
.poll-panel.poll-voted .poll-panel-btn:hover {
color: #FFF;
background: #676464;
}
.poll-panel.poll-voted .poll-panel-btn:after {
content: attr(data-result);
font-size: 9px;
display: block;
opacity: 0.5;
animation: slideWithFade 0.2s ease;
}
.poll-panel.poll-voted .poll-panel-btn:active {
transform: inherit;
}
.poll-panel.poll-voted .poll-panel-btn span {
display: block;
}
.poll-panel {
width: 100%;
}
.poll-panel-btn {
padding: 7px 10px;
font-family: "Roboto", sans-serif;
font-size: 0.7rem;
width: 100%;
border-radius: 50px;
border: 1px solid #FFF;
margin: 0 20px;
color: #FFF;
transition: 0.15s cubic-bezier(0.17, 0.67, 0.79, 1.24);
}
.poll-panel-btn:hover {
background: #FFF;
color: #000;
}
.poll-panel-btn:active {
transform: scale(0.95);
}
@keyframes slideWithFade {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
}
} .footer {
padding:  3% 3% 3% 3%;
}
.footer ul {
padding:  0;
}
.footer li {
display: inline-block;
padding-right: 10px;
}
.footer li a {
color: #1e3557;
font-weight: bold;
}
.footer p {
color: #000000;
font-size: 1rem;
padding-top: 8px;
}
.sub-content {
font-size: 1rem; 
margin-top: -50px; 
margin-bottom: 50px;
}
@media only screen and (max-width: 414px) {
.navbar-nav {
margin-left: 0;
}
.sub-content {
margin-top: 0; 
}
.resources .banner h2 {
margin-top: 15px;
}
} .news .news-content {
padding:  0 3% 20px 3%;
}
.news .news-content h2 {
font-size: 1.2rem;
margin-bottom: 2%;
} .news .section-7 {
height: auto;
width: 100%;
padding:  3% 3% 5% 3%; }
.news .section-7 h3{ font-size: 1.2rem;
margin-bottom: 5%;
}
.news .section-7 h4{
color:  #1e3557;
font-size: 1.2rem;
padding: 10px 0 0 0;
}
.news .section-7 p {
font-size: 14px;
}
.news .section-7 a {
text-decoration: none;
} .quicktags-toolbar {
display: none !important;
}
.wp-editor-tabs {
display: none !important;
}
.wp-media-buttons .insert-media {
display: none !important;
}
.comment-form-comment label {
display: none;
}
.comment-form-comment textarea {
resize: none;
}
.btn-logout {
padding:  10px 18px 10px 18px;
background: transparent;
border: 1px solid #f79122;
width: 100%;
letter-spacing: 0.4px;
margin-top: 15px;
}