/* styles.css */

/* Your CSS styles go here */
.page-id-194858 header .custom-logo-link,.page-id-196372 header .custom-logo-link{
    display: flex;
    align-items: baseline;
}
.page-id-194858 header .custom-logo-link img, .page-id-196372 header .custom-logo-link img  {
    max-width: 120px;
    margin-right: 10px;
}
.page-id-194858 header .custom-logo-link span,.page-id-196372  header .custom-logo-link span {
    font-size: 15px;
    transition: none;
}
.page-id-194858 .site-header-primary-section-right,.page-id-196372 .site-header-primary-section-right{
    display:none;
}
.loader {
    display: none;
    margin:auto;
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #ff996c;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
.success {
    color: #72bb53;
    margin: 40px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2em;
    position: relative;
    padding-left: 40px;
}
.success:before{
    position: absolute;
    content: "";
    background-image: url(/wp-content/plugins/soap-connect-plugin/includes/image/check-32x32.png);
    left: 0;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    top: 0;
} 
.error {
    color: #e61610;
    margin: 40px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2em;
    position: relative;
/*     padding-left: 40px; */
}
/* .error:before{
    position: absolute;
    content: "";
    background-image: url(/wp-content/plugins/soap-connect-plugin/includes/image/exclamation-mark-32x32.png);
    left: 0;
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    top: 0;
}  */
.sub-error{
    font-size: 13px;
    padding-left: 40px;
}
.background-image img {
    height: 500px;
    width: 100%;
}
.page-id-194858
  .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,
.page-id-194858 .site-footer .site-primary-footer-wrap,.page-id-196372 .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container, .page-id-196372 .site-footer .site-primary-footer-wrap  {
  width: 800px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: auto;
}
.landingpage-content {
    padding: 40px 0 65px;
    width: 800px;
}
.content-home h2,.content-entry h2 {
    font-weight: normal;
}
.content-home > img {
    width: 100%;
    margin-bottom: 20px;
}
.content-bonus-points h2,.content-final h2{
    color:#35424a;
	font-weight: normal;
}
.to-scan {
    cursor: pointer;
}
.content-bonus-points,.faq,.content-home,.content-final,.scan-more{ 
    display: none;
}

.content-bonus-points.active,.faq.active,.content-home.active,.content-final.active,.scan-more.active {
    display: block;
}
.content-home.hidden,.content-entry.hidden {
    display: none;
}
.content-entry .list-item {
    gap: 30px;
    margin-top: 30px;
}
.content-entry .list-item .item img {
    margin-bottom:15px;
}
.list-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.list-item.bonus-category {
    grid-template-columns: repeat(3, 1fr);
    column-gap:20px;
	margin-bottom:40px;
}
.content-home .list-item .item .item-title {
    margin: 0;
    font-weight: bold;
}
.list-item .item .item-title {
    margin: 0;
}
.list-item .item img {
    width: 100%;
    margin-bottom: 5px;
}
.list-item.bonus-category .item img {
    max-height: 310px;
}
.cta-button{
    background: #ff996c;
    color: #fff;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}
.cta-button:hover{
    color: #fff;
}
.to-shop{
    margin-top: 40px;
    margin-bottom: 10px!important;
}
.to-shop p{
    margin:0;
}
.to-shop .cta-button, .content-final .cta-button{
    margin-top:20px;
    display: block;
}
.item h4 {
    cursor: pointer;
    background-color: #ff996c;
    padding: 10px;
    text-align: center;
}
.content-bonus-points .description{
    color: #9a9eb1;
    font-size: 15px;
}

#soap-connect-result {
    font-weight: bold;
}

.section-background {
    background-color: #e7e3e4;
    padding: 65px;
}

.section-background p {
    margin-bottom: 0;
}
#soap-connect-form{
    display: flex;
    flex-direction: column;
}
#soap-connect-form label {
    text-align: left;
}
.link-text {
    margin-top: 20px;
    text-align: right;
    font-size: 15px;
	line-height: 1.3em;
}
.link-text a{
    color: #ff996c;
}
input.button-primary.button-connect,.to-rescan-code {
    color: #fff;
	font-weight: 400;
    background-color: #ff996c;
    text-align: center;
    padding: 14px 20px;
    line-height: 1.3em;
}

