/* Typography */
body, html, p{
color: #282828;
font-size: 17px;
line-height: 1.65;
font-weight: 400;
}
/* Button */
.btn.btn--primary{
transition: all .2s linear;
padding: 20px 25px;
border-radius: 8px;
font-family: rockwell, sans-serif;
font-size: 27px;
font-weight: 300;
text-transform: none;
height: auto !important;
}
.btn.btn--primary:hover{
box-shadow: none;
transform: none;
opacity: .8;
}
/* Header */
.index--template .header{
background-color: transparent;
position: absolute;
width: 100%;
}
.index--template .top_menu--link:not(.btn),
.index--template .top_menu--dropdown{
display: none !important;
}
.index--template .header .top_menu--logo img{
height: 140px !important;
}
.index--template .top_menu .container .btn--primary{
font-size: 27px;
padding: 20px 25px;
height: auto;
}
.header{
padding: 25px 0;
}
.header .container{
max-width: 94%;
}
.header .top_menu .top_menu--link{
font-family: raleway,sans-serif;
font-size: 18px;
line-height: 28px;
text-transform: none;
margin-left: 30px;
}
.header .top_menu .dropdown--head-link{
font-family: raleway,sans-serif;
font-size: 18px;
line-height: 28px;
text-transform: none;
}
.top_menu .container .btn--primary{
font-family: rockwell, sans-serif;
padding: 10px 20px;
border-radius: 8px;
background-color: #f56214 !important;
color: #fff;
font-size: 21px;
font-weight: 300 !important;
line-height: 1;
}
.header .top_menu--dropdown .dropdown--body{
border-radius: 8px;
background-color: #777;
overflow: hidden;
}
.header .top_menu--dropdown .dropdown--body a{
color: #fff;
opacity: 1 !important;
font-size: 16px;
line-height: 20px;
font-weight: 500;
padding: 10px 20px;
}
.header .top_menu--dropdown .dropdown--body a:hover{
background-color: #afafaf !important;
}
/* Mobile Header */
#hamburger-icon--even{
stroke: #fff;
stroke-width: 2px;
width: 30px;
}
@media screen and (max-width: 768px){
.index--template .header{
padding-top: 0;
padding-bottom: 0;
}
.header .top_menu .container{
padding: 0 20px;
max-width: 100%;
}
.top_menu--logo img{
height: 60px !important;
}
}
.mobile_menu--exit{
width:16px;
position: absolute;
top: 15px;
right: 15px;
color: #fff;
stroke: #fff;
stroke-width: 2px;
display: inline-block !important;
background-color: transparent !important;
}
.mobile_menu--exit svg{
width: 20px;
}
.top_menu .container .mobile_menu{
height: 100vh;
background-color: #4d4949;
padding: 35px 20px;
position: fixed;
top: 0;
left: 0;
}
.mobile_menu .mobile-main-nav{
text-align: center;
margin-top: 20px;
}
.mobile_menu .mobile-main-nav a.mobile_menu--link,
.mobile_menu .mobile-main-nav .dropdown .mobile_menu--link a{
border-bottom: none !important;
letter-spacing: 1px;
line-height: 1.6;
font-size: 26px;
transition: all .1s linear;
padding: 8px 15px !important;
background-color: transparent;
border-color: transparent;
font-weight: 400;
}
.mobile_menu .mobile-main-nav .dropdown .mobile_menu--link{
border-bottom: none;
}
.mobile_menu .mobile-main-nav .dropdown--body{
box-shadow: none;
}
.mobile_menu .mobile-main-nav .dropdown--body a{
border-bottom: none !important;
letter-spacing: 1px;
line-height: 1.6;
font-size: 20px;
transition: all .1s linear;
padding: 8px 15px !important;
background-color: transparent;
border-color: transparent;
font-weight: 400;
opacity: 1;
}
/* Footer */
.footer{
padding-top: 0;
padding-bottom: 0;
border: none !important;
border-top: 20px solid #282828 !important;
}
.footer .footer-bottom{
display: flex;
flex-flow: row;
}
.footer .footer-logo{
max-width: 200px;
width: 100%;
}
.footer .footer--copyright{
color: #afafaf;
font-size: 18px;
margin-left: 40px;
font-weight: 400 !important;
text-transform: uppercase;
}
.footer .footer--copyright a{
color: #afafaf;
font-size: 18px;
font-weight: 400 !important;
text-transform: uppercase;
}
.footer-cols .footer--links{
flex-flow: column;
}
.footer .footer-cols .footer--link{
margin: 0;
font-family: raleway, sans-serif;
color: #777 !important;
font-size: 25px;
line-height: 28px;
font-weight: 400 !important;
padding: 12px 0;
}
.footer .footer-cols .footer-link-intro{
margin: 0;
font-family: raleway, sans-serif;
color: #777 !important;
font-size: 25px;
line-height: 28px;
font-weight: 400 !important;
padding-bottom: 40px;
}
.footer .footer-cols .footer-link-intro a{
color: #282828;
}
.footer .footer-cols .footer--link:hover{
color: #282828!important;
}
.footer .row{
align-items: flex-start;
}
.footer .footer-bottom-wrap{
border-bottom: 20px solid #f56214;
background-color: #4d4949;
}
.footer .footer-bottom-wrap .container{
max-width: 90%;
padding: 30px 20px;
align-items: flex-end;
}
.footer .footer-cols.container{
max-width: 950px;
padding-top: 60px;
padding-bottom: 60px;
}
.powered-by-uscreen{
display: none !important;
}
@media screen and (max-width: 768px){
.footer .footer--links{
flex-flow: column;
align-items: center;
justify-content: center;
padding-bottom: 0 !important;
margin-bottom: 0;
}
.footer .footer--link{
font-size: 20px !important;
}
.footer .footer-link-intro{
font-size: 20px !important;
text-align: center;
}
.footer .footer-bottom{
flex-flow: column;
justify-content: center;
align-items: center !important;
}
.footer .footer-logo{
padding-bottom: 30px;
}
}
/* Hero Video Banner */
.hero_video{
position: relative;
overflow: hidden;
display: flex;
justify-content: flex-end;
flex-flow: column; background-size: cover !important;
background-repeat: no-repeat;
background-position: top center;
padding-top: 260px;
}
.hero_video:before{
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.3);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.hero_video--background-video{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-video-container{
width: auto;
margin-left: 60px;
margin-bottom: 40px;
z-index: 1;
}
.hero-video-container .title{
font-size: 50px;
line-height: 1.2;
letter-spacing: .5px;
margin-bottom: 30px;
}
.hero-video-container .btn{
display: inline-block;
padding: 15px 30px;
}
.hero_video .cta-title{
margin-bottom: 20px;
font-size: 35px;
line-height: 40px;
font-weight: 500;
color: #fdfdfd;
}
.hero_video .cta-subtext{
font-size: 24px;
line-height: 30px;
margin-top: 20px;
color: #fdfdfd;
font-weight: 400;
}
.hero_video .cta-subtext a{
color: #fdfdfd;
text-decoration: underline;
}
.hero_video .cta-wrap .btn{
display: inline-block;
font-size: 45px;
padding: 30px;
}
.hero_video .hero_banner--title{
font-size: 60px;
}
.hero_video .animated-intro,
.hero_video .animated-intro-2,
.hero_video .word{
font-family: almaq-refined, sans-serif;
color: #fdfdfd;
font-size: 70px;
line-height: 1.05;
font-weight: 400;
letter-spacing: 1px;
text-transform: none;
text-shadow: 1px 1px 6px rgb(0 0 0 / 50%)
}
.hero_video .animated-intro-2{
padding-bottom: 20px;
}
.hero_video .animated-intro{
padding: 10px 20px 10px 0;
}
.hero_video .word{
padding: 10px 0;
}
.hero_video .word:nth-child(4n+1){
color: #f56214;
}
.hero_video .word:nth-child(4n+2){
color: #f8a551;
}
.hero_video .word:nth-child(4n+3){
color: #64a686;
}
.hero_video .word:nth-child(4n){
color: #1694a0;
}
.hero_video .animated-text-wrap{
display: flex;
}
.hero_video .animated-text{
max-height: 95px;
overflow: hidden;
}
@media screen and (max-width: 768px){
.hero-video-container{
width: 100%;
margin-left: 0;
}
.hero-video-container .title{
font-size: 38px;
}
.hero_video--background-video{
display: none;
}
.hero_video{
position: relative;
}
.hero_video .cta-title{
font-size: 25px;
}
.hero_video .cta-wrap .btn{
font-size: 25px;
padding: 20px;
}
.hero_video .cta-subtext{
font-size: 20px;
line-height: 1.5;
}
.hero_video .animated-intro{
padding: 0;
}
.hero_video .animated-intro,
.hero_video .animated-intro-2,
.hero_video .word{
font-size: 45px;
}
.hero_video .animated-text-wrap{
display: block;
}
.hero_video .hero_banner--title{
font-size: 40px;
text-align: left;
}
}
@media screen and (min-width: 768px){
.hero_video{
background-image: none !important;
min-height: 85vh !important;
}
}
/* Section 2 Hero Banner */
.hero_banner{
border-top: 40px solid #f8a551;
}
.hero_banner .hero_banner--title{
color: #f56214;
font-size: 65px;
line-height: 1.2;
width: 100%;
text-align: center;
text-shadow: 1px 1px 6px rgb(0 0 0 / 50%);
}
.hero_banner .hero_banner--cta{
padding: 30px 60px;
min-height: auto;
max-width: 100%;
}
.hero_banner .hero_banner--cta > div{
max-width: 100%;
}
.hero_banner .hero_banner--cta .hero_banner--subtitle{
font-size: 40px;
line-height: 1.3;
padding-top: 16vw;
}
.hero_banner .btn--primary{
margin-right: 15px;
display: inline-block;
}
.hero_banner .hero_banner--cta .btn{
margin-bottom: 15px;
}
@media screen and (max-width: 768px){
.hero_banner .hero_banner--title{
font-size: 45px;
}
.hero_banner .hero_banner--cta{
padding: 30px 20px;
}
.hero_banner .hero_banner--cta .hero_banner--subtitle{
font-size: 25px;
}
.hero_banner .hero_banner--cta .btn{
display: block;
margin-top: 15px;
}
.hero_banner .hero_banner--main{
padding-top: 30px;
padding-bottom: 60px;
}
}
@media screen and (max-width: 480px){
.hero_video{
padding-top: 140px;
}
}
/* Section 3 */
.slideshow_hero{
border-top: 40px solid #1694a0;
position: relative;
}
.slideshow_hero .container{
max-width: 100%;
padding: 0;
}
.slideshow_hero .hero_banner--title{
color: #1694a0;
font-size: 65px;
line-height: 1.2;
width: 100%;
text-align: center;
text-shadow: 1px 1px 6px rgb(0 0 0 / 50%);
}
.slideshow_hero .description{
color: #fdfdfd;
font-size: 40px;
line-height: 1.2;
text-align: left;
letter-spacing: .5px;
padding-bottom: 30px;
}
.slideshow_hero .slideshow-content{
background-color: rgba(0,0,0,.4);
padding: 60px;
position: relative;
}
.slideshow_hero .cta-wrapper{
align-content: flex-end;
display: flex;
justify-content: flex-end;
flex: 0 0 234px;
flex-flow: column;
text-align: center;
}
.slideshow_hero .cta-wrapper .btn--primary{
display: inline-block;
}
.slideshow_hero .content-grid{
display: flex;
justify-content: space-between;
padding-top: 300px;
}
.slideshow_hero .slides{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.slideshow_hero .slide img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.slideshow_hero .slick-track,
.slideshow_hero .slick-list{
height: 100%;
}
@media screen and (max-width: 900px){
.slideshow_hero .content-grid{
flex-flow: column;
justify-content: flex-end;
}
.slideshow_hero .cta-wrapper{
flex-flow: row;
flex: 1 1 auto;
}
}
@media screen and (max-width: 768px){
.slideshow_hero .slideshow-content{
padding: 60px 20px;
}
.slideshow_hero .hero_banner--title{
font-size: 45px;
}
.slideshow_hero .description{
font-size: 25px;
}
.slideshow_hero .content-grid{
padding-top: 150px;
}
}
/* Section 4 */
.ipad{
padding: 90px 0;
border-top: 40px solid #f56214;
}
.ipad .hero_banner--main{
min-height: auto;
}
.ipad .ipad-container{
display: grid;
max-width: 100%;
padding: 0 60px;
grid-template-columns: 1fr 1fr;
grid-column-gap: 40px;
}
.ipad .hero_banner--title{
text-align: left;
}
.ipad .description p{
color: #fdfdfd;
font-size: 40px;
line-height: 1.2;
text-align: left;
letter-spacing: .5px;
}
.ipad .description p:not(:last-child){
padding-bottom: 1em;
}
.ipad .ipad-frame{
position: relative;
border-radius: 20px;
overflow: hidden;
}
.ipad .ipad-device{
position: relative;
z-index: 2;
}
.ipad .ipad-video{
position: absolute;
top: 5%;
left: 5%;
height: 90%;
width: 90%;
object-fit: cover;
z-index: 1;
max-width: 900px;
}
@media screen and (max-width: 1000px){
.ipad .ipad-container{
grid-template-columns: 1fr;
}
.ipad .col-right{
padding-top: 60px;
}
}
@media screen and (max-width: 768px){
.ipad .ipad-container{
padding: 0 20px;
}
.ipad .description p{
font-size: 25px;
}
.ipad .hero_banner--cta-wrapper{
text-align: left;
}
.ipad .hero_banner--main{
padding-top: 0;
padding-bottom: 30px;
}
}
/* Section 5 */
.slideshow_hero_2{
border-top: 40px solid #64a686;
}
.slideshow_hero_2 .hero_banner--title{
color: #64a686;
}
@media screen and (min-width: 900px){
.slideshow_hero_2 .hero_banner--title {
max-width: 75%;
margin: 0 auto;
}
}
/* Section 6 - Testimonials */
.hero_banner.testimonials{
border-top: 40px solid #1694a0;
min-height: auto;
}
.testimonials .hero_banner--main{
min-height: auto;
padding: 60px 20px;
max-width: 800px;
left: 0;
}
.testimonials .hero_banner--title{
color: #1694a0;
}
.testimonials .hero_banner--cta-wrapper{
text-align: center;
}
.testimonials .quote-item{
color: #fdfdfd;
font-size: 40px;
line-height: 1.2;
text-align: center;
}
.testimonials .quote-name{
padding-bottom: 20px;
}
@media screen and (max-width: 768px){
.testimonials .quote-item{
font-size: 25px;
}
.testimonials .hero_banner--cta-wrapper{
padding-top: 30px;
}
.testimonials .hero_banner--background-shadow{
background-color: rgba(0,0,0,.5) !important;
}
}
/* Section 7 - Hero Banner 2 */
.hero_banner_2{
min-height: auto !important;
}
.hero_banner_2 .hero_banner--main{
min-height: auto !important;
}
.hero_banner_2 .hero_banner--title{
font-family: chalky, sans-serif;
color: #fff;
font-size: 65px;
text-shadow: 1px 1px 6px rgb(0 0 0 / 50%);
max-width: 950px;
margin: 0 auto;
}
.hero_banner_2 .study-guide-wrapper {
position: absolute;
left: auto;
top: 210px;
right: 0%;
bottom: 0%;
overflow: visible;
width: auto;
-webkit-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
width: 480px;
z-index: -1;
}
.hero_banner_2 .study-guide-wrapper img{
width: 100%;
}
.hero_banner_2 .hero_banner--cta{
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
padding-bottom: 60px;
padding-top: 50px;
min-height: auto !important;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle{
padding: 40px 20px 40px 40px;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p{
font-family: almaq-refined, sans-serif;
color: #fff;
font-size: 60px;
line-height: 70px;
margin-bottom: 10px;
padding-left: 90px;
position: relative;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p:before{
content: "";
display: block;
width: 70px;
height: 70px;
position: absolute;
left: 0;
background: url(https://s3.amazonaws.com/unode1/assets/8327/OjhRVD0uRhurnrgyfm6c_checkmark.svg) center center no-repeat;
background-size: contain;
}
.hero_banner_2 .hero_banner--cta-wrapper{
text-align: center;
}
@media screen and (max-width: 1140px){
.hero_banner_2 .study-guide-wrapper{
width: 350px !important;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p{
font-size: 50px;
padding-left: 60px;
line-height: 50px;
margin-bottom: 20px;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p:before{
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 768px){
.hero_banner_2 .hero_banner--title{
font-size: 45px;
}
.hero_banner_2 .study-guide-wrapper{
position: relative;
top: 0;
left: auto;
margin: 40px auto;
width: 250px !important;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p{
text-align: left;
font-size: 40px;
line-height: 40px;
max-width: 500px;
margin: 10px auto;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p:before{
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 480px){
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle{
padding: 20px 0;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p{
text-align: left;
font-size: 30px;
line-height: 30px;
max-width: 100%;
margin: 10px auto;
padding-left: 40px;
}
.hero_banner_2 .hero_banner--cta .hero_banner--subtitle p:before{
width: 30px;
height: 30px;
}
}
/* FAQ */
.faq{
padding: 80px 0;
border-top: 40px solid #64a686;
}
.faq .container{
max-width: 990px;
margin: 0 auto;
}
.faq .faq-items-wrap{
padding-bottom: 60px;
}
.faq .cta-wrap{
text-align: center;
}
.faq .cta-title{
margin-bottom: 20px;
font-size: 35px;
line-height: 40px;
font-weight: 500;
color: #282828;
}
.faq .cta-subtext{
font-size: 24px;
line-height: 30px;
margin-top: 20px;
color: #282828;
font-weight: 400;
}
.faq .cta-subtext a{
color: #282828;
text-decoration: underline;
}
.faq .cta-wrap .btn{
display: inline-block;
font-size: 45px;
padding: 30px;
}
.faq .faq-question{
font-size: 35px;
text-transform: none;
position: relative;
background-color: #1694a0;
color: #fff;
border-radius: 10px;
letter-spacing: .5px;
padding: 20px 40px 20px 20px;
line-height: 1.2;
}
.faq .faq-item{
padding: 10px 0;
cursor: pointer;
}
.faq .faq-answer{
margin-bottom: 0px;
padding: 20px;
line-height: 30px;
font-size: 21px;
letter-spacing: .5px;
display: none;
color: #fff;
background-color: #afafaf;
border-radius: 10px;
margin-top: 10px;
}
.faq .faq-answer a{
text-decoration: underline;
}
.faq .faq-item.active .faq-question:after{
transform: rotate(135deg);
}
.faq .faq-question:after{
content: "";
background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M290.79,363.71v32h-32v8h32v32h8v-32h32v-8h-32v-32Z' transform='translate(-258.79 -363.71)'/%3E%3C/svg%3E");
display: block;
width: 40px;
height: 40px;
position: absolute;
right: 20px;
top: 20px;
background-size: contain;
transition: all .5s ease;
}
.faq h1{
margin-bottom: 50px;
font-family: almaq-refined, sans-serif;
color: #f56214;
font-size: 65px;
line-height: 70px;
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 600px){
.faq h1{
font-size: 45px;
}
.faq .faq-question {
font-size: 25px;
}
.faq .faq-question:after{
width: 30px;
height: 30px;
right: 15px;
}
.faq .cta-title{
font-size: 25px;
}
.faq .cta-wrap .btn{
font-size: 25px;
padding: 20px;
}
.faq .cta-subtext{
font-size: 20px;
line-height: 1.5;
}
}
/* Video Lightbox */
.rsd_lightbox_modal{
display: none;
}
.rsd_lightbox_modal.active{
display: block;
}
.rsd_lightbox_modal .blanket{
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: 100;
top: 0;
}
.rsd_lightbox_modal .lightbox-video{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.rsd_lightbox_modal .trailer{
position: fixed;
z-index: 101;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 56.6%;
}
.rsd_close{
position: absolute;
top: -30px;
right: -20px;
color: #fff;
font-size: 18px;
z-index: 10000;
}
@media screen and (max-width: 768px){
.rsd_lightbox_modal .trailer{
width: 90%;
}
}
/* Info Page */
.page{
min-height: auto;
}
.info-page{
margin-top: 60px;
margin-bottom: 80px;
max-width: 950px;
}
.info-page h1{
font-size: 65px;
line-height: 1.2;
margin-bottom: 30px;
font-weight: 400;
color: #f56214;
font-family: almaq-refined, sans-serif;
text-align: center;
}
.info-page h2{
font-size: 27px;
margin-top: 30px;
margin-bottom: 10px;
font-weight: 500;
line-height: 1.7;
letter-spacing: .5px;
color: #282828;
font-family: raleway, sans-serif;
}
.info-page h3{
font-size: 22px;
margin-top: 30px;
font-weight: 500;
color: #282828;
font-family: raleway, sans-serif;
}
.info-page h4{
font-size: 18px;
font-weight:500;
color: #282828;
font-family: raleway, sans-serif;
}
.info-page a:not(.btn){
color: #1694a0;
text-decoration: underline;
}
.info-page ol{
list-style: normal;
margin-left: 20px;
}
@media screen and (max-width: 768px){
.info-page h1{
font-size: 45px;
}
}
/* Subpage Banner */
.subpage-content h2{
text-align: center;
}
.subpage-banner{
box-shadow: 1px 1px 20px 0 rgb(0 0 0 / 16%);
}
.subpage-banner.about-banner{
background-color: #1694a0;
}
.subpage-banner img{
max-width: 900px;
margin: 0 auto;
width: 100%;
}
.subpage-content figure{
width: 100%;
padding-bottom: 56.6%;
position: relative;
margin-bottom: 60px;
}
.subpage-content figure iframe{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
/* App Page */
.app-button-row{
padding-top: 50px;
display: flex;
justify-content: center;
}
.app-button-row .btn{
margin: 0 10px;
}
.app-button-row .btn img{
height: 30px;
padding-right: 20px;
}
@media screen and (max-width: 768px){
.app-button-row{
flex-flow: column;
align-items: center;
}
.app-button-row .btn{
margin: 10px 0;
width: 280px;
}
}
/* Join Page */
.join-intro p:before{
content: "";
position: absolute;
left: 0;
height: 40px;
width: 40px;
background: url('https://s3.amazonaws.com/unode1/assets/8327/X06gW2o3R2CN4gEjnskV_checkmark-grey.svg') center center no-repeat;
background-size: contain;
}
.join-intro p{
font-size: 26px;
line-height: 1.5;
padding-left: 50px;
padding-bottom: 20px;
}
@media screen and (max-width: 950px){
.join-intro p{
font-size: 22px;
}
.join-intro p:before{
left: 20px;
height: 30px;
width: 30px;
}
}
.join-grid .price-grid{
width: 950px;
margin-top: 75px;
margin-right: auto;
margin-left: auto;
grid-column-gap: 0px;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
border-radius: 8px;
background-color: rgba(203, 187, 154, 0.14);
box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 19%);
grid-row-gap: 16px;
display: grid;
}
.join-grid .pricing-column-features {
position: relative;
width: auto;
padding: 10px 40px 21px 21px;
}
.join-grid .feature-grid {
justify-items: start;
grid-row-gap: 5px;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto auto auto auto auto auto;
display: grid;
grid-column-gap: 16px;
grid-auto-columns: 1fr;
}
.join-grid .pricing-top {
display: flex;
width: 100%;
min-height: 150px;
margin-bottom: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: 1px solid hsla(0, 0%, 68.7%, 0.5);
}
.join-grid .feature-item {
position: relative;
display: flex;
width: 100%;
height: 75px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
justify-content: flex-start;
align-items: center;
}
.join-grid .buy-text {
position: relative;
font-family: almaq-refined, sans-serif;
color: #1694a0;
font-size: 30px;
line-height: 24px;
font-weight: 400;
}
.join-grid .buy-text.orange {
color: #f56214;
}
.join-grid .feature-text {
position: relative;
font-family: raleway, sans-serif;
color: #4d4949;
font-size: 17px;
line-height: 27px;
font-weight: 500;
}
.join-grid .pricing-column {
padding: 10px 15px 21px;
border-left: 1px solid hsla(0, 0%, 68.7%, 0.5);
}
.join-grid .plan-icon {
height: 75px;
margin-bottom: 10px;
}
.join-grid .price-type {
margin-top: 0px;
font-family: almaq-refined, sans-serif;
color: #4d4949;
font-size: 32px;
font-weight: 400;
text-align: center;
line-height: 1;
}
.join-grid .feature-check {
display: flex;
width: 100%;
height: 75px;
padding-top: 4px;
padding-bottom: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.join-grid .check-2 {
width: 30px;
margin-right: 16px;
}
.join-grid .feature-text-mobile {
display: none;
color: #848199;
font-size: 15px;
text-align: center;
}
.join-grid .button-pricing.month {
background-color: #1694a0;
}
.join-grid .button-pricing {
display: flex;
width: 100%;
min-height: 52px;
margin-right: auto;
margin-left: auto;
padding: 12px;
justify-content: center;
align-items: center;
border-radius: 8px;
background-color: #f56214;
transition: opacity 400ms ease;
font-family: rockwell, sans-serif;
color: #fff !important;
font-size: 20px;
font-style: normal;
font-weight: 400;
text-align: center;
color: #fff;
text-decoration: none !important;
line-height: 1em;
}
.join-grid .button-pricing:hover{
opacity: .75;
}
@media screen and (max-width: 768px){
.join-grid .pricing-column-features{
display: none;
}
.join-grid .price-grid{
background-color: transparent;
box-shadow: none;
max-width: 460px;
grid-template-columns: 1fr;
width: 100%;
}
.join-grid .pricing-column {
border-radius: 20px;
background-color: #fff;
padding: 15px;
box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 19%);
background-color: rgba(203, 187, 154, 0.14);
}
.join-grid .feature-text-mobile {
display: block;
}
.join-grid .feature-check.mobile-hide{
display: none;
}
}
/* Catalog */
/* Category */
.s-category-area .s-title{
font-weight: 500 !important;
letter-spacing: .5px;
color: #282828;
font-family: raleway, sans-serif;
}
/* Program */
.cbt-area{
font-family: raleway, sans-serif !important;
}
.cbt-title{
font-weight: 500 !important;
font-family: raleway, sans-serif !important;
color: #282828 !important;
}
.cbt-tabs,
.cbt-tabs--content{
font-family: raleway, sans-serif !important;
color: #282828 !important;
}
.card-title{
font-family: raleway, sans-serif !important;
color: #282828 !important;
}
/* Author */
.s-author-area .s-title{
font-weight: 500 !important;
letter-spacing: .5px;
color: #282828;
font-family: raleway, sans-serif;
}
/* Safety Area */