#soap-connect-form input[type=email],#soap-connect-form input[type=text] {
    margin-bottom: 30px;
    /* width: 350px; */
    height: 46px;
    padding: 0;
    background: transparent;
    border-color: #ebebeb;
    border-width: 0px 0px 4px 0;
    border-bottom-style: solid;
}
.faq{
    margin-top:50px;
}
.faq ul{
    list-style-type: numberic;
	    margin-left: 20px;
}
.contact{
    margin-top:50px;
}
.contact .contact-title{
    font-size: 48px;
    margin-bottom:20px;
		line-height:1.3em!important;
}
.contact .contact-info{
	display: grid;
    grid-template-columns: 43% 54%;
    gap: 24px;
    align-items: center;
}
.contact img{
	max-height: 450px;
    margin: auto;
    display: block;
}
.scan-more .scan-more-title{
    font-size: 25px;
    margin-bottom:20px
}
.scan-more .scan-more-info{
    display: grid;
    grid-template-columns: 44% 50%;
    gap: 20px;
}

.scan-instruction{
    margin-top: 30px;
}
.scan-instruction .scan-instruction-item:not(:last-child){
   margin-bottom: 60px;
}
.scan-instruction .scan-instruction-item p{
   margin-bottom: 10px;
}
.scan-instruction .scan-instruction-item img{
   margin-bottom: 20px;
}
.to-final{
   text-align: center;
   margin-top: 20px;
   font-size: 15px;
   cursor: pointer;
}
.content-final > img{
    width: 100%;
    margin-top: 50px;
}

.page-id-194858 #footer > div.top > img,.page-id-194858 #menu-item-49710,.page-id-194858 div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > aside:nth-child(1),.page-id-194858 .social_icons,.page-id-196372 #footer > div.top > img,.page-id-196372 #menu-item-49710,.page-id-196372 div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > aside:nth-child(1),.page-id-196372 .social_icons{
    display: none!important;
}
.page-id-194858 #footer .top div .menu, .page-id-194858 #footer .bottom,.page-id-196372 #footer .top div .menu, .page-id-196372 #footer .bottom{
    justify-content: center;
    align-content: center;
}
.page-id-194858 #menu-footer li a,.page-id-196372 #menu-footer li a{
    font-weight: normal;
    font-size: 14px;
	text-transform: none;
}
.page-id-194858 #footer .top,.page-id-196372 #footer .top{
	padding-bottom:10px;
}
.page-id-194858 #footer .top div,.page-id-196372 #footer .top div{
    float: none;
}

.page-id-194858 header .custom-logo-link span.opacity {
    opacity: 0;
    transition: none;
}

.back-btn{
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.back-btn:before{
    content: "";
    position: absolute;
    height: 1px;
    width: 83%;
    background: #000;
    bottom: 0px;
    left: 17%;
}

@media (max-width: 991px) {
    .landingpage-content {
        width: 100%;
    }
    .background-image img {
        height: 300px;
    }
    .landingpage-content {
        padding: 40px 20px;
    }
    .item h4 {
        text-align: center;
        font-size: 18px;
        margin-bottom: 0;
    }
    .section-background {
        padding: 40px 20px;
    }
}
@media (max-width: 768px) {
	.page-id-194858 header .custom-logo-link img,.page-id-196372 header .custom-logo-link img  {
        max-width: 83px;
    }
	.list-item.bonus-category {
        column-gap:10px;
    }
    .success,.error {
        font-size: 15px;
    }
    .success:before{
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
    }
      
    .page-id-194858 .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,
    .page-id-194858 .site-footer .site-primary-footer-wrap,.page-id-196372 .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,
    .page-id-196372 .site-footer .site-primary-footer-wrap  {
        width: 100%;
    }
    .page-id-194858 .site-footer .site-primary-footer-wrap,.page-id-196372 .site-footer .site-primary-footer-wrap  {
        padding: 0 30px!important;
    }
    .list-item .item .item-title {
        font-size: 12px;
    }
    
    .cta-button{
        font-size: 13px;
    }
    .content-home h2,.content-bonus-points h2{
        font-size: 28px;
        line-height: 1.3em!important;
    }
    .content-home p {
        font-size: 13px;
    }
    #soap-connect-form {
        text-align: center;
        width: 100%;
    }
    #soap-connect-form label {
        float: left;
    }
    #soap-connect-form input[type=email],#soap-connect-form input[type=text] {
        width: 100%;
        margin: 0px 0 30px;
    }
    input.button-primary.button-connect {
        width: 80%;
        display: block;
        margin: auto;
    }
    .to-rescan-code {
        display: block;
        width: 100%;
    }
  
    
}

@media (max-width: 500px) {
    .page-id-194858 #footer .top .menu-footer-container #menu-footer,.page-id-196372 #footer .top .menu-footer-container #menu-footer {
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;
        gap: 25px 20px;
      }

    .contact .contact-title{
        font-size: 32px;
    }
	.scan-more .scan-more-title{
        font-size: 15px;
    }
    .scan-more .scan-more-info p{
        font-size: 13px;
    }
    .contact .contact-info p{
        font-size: 12px;
        margin: 10px 0 0 0;
    }
    .content-home p {
        width: auto;
    }
}