/* +------------------------+ | | | FLEX MARKETING GROUP | | Path V.3A | | | +------------------------+ Copyright 2016 Flex Marketing Group Templated by Robert Vargas and Eric Cheung USAGE: In the tag of each component in the V3 templating system will be a specific class that you can refer to in the SCSS. */ /* LOAD VARIABLES */ /* GLOBAL VARIABLES */ /* LOAD FONT ===VV COPY AND PASTE IMPORT FROM GOOGLE FONTS HERE! */ @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|PT+Sans:400,700); /* FONT AWESOME */ @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css); /* TYPOGRAPHY VARIABLES */ /* COLOR VARIABLES */ /* LOAD V2A STYLES */ /* LOAD SECTIONS */ /* LOAD GLOBAL STYLES */ body.v2a-email.v3b, body.v2a-path.v3b, body.v2a-rewards.v3b { font-family: "PT Sans", Helvetica, Arial, sans-serif; background: #f2f2f2; } body.v2a-email.v3b .hide-it, body.v2a-path.v3b .hide-it, body.v2a-rewards.v3b .hide-it { display: none !important; } body.v2a-email.v3b .animated, body.v2a-path.v3b .animated, body.v2a-rewards.v3b .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body.v2a-email.v3b .animated-slow, body.v2a-path.v3b .animated-slow, body.v2a-rewards.v3b .animated-slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body.v2a-email.v3b .animated-slow.infinite, body.v2a-path.v3b .animated-slow.infinite, body.v2a-rewards.v3b .animated-slow.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } body.v2a-email.v3b .bold, body.v2a-path.v3b .bold, body.v2a-rewards.v3b .bold { font-weight: bold; } body.v2a-email.v3b .container-body, body.v2a-path.v3b .container-body, body.v2a-rewards.v3b .container-body { min-height: calc(95vh - 180px); font-family: "PT Sans", Helvetica, Arial, sans-serif; background: #f2f2f2; } body.v2a-email.v3b button, body.v2a-path.v3b button, body.v2a-rewards.v3b button { font-family: "Montserrat", Helvetica, Arial, sans-serif; } body.v2a-email.v3b .content-header-top, body.v2a-path.v3b .content-header-top, body.v2a-rewards.v3b .content-header-top { background: #3b5998; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16); z-index: 500; } body.v2a-email.v3b .content-header-top h1, body.v2a-path.v3b .content-header-top h1, body.v2a-rewards.v3b .content-header-top h1 { font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #FFF; background: #3b5998; text-align: left; } body.v2a-email.v3b .take_survey .p1, body.v2a-email.v3b .view_offers .p1, body.v2a-email.v3b .final_steps .p1, body.v2a-email.v3b .take_survey .p2, body.v2a-email.v3b .view_offers .p2, body.v2a-email.v3b .final_steps .p2, body.v2a-email.v3b .take_survey .p3, body.v2a-email.v3b .view_offers .p3, body.v2a-email.v3b .final_steps .p3, body.v2a-email.v3b .take_survey .p4, body.v2a-email.v3b .view_offers .p4, body.v2a-email.v3b .final_steps .p4, body.v2a-path.v3b .take_survey .p1, body.v2a-path.v3b .view_offers .p1, body.v2a-path.v3b .final_steps .p1, body.v2a-path.v3b .take_survey .p2, body.v2a-path.v3b .view_offers .p2, body.v2a-path.v3b .final_steps .p2, body.v2a-path.v3b .take_survey .p3, body.v2a-path.v3b .view_offers .p3, body.v2a-path.v3b .final_steps .p3, body.v2a-path.v3b .take_survey .p4, body.v2a-path.v3b .view_offers .p4, body.v2a-path.v3b .final_steps .p4, body.v2a-rewards.v3b .take_survey .p1, body.v2a-rewards.v3b .view_offers .p1, body.v2a-rewards.v3b .final_steps .p1, body.v2a-rewards.v3b .take_survey .p2, body.v2a-rewards.v3b .view_offers .p2, body.v2a-rewards.v3b .final_steps .p2, body.v2a-rewards.v3b .take_survey .p3, body.v2a-rewards.v3b .view_offers .p3, body.v2a-rewards.v3b .final_steps .p3, body.v2a-rewards.v3b .take_survey .p4, body.v2a-rewards.v3b .view_offers .p4, body.v2a-rewards.v3b .final_steps .p4 { font-family: "PT Sans", Helvetica, Arial, sans-serif; font-weight: 700; } body.v2a-email.v3b .take_survey .pts, body.v2a-email.v3b .view_offers .pts, body.v2a-email.v3b .final_steps .pts, body.v2a-email.v3b .take_survey .pts-2, body.v2a-email.v3b .view_offers .pts-2, body.v2a-email.v3b .final_steps .pts-2, body.v2a-email.v3b .take_survey .pts-3, body.v2a-email.v3b .view_offers .pts-3, body.v2a-email.v3b .final_steps .pts-3, body.v2a-email.v3b .take_survey .pts-4, body.v2a-email.v3b .view_offers .pts-4, body.v2a-email.v3b .final_steps .pts-4, body.v2a-path.v3b .take_survey .pts, body.v2a-path.v3b .view_offers .pts, body.v2a-path.v3b .final_steps .pts, body.v2a-path.v3b .take_survey .pts-2, body.v2a-path.v3b .view_offers .pts-2, body.v2a-path.v3b .final_steps .pts-2, body.v2a-path.v3b .take_survey .pts-3, body.v2a-path.v3b .view_offers .pts-3, body.v2a-path.v3b .final_steps .pts-3, body.v2a-path.v3b .take_survey .pts-4, body.v2a-path.v3b .view_offers .pts-4, body.v2a-path.v3b .final_steps .pts-4, body.v2a-rewards.v3b .take_survey .pts, body.v2a-rewards.v3b .view_offers .pts, body.v2a-rewards.v3b .final_steps .pts, body.v2a-rewards.v3b .take_survey .pts-2, body.v2a-rewards.v3b .view_offers .pts-2, body.v2a-rewards.v3b .final_steps .pts-2, body.v2a-rewards.v3b .take_survey .pts-3, body.v2a-rewards.v3b .view_offers .pts-3, body.v2a-rewards.v3b .final_steps .pts-3, body.v2a-rewards.v3b .take_survey .pts-4, body.v2a-rewards.v3b .view_offers .pts-4, body.v2a-rewards.v3b .final_steps .pts-4 { font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 700; } body.v2a-email.v3b .selected, body.v2a-path.v3b .selected, body.v2a-rewards.v3b .selected { border-bottom: 4px solid #3b5998; } body.v2a-email.v3b .content-header-320-top, body.v2a-path.v3b .content-header-320-top, body.v2a-rewards.v3b .content-header-320-top { background: #3b5998; width: calc(100% - 20px); max-width: 320px !important; } body.v2a-email.v3b .content-header-320-top #points_box, body.v2a-path.v3b .content-header-320-top #points_box, body.v2a-rewards.v3b .content-header-320-top #points_box { position: relative; } body.v2a-email.v3b .content-header-320-top #points_box p, body.v2a-path.v3b .content-header-320-top #points_box p, body.v2a-rewards.v3b .content-header-320-top #points_box p { position: absolute; margin: 0px; padding: 0px; right: 12px; top: 8px; color: #FFF; } body.v2a-email.v3b .content-header-top, body.v2a-path.v3b .content-header-top, body.v2a-rewards.v3b .content-header-top { z-index: 50000; } body.v2a-email.v3b .content-header-top h1, body.v2a-path.v3b .content-header-top h1, body.v2a-rewards.v3b .content-header-top h1 { font-family: "PT Sans", Helvetica, Arial, sans-serif; letter-spacing: .02em; } body.v2a-email.v3b .container-body-ocs, body.v2a-path.v3b .container-body-ocs, body.v2a-rewards.v3b .container-body-ocs { min-height: calc(100vh - 200px); } body.v2a-email.v3b .view_offers, body.v2a-path.v3b .view_offers, body.v2a-rewards.v3b .view_offers { color: #3E3E3E; } body.v2a-email.v3b .final_steps, body.v2a-path.v3b .final_steps, body.v2a-rewards.v3b .final_steps { color: #3E3E3E; } body.v2a-email.v3b .form2.visa, body.v2a-path.v3b .form2.visa, body.v2a-rewards.v3b .form2.visa { display: none; } body.v2a-email.v3b .logo-area, body.v2a-path.v3b .logo-area, body.v2a-rewards.v3b .logo-area { max-width: 320px; margin: 0 auto; } body.v2a-email.v3b .logo-area img, body.v2a-path.v3b .logo-area img, body.v2a-rewards.v3b .logo-area img { max-width: 125px; margin: 0 auto 100px; display: block; } /* EMAIL COMPONENT */ /* MOBILE INCENTIVE 1 -- HEADER */ /* header email 1 -- START */ .v2a-email .content-header { max-width: 414px; margin: -10px auto; padding-top: 1px; } .v2a-email .content-header-320, .v2a-email .email1_header { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-email header h1, .v2a-email .header_questions { font-size: 20px; line-height: .9em; text-align: center; font-weight: 600; } .v2a-email header .incentive-top { font-size: 29px; font-weight: 600; line-height: 1.4em; margin-bottom: 3%; padding-bottom: 1%; } .v2a-email .email1 { font-size: 29px; font-weight: 600; line-height: .9em; padding-bottom: 1%; } .v2a-email header p { text-align: center; font-size: 13px; line-height: 1.1em; font-weight: 300; width: 280px; margin: 0 auto 15px auto; } .v2a-email header p a, .v2a-email header p a:hover, .v2a-email header p a:visited, .v2a-email header p a:active { text-decoration: underline; font-weight: 500; } /* header email 1 -- END */ body.wc-email { /* #intro-text-tvs { display: none; } #intro-text-ps4s { display: none; } #intro-text-phones { display: none; } #intro-text-batch { display: none; } */ /*-- V2a Wrapper? --*/ /*-- incentive1 --*/ /*-- incentive2 --*/ /*-- incentive3 --*/ /* .container-header { background: #EFEFEF; padding-bottom: 10px; position: relative; width: 100%; h1 { color: #565454; font-family: $FONT_Top_Header; font-size:14px; padding: 1px 4px 0px 4px; letter-spacing: 0.02em; } } #header h1, .header_questions { font-size: 21px; margin-bottom: 10px; } #intro-text-tvs { display: none; } #intro-text-ps4s { display: none; } #intro-text-phones { display: none; } #intro-text-batch { display: none; } */ } body.wc-email .container-header { background: #EFEFEF; padding-bottom: 10px; position: relative; width: 100%; } body.wc-email .container-header h1 { color: #565454; font-family: "Tahoma", Helvetica, Arial, sans-serif; font-size: 14px; padding: 1px 4px 0px 4px; letter-spacing: 0.02em; } body.wc-email #header h1, body.wc-email .header_questions { font-size: 21px; margin-bottom: 10px; } body.wc-email .headerlegal_123 p.header_legal { text-align: center; max-width: 415px; margin: 2px auto 0px auto; line-height: 1.3em; color: #606060; /* background: #EFEFEF; */ padding: 2px 0px; position: relative; border-top: none; border-bottom: none; font-size: 11px; font-family: Helvetica, Arial, sans-serif; } body.wc-email .headerlegal_123 p.header_legal a { color: #606060; text-decoration: none; } body.wc-email .intro-text { padding-bottom: 0px; } @media (max-width: 375px) { body.wc-email .headerlegal_123 p.header_legal { max-width: 414px; } } body.wc-email .instant-qualify p.header_legal { color: #FDFDFD; border: none; padding: 0px 0px 10px 0px; margin-bottom: 10px; line-height: 1.2em; font-size: 11px; width: auto; margin: auto -10px auto -10px; font-family: Helvetica, Arial, sans-serif; } body.wc-email .instant-qualify p.header_legal a { color: #FDFDFD; text-decoration: none; } body.wc-email .form2_header p.header_legal { color: #606060; border: none; padding: 5px 0px; margin-bottom: -10px; margin-top: -12px; line-height: 1.2em; width: auto; font-size: 11px; font-family: Helvetica, Arial, sans-serif; } body.wc-email .form2_header p.header_legal a { color: #606060; text-decoration: none; } /* MOBILE INCENTIVE 1 -- HEADER */ /* header email 1 -- START */ .v2a-email .content-header { max-width: 414px; margin: -10px auto; padding-top: 1px; } .v2a-email .content-header-320, .v2a-email .email1_header { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-email header h1, .v2a-email .header_questions { font-size: 20px; line-height: .9em; text-align: center; font-weight: 600; } .v2a-email header .incentive-top { font-size: 29px; font-weight: 600; line-height: 1.4em; margin-bottom: 3%; padding-bottom: 1%; } .v2a-email .email1 { font-size: 29px; font-weight: 600; line-height: .9em; padding-bottom: 1%; } .v2a-email header p { text-align: center; font-size: 13px; line-height: 1.1em; font-weight: 300; width: 280px; margin: 0 auto 15px auto; } .v2a-email header p a, .v2a-email header p a:hover, .v2a-email header p a:visited, .v2a-email header p a:active { text-decoration: underline; font-weight: 500; } /* header email 1 -- END */ /* header Form 1 -- START */ .v2a-email .container-header-form1 { padding-bottom: 7px; padding-top: 1px; border-bottom: 3px solid #fff; } .v2a-email .content-header-form1 { max-width: 414px; margin: -10px auto; padding-top: 1px; } .v2a-email .content-header-320-form1 { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-email .form1_Eligibility { border-radius: 5px; padding: 4px 0 0px 0; margin: 10px 10px; font-size: 25px; text-align: center; } /* header Form 1 -- END */ body.wc-email { /*-- V2a Wrapper? --*/ /*-- incentive1 --*/ /*-- incentive2 --*/ /*-- incentive3 --*/ } body.wc-email .container-header-form1 { background: #3b5998; } body.wc-email #section4 img { margin-top: 0px; } body.wc-email .instant-qualify { position: relative; } body.wc-email .instant-qualify h1 { color: #FFF; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; } body.wc-email .instant-qualify p.header_legal { color: #dfe6f3; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 12px; margin-top: 10px; } body.wc-email .instant-qualify p.header_legal a { font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #dfe6f3; } body.wc-email .instant-qualify .arrow-drop { position: absolute; right: 0px; bottom: -200px; z-index: 5000; } body.wc-email .headerlegal_123 p.header_legal { text-align: center; max-width: 415px; margin: 2px auto 0px auto; line-height: 1.3em; color: #606060; /* background: #EFEFEF; */ padding: 2px 0px; position: relative; border-top: none; border-bottom: none; font-size: 11px; font-family: Helvetica, Arial, sans-serif; } body.wc-email .headerlegal_123 p.header_legal a { color: #606060; text-decoration: none; } body.wc-email .intro-text { padding-bottom: 0px; } @media (max-width: 375px) { body.wc-email .headerlegal_123 p.header_legal { max-width: 414px; } } body.wc-email .instant-qualify p.header_legal { color: #FDFDFD; border: none; padding: 0px 0px 10px 0px; margin-bottom: 10px; line-height: 1.2em; font-size: 11px; width: auto; margin: auto -10px auto -10px; font-family: Helvetica, Arial, sans-serif; } body.wc-email .instant-qualify p.header_legal a { color: #FDFDFD; text-decoration: none; } body.wc-email .form2_header p.header_legal { color: #606060; border: none; padding: 5px 0px; margin-bottom: -10px; margin-top: -12px; line-height: 1.2em; width: auto; font-size: 11px; font-family: Helvetica, Arial, sans-serif; } body.wc-email .form2_header p.header_legal a { color: #606060; text-decoration: none; } /* ------- ********** V2 ********** ------- START */ .v2a-email { /* REGISTRATION -- START */ /* -- added below -- .email-input { padding: 4px 0; height:42px; max-width: 100%; margin: 0px auto; text-align: center; font-size: 22px; } --*/ /* -- N/A -- .btn_gender { min-height:55px; } .btn_gender button { text-align: center; padding: 8px 0; border: 2px solid #cccbcb; font-weight: bold; margin: 2px 2px; font-size: 22px; min-width: 152px; font-weight: 600; font-stretch: condensed; text-transform: uppercase; width:152px; } --*/ /* -- Added on full-reg.scss -- .disclaimer-email { display: block; float: left; width: 97%; padding-left: 7px; margin-top: 10px; margin-bottom: 10px; font-size: 12px; line-height: 1.1em; text-align: justify; } .disclaimer-email a{ text-decoration:none; } --*/ /* REGISTRATION -- END */ /* PARTIAL REG OFFER -- START */ /* PARTIAL REG OFFER -- END */ } .v2a-email .container-body { padding-bottom: 2%; } .v2a-email .container-body .img-space { margin-bottom: -40px; } .v2a-email .content { max-width: 414px; margin: 0 auto; padding-top: 1px; } .v2a-email .content-320 { max-width: 320px; margin: 10px auto 0 auto; padding: 0 4px; } .v2a-email h2 { font-size: 25px; font-weight: 600; line-height: 1.0em; padding-bottom: 10px; } .v2a-email button { text-transform: uppercase; text-align: center; margin: 2px auto; font-size: 28px; min-width: 280px; letter-spacing: 1px; border: none; float: none; width: 100%; } .v2a-email .q-btn button { text-transform: uppercase; text-align: center; margin: 2px auto; font-size: 28px; min-width: 280px; letter-spacing: 1px; border: none; float: left; width: 312px; } .v2a-email button#no { margin-bottom: 15px; } .v2a-email button#btn2-100 { margin-bottom: 15px; } .v2a-email button#btn3-100 { margin-bottom: 15px; } .v2a-email .email-prompt, .v2a-email .email-prompt-sweeps { font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 20px; color: #606060; text-align: center; font-weight: 300; margin: 0px 0 0px 0; padding-bottom: 1%; } .v2a-email .email-box { padding: 2px 0%; max-width: 100%; margin: 0px auto; } .v2a-email .error { color: #FF0000; } .v2a-email #dob_box input { border: 0px solid; text-align: center; } .v2a-email #dob_box input:focus { outline: 0; } .v2a-email #dob_box { background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 22px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; line-height: 1.42857; text-align: center; } .v2a-email .disclaimer-offer { padding-left: 0%; display: inline-flex; } .v2a-email input.listing-td-div-input { width: 15px; height: 15px; margin-right: 4px; margin-bottom: 1px; margin-top: 0px; vertical-align: text-bottom; } .v2a-email .listing-column-div { display: block; padding-left: 0px; margin-top: 9px; margin-bottom: 6px; margin-left: 7px; line-height: 1.4em; font-size: 11px; font-weight: 300; } .v2a-email span.ocs_listing_text { font-size: 11px; } /* -- End of .v2a-email -- */ /* ------- ********** V2 ********** ------- END */ body.v2a-email.v3b.wc-email { /* -- Added to full-reg.scss -- .form2 img { width:100%; margin-bottom: -45px; } -- */ /* -- Added above .container-body { img { // margin-top:50px; } .img-space { margin-bottom: -40px; } } ---- */ /* -- Added above in V2 - .email-prompt, .email-prompt-sweeps { font-family: $FONT_Header; font-size: 20px; color: #606060; } --*/ /* Base for label styling */ /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ /* accessibility */ /* hover style just for information */ } body.v2a-email.v3b.wc-email h2.question { text-align: center; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 20px; text-transform: none !important; color: #606060; } body.v2a-email.v3b.wc-email .check-qualification { clear: both; text-align: center; margin-top: 10px; border-bottom: solid #E4E4E4 2px; } body.v2a-email.v3b.wc-email .check-qualification span { display: block; width: 80%; margin: 0 auto; padding: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 13px; background: #EFEFEF; border-top: 1px solid #E4E4E4; color: #565454; } body.v2a-email.v3b.wc-email .email-input { font-family: "PT Sans", Helvetica, Arial, sans-serif; padding: 4px 0; height: 42px; max-width: 100%; margin: 0px auto; text-align: center; font-size: 22px; } body.v2a-email.v3b.wc-email .buttons button { background: #3b5998; font-family: "Montserrat", Helvetica, Arial, sans-serif; border-radius: 3px; color: #FFF; font-weight: 600; } body.v2a-email.v3b.wc-email .intro-text { color: #3b5998; margin-top: 10px; font-family: "Roboto Condensed", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; text-align: center; font-size: 24px; line-height: 1.2em; padding-top: 10px; padding-bottom: 0; max-width: 320px; margin: auto; } body.v2a-email.v3b.wc-email .walmart { text-align: center; font-size: 12px; line-height: 1.0em; color: #868686; padding: 10px 0 15px 0; font-weight: 500; } body.v2a-email.v3b.wc-email .email-prompt-sweeps { display: none; } body.v2a-email.v3b.wc-email .default_img2 { display: block; } body.v2a-email.v3b.wc-email .visa { display: none; } body.v2a-email.v3b.wc-email #ques-wrapper { top: 0px !important; overflow: hidden; } body.v2a-email.v3b.wc-email .img-space img { width: 100%; } body.v2a-email.v3b.wc-email span.disclaimerP_text { cursor: pointer; } body.v2a-email.v3b.wc-email .offer-date { clear: both; text-align: center; margin-bottom: 50px; font-weight: 600; } body.v2a-email.v3b.wc-email .offer-date span { color: #3b5998; font-weight: 700; } body.v2a-email.v3b.wc-email .disclaimerP { display: inline-block; width: 100%; padding-left: 0px; margin-top: 2px; margin-bottom: 13px; line-height: 1.5em; font-size: 11px; font-weight: 500; color: #868686; border: 3px solid #ECECEC; padding: 9px; background-color: #F9F9F9; } body.v2a-email.v3b.wc-email input.disclaimerP-div-input { width: 14px; height: 14px; margin-right: 4px; margin-bottom: 0px; margin-top: 1px; vertical-align: text-bottom; } body.v2a-email.v3b.wc-email span.disclaimerP_text { font-size: 12px; } body.v2a-email.v3b.wc-email [type="checkbox"]:not(:checked), body.v2a-email.v3b.wc-email [type="checkbox"]:checked { position: absolute; left: -9999px; } body.v2a-email.v3b.wc-email [type="checkbox"]:not(:checked) + label, body.v2a-email.v3b.wc-email [type="checkbox"]:checked + label { position: relative; padding-left: 15px; cursor: pointer; } body.v2a-email.v3b.wc-email [type="checkbox"]:not(:checked) + label:before, body.v2a-email.v3b.wc-email [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; border: 1px solid #aaa; background: #fff; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); } body.v2a-email.v3b.wc-email [type="checkbox"]:not(:checked) + label:after, body.v2a-email.v3b.wc-email [type="checkbox"]:checked + label:after { content: '\f14a'; position: absolute; top: -1px; left: -1px; font-size: 18px; line-height: .9em; text-align: center; color: #0A86F1; width: 16px; height: 16px; border: 1px solid #44A1F3; background: #f8f8f8; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); background-color: #fff; transition: all .2s; } body.v2a-email.v3b.wc-email [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } body.v2a-email.v3b.wc-email [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } body.v2a-email.v3b.wc-email [type="checkbox"]:disabled:not(:checked) + label:before, body.v2a-email.v3b.wc-email [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } body.v2a-email.v3b.wc-email [type="checkbox"]:disabled:checked + label:after { color: #999; } body.v2a-email.v3b.wc-email [type="checkbox"]:disabled + label { color: #aaa; } body.v2a-email.v3b.wc-email [type="checkbox"]:checked:focus + label:before, body.v2a-email.v3b.wc-email [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue; } body.v2a-email.v3b.wc-email label:hover:before { border: 1px solid #4778d9 !important; } body.v2a-email.v3b.wc-email label { margin-bottom: 30px; margin-right: 5px; } body.v2a-email.v3b.wc-email .disclaimerP-box { float: left; margin-bottom: 20px; } @media (max-width: 992px) { body.v2a-email.v3b.wc-email label { margin-bottom: 40px; margin-right: 5px; } } body.v2a-email.v3b.wc-email #section4 .verified { background: #95EC95 !important; color: #559A55 !important; border: solid #62C562 1px !important; } body.v2a-email.v3b.wc-email #section4 i.fa { opacity: 0; position: absolute; top: 50%; transform: translate(0, -90%); right: 10px; color: white; } body.v2a-email.v3b.wc-email #section4 .verified-container i.fa { opacity: 1; } body.v2a-email.v3b.wc-email #section4 .email-input, body.v2a-email.v3b.wc-email #section4 i.fa { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } body.v2a-email.v3b.wc-email #section4 #dob_box.verified input { color: #559A55 !important; background: transparent; } body.v2a-email.v3b.wc-email #section4 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #95EC95 inset; } body.v2a-email.v3b.wc-email label { margin-bottom: 10px; } /* FULL REG COMPONENT */ /* header email 1 -- START */ .v2a-email .content-header { max-width: 414px; margin: -10px auto; padding-top: 1px; } .v2a-email .content-header-320, .v2a-email .email1_header { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-email header h1, .v2a-email .header_questions { font-size: 20px; line-height: .9em; text-align: center; font-weight: 600; } .v2a-email header .incentive-top { font-size: 29px; font-weight: 600; line-height: 1.4em; margin-bottom: 3%; padding-bottom: 1%; } .v2a-email .email1 { font-size: 29px; font-weight: 600; line-height: .9em; padding-bottom: 1%; } .v2a-email header p { text-align: center; font-size: 13px; line-height: 1.1em; font-weight: 300; width: 280px; margin: 0 auto 15px auto; } .v2a-email header p a, .v2a-email header p a:hover, .v2a-email header p a:visited, .v2a-email header p a:active { text-decoration: underline; font-weight: 500; } /* header email 1 -- END */ /* header Form 2 -- START */ .v2a-email .container-header-form2 { padding-bottom: 5px; border-bottom: 3px solid #fff; } .v2a-email .content-header-form2 { max-width: 414px; margin: -10px auto; padding-top: 1px; } .v2a-email .content-header-320-form2 { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-email .form2_header header h1 { font-size: 22px; line-height: 1.0em; text-align: center; font-weight: 300; border: none; } .v2a-email header .incentive-top-f2, .v2a-email .form2_header { font-size: 23px; font-weight: 600; line-height: 1.4em; margin-bottom: 3%; } /* header Form 2 -- END */ body.wc-full-reg { /*font-size: 17px; color: #606060; line-height: 1.4em; text-align: center; font-weight: 300; border: none; margin-top: 22px; }*/ /*font-size: 24px; font-weight: 600; line-height: 1.2em; font-family: $FONT_Top_Header; margin-bottom: 1%; background-color: inherit; }*/ /*-- V2a Wrapper? --*/ /*-- incentive1 --*/ /*-- incentive2 --*/ /*-- incentive3 --*/ /* .container-header-form2 { background:$COLOR_Background; border:none; } .form2_header header h1 { font-size: 17px; color: #606060; line-height: 1.4em; text-align: center; font-weight: 300; border: none; margin-top: 22px; } header .incentive-top-f2, .form2_header { font-size: 24px; font-weight: 600; line-height: 1.2em; font-family: $FONT_Top_Header; margin-bottom: 1%; background-color: inherit; } */ } body.wc-full-reg .container-header-form2 { background: transparent; border: none; } body.wc-full-reg span.large-text { color: #FFF; font-family: "Tahoma", Helvetica, Arial, sans-serif; font-size: 27px; padding: 3px; font-weight: 500; } body.wc-full-reg .welcome-box { width: 100%; padding: 20px 0px; text-align: center; background: #52A7E8; margin-bottom: 15px; border-radius: 10px; margin-top: 20px; position: relative; } body.wc-full-reg .welcome-box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #52A7E8; border-width: 15px; margin-left: -15px; margin-bottom: 15px; } body.wc-full-reg .form2_header header h1 { font-family: "Tahoma", Helvetica, Arial, sans-serif; font-size: 17px; color: #606060; line-height: 1.4em; text-align: center; font-weight: 300; border: none; margin-top: 22px; } body.wc-full-reg .form2_header header h1 span { font-family: "Tahoma", Helvetica, Arial, sans-serif; color: #606060; font-size: 24px; font-weight: 600; line-height: 1.2em; font-family: "Tahoma", Helvetica, Arial, sans-serif; margin-bottom: 1%; background-color: inherit; } body.wc-full-reg .headerlegal_123 p.header_legal { text-align: center; max-width: 415px; margin: 2px auto 0px auto; line-height: 1.3em; color: #606060; /* background: #EFEFEF; */ padding: 2px 0px; position: relative; border-top: none; border-bottom: none; font-size: 11px; font-family: Helvetica, Arial, sans-serif; } body.wc-full-reg .headerlegal_123 p.header_legal a { color: #606060; text-decoration: none; } body.wc-full-reg .intro-text { padding-bottom: 0px; } @media (max-width: 375px) { body.wc-full-reg .headerlegal_123 p.header_legal { max-width: 414px; } } body.wc-full-reg .instant-qualify p.header_legal { color: #FDFDFD; border: none; padding: 0px 0px 10px 0px; margin-bottom: 10px; line-height: 1.2em; font-size: 11px; width: auto; margin: auto -10px auto -10px; font-family: Helvetica, Arial, sans-serif; } body.wc-full-reg .instant-qualify p.header_legal a { color: #FDFDFD; text-decoration: none; } body.wc-full-reg .form2_header p.header_legal { color: #606060; border: none; padding: 5px 0px; margin-bottom: -10px; margin-top: -12px; line-height: 1.2em; width: auto; font-size: 11px; font-family: Helvetica, Arial, sans-serif; } body.wc-full-reg .form2_header p.header_legal a { color: #606060; text-decoration: none; } /* ------- ********** V2 ********** ------- START */ .v2a-email { /* REGISTRATION -- START */ /* -- added below -- .email-input { padding: 4px 0; height:42px; max-width: 100%; margin: 0px auto; text-align: center; font-size: 22px; } --*/ /* -- Added below -- .btn_gender { min-height:55px; } .btn_gender button { text-align: center; padding: 8px 0; border: 2px solid #cccbcb; font-weight: bold; margin: 2px 2px; font-size: 22px; min-width: 152px; font-weight: 600; font-stretch: condensed; text-transform: uppercase; width:152px; } --*/ /* -- Added below -- .disclaimer-email { display: block; float: left; width: 97%; padding-left: 7px; margin-top: 10px; margin-bottom: 10px; font-size: 12px; line-height: 1.1em; text-align: justify; } .disclaimer-email a{ text-decoration:none; } --*/ /* REGISTRATION -- END */ /* PARTIAL REG OFFER -- START .disclaimer-offer { padding-left: 0%; display: inline-flex; } input.listing-td-div-input { width: 15px; height:15px; margin-right: 4px; margin-bottom: 1px; margin-top: 0px; vertical-align: text-bottom; } .listing-column-div { display: block; padding-left: 0px; margin-top: 9px; margin-bottom: 6px; margin-left:7px; line-height: 1.4em; font-size: 11px; font-weight:300; } span.ocs_listing_text { font-size: 11px; } /* PARTIAL REG OFFER -- END */ } .v2a-email .container-body { padding-bottom: 2%; /*background: #fff;*/ } .v2a-email .container-body .img-space { margin-bottom: -40px; } .v2a-email .content { max-width: 414px; margin: 0 auto; padding-top: 1px; } .v2a-email .content-320 { max-width: 320px; margin: 10px auto 0 auto; padding: 0 4px; } .v2a-email button { text-transform: uppercase; text-align: center; margin: 2px auto; font-size: 28px; min-width: 280px; letter-spacing: 1px; border: none; float: none; width: 100%; } .v2a-email .email-prompt, .v2a-email .email-prompt-sweeps { font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 20px; color: #606060; text-align: center; font-weight: 300; margin: 0px 0 0px 0; padding-bottom: 1%; } .v2a-email .email-box { padding: 2px 0%; max-width: 100%; margin: 0px auto; } .v2a-email .error { color: #FF0000; } .v2a-email #dob_box input { border: 0px solid; text-align: center; } .v2a-email #dob_box input:focus { outline: 0; } .v2a-email #dob_box { background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 22px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; line-height: 1.42857; text-align: center; } /* -- End of .v2a-email -- */ /* ------- ********** V2 ********** ------- END */ body.v2a-email.v3b.wc-full-reg { background: #fff; overflow: hidden; /* -- Added to fullreg-Welcome.scss -- header { h1 { font-family: $FONT_Top_Header; span { font-family: $FONT_Top_Header; color: #606060; } } }*/ /* -- Added From V2 below -- */ /* -- N/A -- .btn_gender button { background-color: #fff; text-align: center; padding: 9px 0; border: 2px solid #cccbcb; border-radius: 3px; font-weight: bold; font-size: 22px; font-family: "Roboto Condensed", "AvenirNext-medium", Arial, Sans-serif; font-weight: 600; font-stretch: condensed; text-transform: uppercase; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 156px; margin: 2px 2px; margin: -1px; min-width: 156px; } button#male { margin-right: 3px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn_gender button { color: $COLOR_Pop; } .btn_gender .pressed { background: $COLOR_Pop; color: $COLOR_Light; } -- */ } body.v2a-email.v3b.wc-full-reg .container-body { padding-bottom: 2%; background: transparent; } body.v2a-email.v3b.wc-full-reg .default-img2.img-space img { /*-- margin-bottom: 0px; --*/ width: 100%; margin-bottom: -45px; } body.v2a-email.v3b.wc-full-reg .email-input { font-family: "PT Sans", Helvetica, Arial, sans-serif; padding: 4px 0; height: 42px; max-width: 100%; margin: 0px auto; text-align: center; font-size: 22px; } body.v2a-email.v3b.wc-full-reg .buttons button { background: #3b5998; border-radius: 3px; color: white; } body.v2a-email.v3b.wc-full-reg .disclaimer-email { font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; display: block; float: left; width: 97%; padding-left: 7px; margin-top: 10px; margin-bottom: 10px; font-size: 12px; line-height: 1.1em; text-align: justify; } body.v2a-email.v3b.wc-full-reg .disclaimer-email a { color: #3b5998; text-decoration: none; } body.v2a-email.v3b.wc-full-reg #dob_box { background: white; } body.v2a-email.v3b.wc-full-reg .verified { background: #95EC95 !important; color: #559A55 !important; border: solid #62C562 1px !important; } body.v2a-email.v3b.wc-full-reg i.fa { opacity: 0; position: absolute; top: calc(50% - 13px); right: 10px; color: white; } body.v2a-email.v3b.wc-full-reg .verified-container i.fa { opacity: 1; } body.v2a-email.v3b.wc-full-reg .email-input, body.v2a-email.v3b.wc-full-reg i.fa { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } body.v2a-email.v3b.wc-full-reg #dob_box.verified input { color: #559A55 !important; background: transparent; } body.v2a-email.v3b.wc-full-reg input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #95EC95 inset; } /* SURVEY COMPONENT */ /* MOBILE INCENTIVE 1 -- HEADER */ .v2a-path { /* HEADER TOP --- START */ /* HEADER TOP --- END */ /* HEADER BOTTOM --- START */ /*-- Progress Full -- START --*/ /*-- Progress Basecode- START --*/ /*--Progress Basecode END--*/ /*--Take Survey-Below--*/ /*--View Offers-Below--*/ /*-- Progress Full--END --*/ /* HEADER BOTTOM --- END */ } .v2a-path .container-header-top { background-color: #3b5998; } .v2a-path .content-header-top { /*max-width: 414px;*/ background-color: #3b5998; margin: -10px auto; /*padding-bottom: 5px;*/ padding-top: 1px; position: fixed; top: 0; width: 100%; } .v2a-path .content-header-320-top { max-width: 320px; /*background-color: $COLOR_Pop;*/ margin: 0 auto; padding: 0 4px; padding-bottom: 6px; } .v2a-path header h1 { background-color: #3b5998; font-size: 14px; font-weight: 600; text-align: right; padding-right: 30%; } .v2a-path #points_box { background-image: url(points_box.png); background-position: top right; background-repeat: no-repeat; margin-top: -35px; height: 26px; } .v2a-path div#points_box p { margin: 0 0 10px; padding-left: 85%; padding-top: 7px; font-size: 11px; } .v2a-path .container-header-bottom { border-bottom: 2px solid #55697a; } .v2a-path .content-header-bottom { max-width: 414px; margin: 34px auto 0px auto; padding-top: 1px; } .v2a-path .content-header-320-bottom { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-path .p1, .v2a-path .p2, .v2a-path .p3, .v2a-path .p4 { font-size: 12px; text-align: center; max-width: 76px; float: left; margin-left: 1px; margin-right: 1px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts { font-size: 10px; margin-top: -5px; } .v2a-path .lock img { width: 30px; margin: 2px 27px auto 27px; } .v2a-path .check { font-size: 16px; line-height: .8em; } .v2a-path .content-header-320-bottom { height: 49px; } .v2a-path .take_survey .p2, .v2a-path body.v2a-email.v3b .view_offers .p2, body.v2a-email.v3b .v2a-path .view_offers .p2, body.v2a-path.v3b .view_offers .p2, .v2a-path body.v2a-rewards.v3b .view_offers .p2, body.v2a-rewards.v3b .v2a-path .view_offers .p2, .v2a-path body.v2a-email.v3b .final_steps .p2, body.v2a-email.v3b .v2a-path .final_steps .p2, body.v2a-path.v3b .final_steps .p2, .v2a-path body.v2a-rewards.v3b .final_steps .p2, body.v2a-rewards.v3b .v2a-path .final_steps .p2, .v2a-path .take_survey .p3, .v2a-path body.v2a-email.v3b .view_offers .p3, body.v2a-email.v3b .v2a-path .view_offers .p3, body.v2a-path.v3b .view_offers .p3, .v2a-path body.v2a-rewards.v3b .view_offers .p3, body.v2a-rewards.v3b .v2a-path .view_offers .p3, .v2a-path body.v2a-email.v3b .final_steps .p3, body.v2a-email.v3b .v2a-path .final_steps .p3, body.v2a-path.v3b .final_steps .p3, .v2a-path body.v2a-rewards.v3b .final_steps .p3, body.v2a-rewards.v3b .v2a-path .final_steps .p3, .v2a-path .take_survey .p4, .v2a-path body.v2a-email.v3b .view_offers .p4, body.v2a-email.v3b .v2a-path .view_offers .p4, body.v2a-path.v3b .view_offers .p4, .v2a-path body.v2a-rewards.v3b .view_offers .p4, body.v2a-rewards.v3b .v2a-path .view_offers .p4, .v2a-path body.v2a-email.v3b .final_steps .p4, body.v2a-email.v3b .v2a-path .final_steps .p4, body.v2a-path.v3b .final_steps .p4, .v2a-path body.v2a-rewards.v3b .final_steps .p4, body.v2a-rewards.v3b .v2a-path .final_steps .p4 { font-size: 12px; color: #3b5998; text-align: center; max-width: 74px; float: left; margin-left: 2px; margin-right: 2px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts-2 { font-size: 10px; color: #3b5998; margin-top: -5px; } .v2a-path .view_offers .p3, .v2a-path .view_offers .p4 { font-size: 12px; color: #3b5998; text-align: center; max-width: 74px; float: left; margin-left: 2px; margin-right: 2px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts-3 { font-size: 10px; color: #3b5998; margin-top: -5px; } @-moz-document url-prefix() { .v2a-path .take_survey .p2, .v2a-path body.v2a-email.v3b .view_offers .p2, body.v2a-email.v3b .v2a-path .view_offers .p2, body.v2a-path.v3b .view_offers .p2, .v2a-path body.v2a-rewards.v3b .view_offers .p2, body.v2a-rewards.v3b .v2a-path .view_offers .p2, .v2a-path body.v2a-email.v3b .final_steps .p2, body.v2a-email.v3b .v2a-path .final_steps .p2, body.v2a-path.v3b .final_steps .p2, .v2a-path body.v2a-rewards.v3b .final_steps .p2, body.v2a-rewards.v3b .v2a-path .final_steps .p2, .v2a-path .take_survey .p3, .v2a-path body.v2a-email.v3b .view_offers .p3, body.v2a-email.v3b .v2a-path .view_offers .p3, body.v2a-path.v3b .view_offers .p3, .v2a-path body.v2a-rewards.v3b .view_offers .p3, body.v2a-rewards.v3b .v2a-path .view_offers .p3, .v2a-path body.v2a-email.v3b .final_steps .p3, body.v2a-email.v3b .v2a-path .final_steps .p3, body.v2a-path.v3b .final_steps .p3, .v2a-path body.v2a-rewards.v3b .final_steps .p3, body.v2a-rewards.v3b .v2a-path .final_steps .p3, .v2a-path .take_survey .p4, .v2a-path body.v2a-email.v3b .view_offers .p4, body.v2a-email.v3b .v2a-path .view_offers .p4, body.v2a-path.v3b .view_offers .p4, .v2a-path body.v2a-rewards.v3b .view_offers .p4, body.v2a-rewards.v3b .v2a-path .view_offers .p4, .v2a-path body.v2a-email.v3b .final_steps .p4, body.v2a-email.v3b .v2a-path .final_steps .p4, body.v2a-path.v3b .final_steps .p4, .v2a-path body.v2a-rewards.v3b .final_steps .p4, body.v2a-rewards.v3b .v2a-path .final_steps .p4 { margin-top: 5px; font-size: 12.5px; } .v2a-path .view_offers .p3, .v2a-path .view_offers .p4 { margin-top: 5px; font-size: 12.5px; } .v2a-path .final_steps .p4 { font-size: 12.5px; } .v2a-path .p1, .v2a-path .p2, .v2a-path .p3, .v2a-path .p4 { font-size: 12.5px; } } /* ------- ********** V2 ********** ------- START */ .v2a-path { /*OCS -- START */ /* -- PULLED FROM SURVEY_M_V2 - BELOW -- */ /* -- PULLED FROM SURVEY_M_V2 - ABOVE -- */ /* -- PULLED FROM SINGLES_M_V2 - BELOW -- */ /* PULL FROM ABOVE .ad-placement-item { font-size:20px; text-align:center; font-weight:300; line-height: 1.2em; margin: 0 0 35% 0; min-height: 100px; padding-bottom: 20px; }*/ /* -- PULLED FROM SINGLES_M_V2 - ABOVE -- */ /*OCS -- END */ } .v2a-path .container-body { padding-bottom: 2%; border-top: 8px solid #d9d9d9; } .v2a-path .container-body .img-space { width: 100%; margin-bottom: -45px; } .v2a-path .content { max-width: 414px; margin: 0 auto; padding-top: 1px; } .v2a-path .content-320 { max-width: 320px; margin: 10px auto 0 auto; padding: 0 4px; } .v2a-path button { text-transform: uppercase; text-align: center; margin: 2px auto; font-size: 28px; min-width: 280px; letter-spacing: 1px; border: none; float: left; width: 312px; } .v2a-path .container-body-ocs { padding-bottom: 2%; border-top: 8px solid #e9e9e9; } .v2a-path #ocs_listing_div { width: 100%; margin: 10px auto 0px auto; clear: both; text-align: center; } .v2a-path .listing-row { display: none; } .v2a-path .listing-td-div-span-container { margin: 0 0 70px 0; font-size: 21px; line-height: 28px; display: block; } .v2a-path button { text-transform: uppercase; text-align: center; margin: 50% 16% 0 16%; line-height: 1.2em; font-size: 28px; min-width: 212px; font-stretch: condensed; letter-spacing: 1px; border: none; float: left; border: 2px solid #1577c9; } .v2a-path .btn_yesno button { text-transform: uppercase; text-align: center; padding: 5px 0; margin: 2px 2px; font-size: 28px; min-width: 152px; font-stretch: condensed; border: none; } .v2a-path .skip button { text-transform: uppercase; text-align: center; margin: 12% 16% 0 15%; line-height: 1.2em; font-size: 28px; min-width: 222px; font-stretch: condensed; letter-spacing: 1px; border: none; float: left; } .v2a-path .ad-placement-item > div > button { background-color: #3b5998; text-transform: uppercase; text-align: center; padding: 10px; float: left; margin: 32px 2px; font-size: 28px; width: 152px; min-width: 150px; font-stretch: condensed; border: none; } .v2a-path .ad-placement-item > div > div { background-color: #3b5998; text-transform: uppercase; text-align: center; padding: 10px; float: left; margin: 2px 2px; font-size: 28px; width: 152px; font-stretch: condensed; border: none; } .v2a-path .ad-placement-item { font-size: 20px; text-align: center; font-weight: 300; line-height: 1.2em; min-height: 100px; padding-bottom: 20px; color: #606060; margin: 15% 0 35% 0; } .v2a-path .listing-button-input { height: 35px; width: 103px; margin-left: 10px; display: inline-block; background-size: contain; cursor: pointer; } .v2a-path .listing-button-text { display: none; } .v2a-path .ad-placement-item > div { padding-top: 60px; } .v2a-path .ad-placement-item .offer-content { line-height: 1em; } .v2a-path .ad-placement-item .offer-content button { float: none; margin: 0 auto; } /* -- End of .v2a-path -- */ /* ------- ********** V2 ********** ------- END */ body.v2a-path.v3b.wc-survey { /* -- added above -- .ad-placement-item { color: #606060; } .container-body { border-top: 8px solid darken($COLOR_Background,10%); } .ad-placement-item { margin: 15% 0 35% 0; } .ad-placement-item > div { padding-top: 60px; } -- */ } body.v2a-path.v3b.wc-survey .p2 { color: #3b5998; } body.v2a-path.v3b.wc-survey .pts-2 { color: #3b5998; } body.v2a-path.v3b.wc-survey .content-header-top h1 { font-family: "PT Sans", Helvetica, Arial, sans-serif; letter-spacing: .02em; } body.v2a-path.v3b.wc-survey .ad-placement-item > div > div { background: #3b5998; color: #FFF; font-family: "Montserrat", Helvetica, Arial, sans-serif; cursor: pointer; font-size: 25px; font-weight: 600; letter-spacing: .03em; border-radius: 3px; } /* SINGLES COMPONENT */ /* MOBILE INCENTIVE 1 -- HEADER */ .v2a-path { /* HEADER TOP --- START */ /* HEADER TOP --- END */ /* HEADER BOTTOM --- START */ /*-- Progress Full -- START --*/ /*-- Progress Basecode- START --*/ /*--Progress Basecode END--*/ /*--Take Survey-Below--*/ /*--View Offers-Below--*/ /*-- Progress Full--END --*/ /* HEADER BOTTOM --- END */ } .v2a-path .container-header-top { background-color: #3b5998; } .v2a-path .content-header-top { /*max-width: 414px;*/ background-color: #3b5998; margin: -10px auto; /*padding-bottom: 5px;*/ padding-top: 1px; position: fixed; top: 0; width: 100%; } .v2a-path .content-header-320-top { max-width: 320px; /*background-color: $COLOR_Pop;*/ margin: 0 auto; padding: 0 4px; padding-bottom: 6px; } .v2a-path header h1 { background-color: #3b5998; font-size: 14px; font-weight: 600; text-align: right; padding-right: 30%; } .v2a-path #points_box { background-image: url(points_box.png); background-position: top right; background-repeat: no-repeat; margin-top: -35px; height: 26px; } .v2a-path div#points_box p { margin: 0 0 10px; padding-left: 85%; padding-top: 7px; font-size: 11px; } .v2a-path .container-header-bottom { border-bottom: 2px solid #55697a; } .v2a-path .content-header-bottom { max-width: 414px; margin: 34px auto 0px auto; padding-top: 1px; } .v2a-path .content-header-320-bottom { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-path .p1, .v2a-path .p2, .v2a-path .p3, .v2a-path .p4 { font-size: 12px; text-align: center; max-width: 76px; float: left; margin-left: 1px; margin-right: 1px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts { font-size: 10px; margin-top: -5px; } .v2a-path .lock img { width: 30px; margin: 2px 27px auto 27px; } .v2a-path .check { font-size: 16px; line-height: .8em; } .v2a-path .content-header-320-bottom { height: 49px; } .v2a-path .take_survey .p2, .v2a-path body.v2a-email.v3b .view_offers .p2, body.v2a-email.v3b .v2a-path .view_offers .p2, body.v2a-path.v3b .view_offers .p2, .v2a-path body.v2a-rewards.v3b .view_offers .p2, body.v2a-rewards.v3b .v2a-path .view_offers .p2, .v2a-path body.v2a-email.v3b .final_steps .p2, body.v2a-email.v3b .v2a-path .final_steps .p2, body.v2a-path.v3b .final_steps .p2, .v2a-path body.v2a-rewards.v3b .final_steps .p2, body.v2a-rewards.v3b .v2a-path .final_steps .p2, .v2a-path .take_survey .p3, .v2a-path body.v2a-email.v3b .view_offers .p3, body.v2a-email.v3b .v2a-path .view_offers .p3, body.v2a-path.v3b .view_offers .p3, .v2a-path body.v2a-rewards.v3b .view_offers .p3, body.v2a-rewards.v3b .v2a-path .view_offers .p3, .v2a-path body.v2a-email.v3b .final_steps .p3, body.v2a-email.v3b .v2a-path .final_steps .p3, body.v2a-path.v3b .final_steps .p3, .v2a-path body.v2a-rewards.v3b .final_steps .p3, body.v2a-rewards.v3b .v2a-path .final_steps .p3, .v2a-path .take_survey .p4, .v2a-path body.v2a-email.v3b .view_offers .p4, body.v2a-email.v3b .v2a-path .view_offers .p4, body.v2a-path.v3b .view_offers .p4, .v2a-path body.v2a-rewards.v3b .view_offers .p4, body.v2a-rewards.v3b .v2a-path .view_offers .p4, .v2a-path body.v2a-email.v3b .final_steps .p4, body.v2a-email.v3b .v2a-path .final_steps .p4, body.v2a-path.v3b .final_steps .p4, .v2a-path body.v2a-rewards.v3b .final_steps .p4, body.v2a-rewards.v3b .v2a-path .final_steps .p4 { font-size: 12px; color: #3b5998; text-align: center; max-width: 74px; float: left; margin-left: 2px; margin-right: 2px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts-2 { font-size: 10px; color: #3b5998; margin-top: -5px; } .v2a-path .view_offers .p3, .v2a-path .view_offers .p4 { font-size: 12px; color: #3b5998; text-align: center; max-width: 74px; float: left; margin-left: 2px; margin-right: 2px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts-3 { font-size: 10px; color: #3b5998; margin-top: -5px; } @-moz-document url-prefix() { .v2a-path .take_survey .p2, .v2a-path body.v2a-email.v3b .view_offers .p2, body.v2a-email.v3b .v2a-path .view_offers .p2, body.v2a-path.v3b .view_offers .p2, .v2a-path body.v2a-rewards.v3b .view_offers .p2, body.v2a-rewards.v3b .v2a-path .view_offers .p2, .v2a-path body.v2a-email.v3b .final_steps .p2, body.v2a-email.v3b .v2a-path .final_steps .p2, body.v2a-path.v3b .final_steps .p2, .v2a-path body.v2a-rewards.v3b .final_steps .p2, body.v2a-rewards.v3b .v2a-path .final_steps .p2, .v2a-path .take_survey .p3, .v2a-path body.v2a-email.v3b .view_offers .p3, body.v2a-email.v3b .v2a-path .view_offers .p3, body.v2a-path.v3b .view_offers .p3, .v2a-path body.v2a-rewards.v3b .view_offers .p3, body.v2a-rewards.v3b .v2a-path .view_offers .p3, .v2a-path body.v2a-email.v3b .final_steps .p3, body.v2a-email.v3b .v2a-path .final_steps .p3, body.v2a-path.v3b .final_steps .p3, .v2a-path body.v2a-rewards.v3b .final_steps .p3, body.v2a-rewards.v3b .v2a-path .final_steps .p3, .v2a-path .take_survey .p4, .v2a-path body.v2a-email.v3b .view_offers .p4, body.v2a-email.v3b .v2a-path .view_offers .p4, body.v2a-path.v3b .view_offers .p4, .v2a-path body.v2a-rewards.v3b .view_offers .p4, body.v2a-rewards.v3b .v2a-path .view_offers .p4, .v2a-path body.v2a-email.v3b .final_steps .p4, body.v2a-email.v3b .v2a-path .final_steps .p4, body.v2a-path.v3b .final_steps .p4, .v2a-path body.v2a-rewards.v3b .final_steps .p4, body.v2a-rewards.v3b .v2a-path .final_steps .p4 { margin-top: 5px; font-size: 12.5px; } .v2a-path .view_offers .p3, .v2a-path .view_offers .p4 { margin-top: 5px; font-size: 12.5px; } .v2a-path .final_steps .p4 { font-size: 12.5px; } .v2a-path .p1, .v2a-path .p2, .v2a-path .p3, .v2a-path .p4 { font-size: 12.5px; } } /* ------- ********** V2 ********** ------- START */ .v2a-path { /*OCS -- START */ /* -- PULLED FROM SURVEY_M_V2 - BELOW -- */ /* -- PULLED FROM SURVEY_M_V2 - ABOVE -- */ /* -- PULLED FROM SINGLES_M_V2 - BELOW -- */ /*-- added below -- .info-right{ line-height:1.2em } .info-left{ line-height:1.2em } -- */ /* PULL FROM ABOVE .ad-placement-item { font-size:20px; text-align:center; font-weight:300; line-height: 1.2em; margin: 0 0 35% 0; min-height: 100px; padding-bottom: 20px; }*/ /* -- PULLED FROM SINGLES_M_V2 - ABOVE -- */ /*OCS -- END */ /*Verification -- START */ /*Verification -- END */ } .v2a-path .container-body { padding-bottom: 2%; border-top: 8px solid #d9d9d9; } .v2a-path .container-body .img-space { width: 100%; margin-bottom: -45px; } .v2a-path .content { max-width: 414px; margin: 0 auto; padding-top: 1px; } .v2a-path .content-320 { max-width: 320px; margin: 10px auto 0 auto; padding: 0 4px; } .v2a-path button { text-transform: uppercase; text-align: center; margin: 2px auto; font-size: 28px; min-width: 280px; letter-spacing: 1px; border: none; float: left; width: 312px; } .v2a-path .container-body-ocs { padding-bottom: 2%; border-top: 8px solid #e9e9e9; } .v2a-path #ocs_listing_div { width: 100%; margin: 10px auto 0px auto; clear: both; text-align: center; } .v2a-path .listing-row { display: none; } .v2a-path .listing-td-div-span-container { margin: 0 0 70px 0; font-size: 21px; line-height: 28px; display: block; } .v2a-path button { text-transform: uppercase; text-align: center; margin: 50% 16% 0 16%; line-height: 1.2em; font-size: 28px; min-width: 212px; font-stretch: condensed; letter-spacing: 1px; border: none; float: left; border: 2px solid #1577c9; } .v2a-path .btn_yesno button { text-transform: uppercase; text-align: center; padding: 5px 0; margin: 2px 2px; font-size: 28px; min-width: 152px; font-stretch: condensed; border: none; } .v2a-path .skip button { text-transform: uppercase; text-align: center; margin: 12% 16% 0 15%; line-height: 1.2em; font-size: 28px; min-width: 222px; font-stretch: condensed; letter-spacing: 1px; border: none; float: left; } .v2a-path .ad-placement-item > div > button { background-color: #3b5998; text-transform: uppercase; text-align: center; padding: 10px; float: left; margin: 32px 2px; font-size: 28px; width: 152px; min-width: 150px; font-stretch: condensed; border: none; } .v2a-path .ad-placement-item > div > div { background-color: #3b5998; text-transform: uppercase; text-align: center; padding: 10px; float: left; margin: 2px 2px; font-size: 28px; width: 152px; font-stretch: condensed; border: none; } .v2a-path .ad-placement-item { font-size: 20px; text-align: center; font-weight: 300; line-height: 1.2em; min-height: 100px; padding-bottom: 20px; color: #606060; margin: 15% 0 35% 0; } .v2a-path .listing-button-input { height: 35px; width: 103px; margin-left: 10px; display: inline-block; background-size: contain; cursor: pointer; } .v2a-path .listing-button-text { display: none; } .v2a-path .ad-placement-item > div { padding-top: 60px; } .v2a-path .ad-placement-item .offer-content { line-height: 1em; } .v2a-path .ad-placement-item .offer-content button { float: none; margin: 0 auto; } .v2a-path .verification { font-size: 18px; text-align: center; font-weight: 300; line-height: 1.2em; margin: 4% 2% 16%; min-height: 100px; } .v2a-path .earned-copy { color: #3b5998; font-size: 13px; } .v2a-path .finish-copy { font-weight: 600; } .v2a-path .info-box-top { margin-top: 5%; height: 16px; } .v2a-path .info-box { border: 1px solid #dddddd; font-size: 12px; padding-left: 8%; } .v2a-path .info-left { width: 70px; float: left; margin: 2%; line-height: 2.2em; } .v2a-path .info-right { max-width: 200px; float: left; float: left; margin: 2%; line-height: 2.2em; } .v2a-path .red_arrow img { vertical-align: middle; padding-right: 78%; margin-top: 16px; } .v2a-path .disclaimer-phone { font-size: 12px; padding-top: -24px; padding-left: 0%; display: inline-flex; } .v2a-path .ad-consent { display: block; width: 98%; padding-left: 2px; padding-top: 20px; margin-bottom: 15px; line-height: 1.3em; font-size: 13px; margin: 0 auto; text-align: justify; } .v2a-path #confirm { margin-left: 40px; } .v2a-path .disclaimer-phone-copy { display: block; width: 100%; padding-left: 0px; padding-top: 0px; margin-bottom: 15px; margin-left: 15px; line-height: 1.3em; font-size: 17px; font-weight: bold; margin-top: -25px; } .v2a-path .continue-wide button { background-color: #3b5998; text-transform: uppercase; text-align: center; margin: -35px auto 3% auto; line-height: 1.9em; font-size: 28px; min-width: 100%; font-stretch: condensed; letter-spacing: 1px; border: none; float: left; } /* -- End of .v2a-path -- */ /* ------- ********** V2 ********** ------- END */ body.v2a-path.v3b.wc-singles .p3 { color: #3b5998; } body.v2a-path.v3b.wc-singles .pts-3 { color: #3b5998; } body.v2a-path.v3b.wc-singles .view_offers .p2 { color: #3e3e3e; } body.v2a-path.v3b.wc-singles .content-header-top { z-index: 500; } body.v2a-path.v3b.wc-singles .ad-placement-item { font-size: 19px; line-height: 130%; color: #606060; } body.v2a-path.v3b.wc-singles .ad-placement-item > div > button { background-color: #3b5998; font-family: "Montserrat", Helvetica, Arial, sans-serif; } body.v2a-path.v3b.wc-singles .content { background: initial; } body.v2a-path.v3b.wc-singles .ad-placement-item > div > button.continue { width: 100%; } body.v2a-path.v3b.wc-singles .ad-placement-item { margin: 15% 0 35% 0; } body.v2a-path.v3b.wc-singles .ad-placement-item > div { padding-top: 60px; } body.v2a-path.v3b.wc-singles .ad-placement-item > div > button { font-size: 25px; font-weight: 600; letter-spacing: .03em; color: white; } body.v2a-path.v3b.wc-singles .motiv-txt { text-align: center; font-size: 16px; background-color: #F9F9F9; border: 2px solid #efefef; border-radius: 3px; color: #41B72C; padding: 2px 0 0px 0 !important; } body.v2a-path.v3b.wc-singles .progress-spinner { margin-bottom: -15px; display: none; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area { background: #f2f2f2; opacity: 0.3; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container { width: 38px; height: 38px; margin: 0 10px; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap { overflow: hidden; position: relative; width: 100%; height: 100%; background-color: #d9d9d9; border-radius: 100%; border: 2px solid #929292; /* -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); &:after{ content: ''; position: absolute; left:9%; top:8%; width:$InsideWidth; height:$InsideWidth; border-radius: 50%; background-color:$COLOR_Background; box-shadow:0 0 10px rgba(0,0,0,.2); } */ } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap .fa { position: absolute; left: 4px; top: 6px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; opacity: 0; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap div { overflow: hidden; position: absolute; width: calc(50% + 2px); height: 100%; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap .loader { position: absolute; left: 100%; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #3b5998; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap .left-wrap { left: 0; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap .left-wrap .loader { border-top-left-radius: 0; border-bottom-left-radius: 0; transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap .right-wrap { left: 50%; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area #spinner-container #circle-loader-wrap .right-wrap .loader { left: -100%; border-bottom-right-radius: 0; border-top-right-radius: 0; transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0; } @keyframes loading-left { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } @-webkit-keyframes loading-left { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes loading-right { 0% { transform: rotate(0deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } @-webkit-keyframes loading-right { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes show-loader { 0% { opacity: 0.3; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0.3; } } @-webkit-keyframes show-loader { 0% { opacity: 0.3; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0.3; } } @keyframes show-text { 0% { opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes show-text { 0% { opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; } } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area.show { animation: show-loader 0.7s 1 linear; -webkit-animation: show-loader 0.7s 1 linear; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area.show .left-wrap .loader { animation: loading-left 0.7s 1 linear; -webkit-animation: loading-left 0.7s 1 linear; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area.show .right-wrap .loader { animation: loading-right 0.7s 1 linear; -webkit-animation: loading-right 0.7s 1 linear; } body.v2a-path.v3b.wc-singles .progress-spinner .spinner-area.show .fa { opacity: 1 !important; } body.v2a-path.v3b.wc-singles .progress-spinner .text-area.show span { animation: show-text 2s 1 linear; -webkit-animation: show-text 2s 1 linear; } body.v2a-path.v3b.wc-singles .progress-spinner .question-count { line-height: 25px; color: #606060; border: 2px solid #DCDCDC; border-radius: 20px; padding: 7px 0px; font-weight: 700; font-size: 14px; text-align: center; } body.v2a-path.v3b.wc-singles .progress-spinner .question-count .current { font-weight: 700; color: #33C799; } body.v2a-path.v3b.wc-singles .progress-spinner .text-area { line-height: 25px; font-family: "PT Sans", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 13px; text-align: left; margin: 7px 10px 5px 15px; color: #606060; opacity: 0; } body.v2a-path.v3b.wc-singles .progress-spinner .text-area span { opacity: 0; color: #3b5998; } body.v2a-path.v3b.wc-singles .tcpa-v3 .please-confirm { background: #3b5998; padding: 15px; border-radius: 15px; margin-bottom: 20px; text-align: center; font-family: "Montserrat", Helvetica, Arial, sans-serif; position: relative; } body.v2a-path.v3b.wc-singles .tcpa-v3 .please-confirm h2 { color: #FFF; font-size: 14px; text-transform: uppercase; font-weight: 700; margin: 0px -15px; } body.v2a-path.v3b.wc-singles .tcpa-v3 .please-confirm p { color: #FFF; margin-bottom: 0px; } body.v2a-path.v3b.wc-singles .tcpa-v3 .please-confirm:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #3b5998; border-width: 15px; margin-left: -15px; margin-bottom: 15px; } body.v2a-path.v3b.wc-singles .tcpa-v3 .information-area { background: #cccccc; padding: 15px; border-radius: 15px; position: relative; } body.v2a-path.v3b.wc-singles .tcpa-v3 .information-area .information-box { margin-bottom: 5px; } body.v2a-path.v3b.wc-singles .tcpa-v3 .information-area .information-box span { display: block; } body.v2a-path.v3b.wc-singles .tcpa-v3 .information-area .information-box .small-label { color: #737373; font-family: "Montserrat", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 10px; } body.v2a-path.v3b.wc-singles .tcpa-v3 .information-area .information-box .information { background: #f2f2f2; padding: 5px; border-radius: 5px; margin-top: 3px; font-size: 11px; overflow: hidden; } body.v2a-path.v3b.wc-singles .tcpa-v3 .information-area .consent { font-size: 11px; margin-top: 10px; color: #737373; } body.v2a-path.v3b.wc-singles .tcpa-v3 .information-area:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #cccccc; border-width: 15px; margin-left: -15px; margin-bottom: 15px; } body.v2a-path.v3b.wc-singles .tcpa-v3 .v3-disclaimer-phone { background: #344e86; margin-top: 20px; padding: 15px; border-radius: 15px; color: white; font-family: "Montserrat"; font-size: 16px; position: relative; /* &:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: $COLOR_Pop_Light; border-width: 15px; margin-left: -15px; margin-bottom:15px; } */ } body.v2a-path.v3b.wc-singles .tcpa-v3 .v3-disclaimer-phone #confirm { margin-left: 0px; } body.v2a-path.v3b.wc-singles .tcpa-v3 #continue button { margin: 25px 0px; width: 100%; border: none; border-radius: 15px; padding: 10px; font-weight: 700; font-size: 32px; background: #3b5998; color: #FFF; } /* DTS COMPONENT */ /* MOBILE INCENTIVE 1 -- HEADER */ .v2a-path { /* HEADER TOP --- START */ /* HEADER TOP --- END */ /* HEADER BOTTOM --- START */ /*-- Progress Full -- START --*/ /*-- Progress Basecode- START --*/ /*--Progress Basecode END--*/ /*--Take Survey-Below--*/ /*--View Offers-Below--*/ /*-- Progress Full--END --*/ /* HEADER BOTTOM --- END */ } .v2a-path .container-header-top { background-color: #3b5998; } .v2a-path .content-header-top { /*max-width: 414px;*/ background-color: #3b5998; margin: -10px auto; /*padding-bottom: 5px;*/ padding-top: 1px; position: fixed; top: 0; width: 100%; } .v2a-path .content-header-320-top { max-width: 320px; /*background-color: $COLOR_Pop;*/ margin: 0 auto; padding: 0 4px; padding-bottom: 6px; } .v2a-path header h1 { background-color: #3b5998; font-size: 14px; font-weight: 600; text-align: right; padding-right: 30%; } .v2a-path #points_box { background-image: url(points_box.png); background-position: top right; background-repeat: no-repeat; margin-top: -35px; height: 26px; } .v2a-path div#points_box p { margin: 0 0 10px; padding-left: 85%; padding-top: 7px; font-size: 11px; } .v2a-path .container-header-bottom { border-bottom: 2px solid #55697a; } .v2a-path .content-header-bottom { max-width: 414px; margin: 34px auto 0px auto; padding-top: 1px; } .v2a-path .content-header-320-bottom { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-path .p1, .v2a-path .p2, .v2a-path .p3, .v2a-path .p4 { font-size: 12px; text-align: center; max-width: 76px; float: left; margin-left: 1px; margin-right: 1px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts { font-size: 10px; margin-top: -5px; } .v2a-path .lock img { width: 30px; margin: 2px 27px auto 27px; } .v2a-path .check { font-size: 16px; line-height: .8em; } .v2a-path .content-header-320-bottom { height: 49px; } .v2a-path .take_survey .p2, .v2a-path body.v2a-email.v3b .view_offers .p2, body.v2a-email.v3b .v2a-path .view_offers .p2, body.v2a-path.v3b .view_offers .p2, .v2a-path body.v2a-rewards.v3b .view_offers .p2, body.v2a-rewards.v3b .v2a-path .view_offers .p2, .v2a-path body.v2a-email.v3b .final_steps .p2, body.v2a-email.v3b .v2a-path .final_steps .p2, body.v2a-path.v3b .final_steps .p2, .v2a-path body.v2a-rewards.v3b .final_steps .p2, body.v2a-rewards.v3b .v2a-path .final_steps .p2, .v2a-path .take_survey .p3, .v2a-path body.v2a-email.v3b .view_offers .p3, body.v2a-email.v3b .v2a-path .view_offers .p3, body.v2a-path.v3b .view_offers .p3, .v2a-path body.v2a-rewards.v3b .view_offers .p3, body.v2a-rewards.v3b .v2a-path .view_offers .p3, .v2a-path body.v2a-email.v3b .final_steps .p3, body.v2a-email.v3b .v2a-path .final_steps .p3, body.v2a-path.v3b .final_steps .p3, .v2a-path body.v2a-rewards.v3b .final_steps .p3, body.v2a-rewards.v3b .v2a-path .final_steps .p3, .v2a-path .take_survey .p4, .v2a-path body.v2a-email.v3b .view_offers .p4, body.v2a-email.v3b .v2a-path .view_offers .p4, body.v2a-path.v3b .view_offers .p4, .v2a-path body.v2a-rewards.v3b .view_offers .p4, body.v2a-rewards.v3b .v2a-path .view_offers .p4, .v2a-path body.v2a-email.v3b .final_steps .p4, body.v2a-email.v3b .v2a-path .final_steps .p4, body.v2a-path.v3b .final_steps .p4, .v2a-path body.v2a-rewards.v3b .final_steps .p4, body.v2a-rewards.v3b .v2a-path .final_steps .p4 { font-size: 12px; color: #3b5998; text-align: center; max-width: 74px; float: left; margin-left: 2px; margin-right: 2px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts-2 { font-size: 10px; color: #3b5998; margin-top: -5px; } .v2a-path .view_offers .p3, .v2a-path .view_offers .p4 { font-size: 12px; color: #3b5998; text-align: center; max-width: 74px; float: left; margin-left: 2px; margin-right: 2px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; } .v2a-path .pts-3 { font-size: 10px; color: #3b5998; margin-top: -5px; } @-moz-document url-prefix() { .v2a-path .take_survey .p2, .v2a-path body.v2a-email.v3b .view_offers .p2, body.v2a-email.v3b .v2a-path .view_offers .p2, body.v2a-path.v3b .view_offers .p2, .v2a-path body.v2a-rewards.v3b .view_offers .p2, body.v2a-rewards.v3b .v2a-path .view_offers .p2, .v2a-path body.v2a-email.v3b .final_steps .p2, body.v2a-email.v3b .v2a-path .final_steps .p2, body.v2a-path.v3b .final_steps .p2, .v2a-path body.v2a-rewards.v3b .final_steps .p2, body.v2a-rewards.v3b .v2a-path .final_steps .p2, .v2a-path .take_survey .p3, .v2a-path body.v2a-email.v3b .view_offers .p3, body.v2a-email.v3b .v2a-path .view_offers .p3, body.v2a-path.v3b .view_offers .p3, .v2a-path body.v2a-rewards.v3b .view_offers .p3, body.v2a-rewards.v3b .v2a-path .view_offers .p3, .v2a-path body.v2a-email.v3b .final_steps .p3, body.v2a-email.v3b .v2a-path .final_steps .p3, body.v2a-path.v3b .final_steps .p3, .v2a-path body.v2a-rewards.v3b .final_steps .p3, body.v2a-rewards.v3b .v2a-path .final_steps .p3, .v2a-path .take_survey .p4, .v2a-path body.v2a-email.v3b .view_offers .p4, body.v2a-email.v3b .v2a-path .view_offers .p4, body.v2a-path.v3b .view_offers .p4, .v2a-path body.v2a-rewards.v3b .view_offers .p4, body.v2a-rewards.v3b .v2a-path .view_offers .p4, .v2a-path body.v2a-email.v3b .final_steps .p4, body.v2a-email.v3b .v2a-path .final_steps .p4, body.v2a-path.v3b .final_steps .p4, .v2a-path body.v2a-rewards.v3b .final_steps .p4, body.v2a-rewards.v3b .v2a-path .final_steps .p4 { margin-top: 5px; font-size: 12.5px; } .v2a-path .view_offers .p3, .v2a-path .view_offers .p4 { margin-top: 5px; font-size: 12.5px; } .v2a-path .final_steps .p4 { font-size: 12.5px; } .v2a-path .p1, .v2a-path .p2, .v2a-path .p3, .v2a-path .p4 { font-size: 12.5px; } } /* ------- ********** V2 ********** ------- START */ .v2a-path { /*OCS -- START */ /* .btn_yesno button { text-transform: uppercase; text-align: center; padding: 5px 0; margin: 2px 2px; font-size: 28px; min-width: 152px; font-stretch:condensed; border:none; } */ /* .ad-placement-item > div > button { background-color: $COLOR_Pop; text-transform: uppercase; text-align: center; padding: 10px; float: left; margin: 32px 2px; font-size: 28px; width: 152px; min-width: 150px; font-stretch: condensed; border: none; } .ad-placement-item > div > div { background-color: $COLOR_Pop; text-transform: uppercase; text-align: center; padding: 10px; float: left; margin: 2px 2px; font-size: 28px; width: 152px; font-stretch:condensed; border:none; } */ /* -- PULLED FROM SURVEY_M_V2 - BELOW -- */ /* -- PULLED FROM SURVEY_M_V2 - ABOVE -- */ /* -- PULLED FROM SINGLES_M_V2 - BELOW -- */ /*-- added below -- .info-right{ line-height:1.2em } .info-left{ line-height:1.2em } -- */ /* PULL FROM ABOVE .ad-placement-item { font-size:20px; text-align:center; font-weight:300; line-height: 1.2em; margin: 0 0 35% 0; min-height: 100px; padding-bottom: 20px; }*/ /* -- PULLED FROM SINGLES_M_V2 - ABOVE -- */ /*OCS -- END */ } .v2a-path .container-body { padding-bottom: 2%; border-top: 8px solid #d9d9d9; } .v2a-path .container-body .img-space { width: 100%; margin-bottom: -45px; } .v2a-path .content { max-width: 414px; margin: 0 auto; padding-top: 1px; } .v2a-path .content-320 { max-width: 320px; margin: 10px auto 0 auto; padding: 0 4px; } .v2a-path button { text-transform: uppercase; text-align: center; margin: 2px auto; font-size: 28px; min-width: 280px; letter-spacing: 1px; border: none; float: left; width: 312px; } .v2a-path .container-body-ocs { padding-bottom: 2%; border-top: 8px solid #e9e9e9; } .v2a-path #ocs_listing_div { width: 100%; margin: 10px auto 0px auto; clear: both; text-align: center; } .v2a-path .listing-row { display: none; } .v2a-path .listing-td-div-span-container { margin: 0 0 70px 0; font-size: 21px; line-height: 28px; display: block; } .v2a-path button { text-transform: uppercase; text-align: center; margin: 50% 16% 0 16%; line-height: 1.2em; font-size: 28px; min-width: 212px; font-stretch: condensed; letter-spacing: 1px; border: none; float: left; border: 2px solid #1577c9; } .v2a-path .skip button { text-transform: uppercase; text-align: center; margin: 12% 16% 0 15%; line-height: 1.2em; font-size: 28px; min-width: 222px; font-stretch: condensed; letter-spacing: 1px; border: none; float: left; } .v2a-path .ad-placement-item { font-size: 20px; text-align: center; font-weight: 300; line-height: 1.2em; min-height: 100px; padding-bottom: 20px; color: #606060; margin: 15% 0 35% 0; } .v2a-path .listing-button-input { height: 35px; width: 103px; margin-left: 10px; display: inline-block; background-size: contain; cursor: pointer; } .v2a-path .listing-button-text { display: none; } .v2a-path .ad-placement-item > div { padding-top: 60px; } .v2a-path .ad-placement-item .offer-content { line-height: 1em; } .v2a-path .ad-placement-item .offer-content button { float: none; margin: 0 auto; } /* -- End of .v2a-path -- */ /* ------- ********** V2 ********** ------- END */ body.v2a-path.v3b.wc-dts { /* -- Grey skip btn */ /* -- DTS copy box --*/ } body.v2a-path.v3b.wc-dts #ocs_listing_div img { margin-left: -30px; margin-right: -30px; width: calc(100% + 8px); max-width: initial !important; } body.v2a-path.v3b.wc-dts .view_offers .p3 { color: #3b5998; } body.v2a-path.v3b.wc-dts .view_offers .p2 { color: #3e3e3e; } body.v2a-path.v3b.wc-dts .pts-3 { color: #3b5998; } body.v2a-path.v3b.wc-dts .skip.buttons button { background: #3b5998; border: none; border-radius: 5px; font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #FFF; padding: 10px; width: 100%; margin-left: 0px; margin-right: 0px; float: none; font-weight: 700; font-size: 36px; letter-spacing: -0.01em; } body.v2a-path.v3b.wc-dts a.skip-link { margin: 15px 0px; display: block; text-align: center; clear: both; text-decoration: underline; font-size: 14px; cursor: pointer; } body.v2a-path.v3b.wc-dts #skip_cpc button { color: #CACACA; background-color: transparent; border: 2px solid #E4E5E7; margin-top: 150px; font-size: 28px; letter-spacing: 1px; margin-left: 5px; padding: 3px 120px; } body.v2a-path.v3b.wc-dts .copy-box { width: 100%; padding: 10px 0px; text-align: center; background: #EFEFEF; margin-bottom: 20px; border-radius: 10px; margin-top: 10px; position: relative; color: #565454; font-weight: 700; font-size: 13px; } body.v2a-path.v3b.wc-dts .copy-box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #EFEFEF; border-width: 15px; margin-left: -15px; margin-bottom: 15px; } body.v2a-path.v3b.wc-dts .content-320 { max-width: 762px; } body.v2a-path.v3b.wc-dts .motiv-wrap { position: fixed; right: 0; top: 40px; width: 354px; height: 100px; padding: 2px; background-color: #fff; box-shadow: 3px 1px 12px #A4A3A3; padding: 0px; z-index: 9999; margin: 5px; } body.v2a-path.v3b.wc-dts .motiv { width: 100%; height: 100%; padding: 10px; padding-top: 5px; } body.v2a-path.v3b.wc-dts .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } body.v2a-path.v3b.wc-dts .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } body.v2a-path.v3b.wc-dts .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } body.v2a-path.v3b.wc-dts .close { border-radius: 100%; color: #333; padding: 2px; width: 25px; height: 25px; text-align: center; cursor: pointer; } @media (max-width: 414px) { body.v2a-path.v3b.wc-dts .popup-img { position: absolute; left: 0px; top: 0px; width: 90px; } body.v2a-path.v3b.wc-dts .motiv-wrap { width: 90%; } body.v2a-path.v3b.wc-dts .headline { display: inline-block; float: right; text-align: left; } body.v2a-path.v3b.wc-dts .motiv img { width: 70px; } } /* REWARDS COMPONENT */ /* MOBILE INCENTIVE 1 -- HEADER */ .v2a-rewards { /* HEADER TOP --- START */ /* HEADER BOTTOM --- START */ /* HEADER TOP --- END */ /*--REWARD-HEADER--*/ /*-- Progress Full -- START --*/ /*-- Progress Basecode- START --*/ /*--Progress Basecode END--*/ /*--Final Steps-Below--*/ /*-- Progress Full--END --*/ /* HEADER BOTTOM --- END */ } .v2a-rewards .content-header { background: #f2f2f2; } .v2a-rewards .container-header-top { background-color: #3b5998; } .v2a-rewards .content-header-top { /*max-width: 414px;*/ margin: -10px auto; /*padding-bottom: 5px;*/ padding-top: 1px; position: fixed; top: 0; width: 100%; } .v2a-rewards .content-header-320-top { max-width: 320px; margin: 0 auto; padding: 0 4px; padding-bottom: 6px; } .v2a-rewards header h1 { font-size: 14px; text-align: right; padding-right: 30%; font-family: "helvetica", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-weight: 600; } .v2a-rewards #points_box { background-image: url(points_box.png); background-position: top right; background-repeat: no-repeat; margin-top: -35px; height: 26px; } .v2a-rewards div#points_box p { margin: 0 0 10px; padding-left: 85%; padding-top: 7px; font-size: 11px; } .v2a-rewards .container-header-bottom { border-bottom: 2px solid #55697a; } .v2a-rewards .content-header-bottom { max-width: 414px; margin: 34px auto 0px auto; padding-top: 1px; } .v2a-rewards .content-header-320-bottom { max-width: 320px; margin: 0 auto; padding: 0 4px; } .v2a-rewards .reward_header { max-width: 320px; margin: 0 auto; margin-top: -17px; } .v2a-rewards .reward_header h3 { text-align: center; font-size: 15px; padding-top: 15px; line-height: 1.5em; margin: 6% 0% -1% 0%; font-weight: 500; } .v2a-rewards .headline { text-align: center; font-size: 23px; padding-bottom: 5px; line-height: 1.4em; } .v2a-rewards .reward_item { border-radius: 10px; width: 320px; margin: 2px auto; height: 95px; border: 2px solid #F0F0F0; } .v2a-rewards .reward_item img { width: 145px; position: absolute; margin: 2px 0px 0px -8px; } .v2a-rewards .reward_copy { font-size: 14px; font-weight: 600; line-height: 1.2em; width: 150px; position: relative; padding-top: 17px; } .v2a-rewards .final { font-size: 21px; font-weight: 500; line-height: 1.5em; } .v2a-rewards .p1, .v2a-rewards .p2, .v2a-rewards .p3, .v2a-rewards .p4 { font-size: 12px; text-align: center; max-width: 76px; float: left; margin-left: 1px; margin-right: 1px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; font-weight: 700; } .v2a-rewards .pts { font-size: 10px; margin-top: -5px; } .v2a-rewards .selected { border-bottom: 4px solid #3b5998; } .v2a-rewards .lock img { width: 30px; margin: 2px 27px auto 27px; } .v2a-rewards .check { font-size: 16px; line-height: .8em; } .v2a-rewards .content-header-320-bottom { height: 49px; } .v2a-rewards .final_steps .p4 { font-size: 12.5px; text-align: center; max-width: 74px; float: left; margin-left: 2px; margin-right: 2px; margin-top: 6px; line-height: 1.0em; padding-bottom: 4px; color: #3b5998; } .v2a-rewards .pts-4 { font-size: 10px; margin-top: -5px; color: #3b5998; } @-moz-document url-prefix() { .v2a-rewards .final_steps .p4 { font-size: 12.5px; margin-top: 5px; } .v2a-rewards .p1, .v2a-rewards .p2, .v2a-rewards .p3, .v2a-rewards .p4 { font-size: 12.5px; } .v2a-rewards b, .v2a-rewards strong { font-weight: 500; } } body.wc-rewards { /* TEST - REWARDS COPY CHANGE */ /* .container-main { .container-body{ .content{ .content-320{ .container-fluid{ .continue{ width: 49%; float: left; margin-right: 2%; } .continue-next{ width: 49%; float: right; } } } } } } */ } body.wc-rewards .reward_item.copy-change-1 .image-container { width: 130px; float: left; height: 90px; position: relative; } body.wc-rewards .reward_item.copy-change-1 .image-container img { width: 100%; opacity: 0.5; } body.wc-rewards .reward_item.copy-change-1 .image-container i.fa { position: absolute; left: calc(50% - 28px); top: calc(50% - 30px); color: #3b5998; } body.wc-rewards .reward_item.copy-change-1 .reward_copy { font-weight: 400; } body.wc-rewards .reward_item.copy-change-1 .reward_copy span.intro-text { display: block; font-weight: 400; } body.wc-rewards .reward_item.copy-change-1 .reward_copy span.final { font-size: 20px; font-weight: 700; } body.wc-rewards .reward-header-rv { max-width: 356px; margin: -5px auto; height: 100px; position: relative; z-index: 9999; margin-bottom: -13px; box-shadow: 0px 3px 5px #ccc; background: #3b5998; } body.wc-rewards .reward-header-rv:after { content: ''; position: absolute; width: 0; height: 0; border: 0 solid transparent; border-top-width: 0px; border-bottom-width: 20px; border-right: 32px solid #263961; bottom: -20px; left: 0px; } body.wc-rewards .reward-header-rv:before { content: ''; position: absolute; width: 0; height: 0; border: 0 solid transparent; border-top-width: 0px; border-left: 32px solid #263961; right: 0px; border-bottom-width: 20px; bottom: -20px; } body.wc-rewards .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body.wc-rewards .animated.bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } body.wc-rewards .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } body.wc-rewards .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } body.wc-rewards .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } body.wc-rewards .rotating { -webkit-animation: rotating 5s linear infinite; animation: rotating 5s linear infinite; } body.wc-rewards .offer1 { display: none; z-index: -9999; } body.wc-rewards .btn-rewards-continue { font-size: 1.5em; } body.wc-rewards .reward_header { margin: 0 auto; margin-top: -34px; background-color: #f2f2f2; max-width: 292px; } body.wc-rewards #rewards-congrats { display: none; } body.wc-rewards #intro-instr { display: none; } body.wc-rewards .content-320 { display: none; } body.wc-rewards .headline { clear: both; margin-top: 45px; margin-bottom: 0px !important; font-family: "Montserrat", Helvetica, Arial, sans-serif; } body.wc-rewards .instr-2 { font-size: 13px; padding-bottom: 8px; line-height: 1.0em; margin-top: 0; } body.wc-rewards .reward-copy { color: #FFF; position: inherit; width: 170px; float: right; margin-right: 9px; margin-left: 0; } body.wc-rewards .img-wrap { float: left; width: 60px; height: 60px; margin: 0px 0px 0px -1px; border-radius: 7px; padding: 8px 108px 67px 5px; } body.wc-rewards .reward_item { margin: 8px auto; } body.wc-rewards .reward_item img { width: 102px; position: absolute; } body.wc-rewards .reward_item.copy-change-1 { background: initial; border: none; } body.wc-rewards .reward_item.copy-change-1 .reward_copy span.final { font-size: 21px; font-weight: 700; line-height: 1.1em; color: #fff; } body.wc-rewards .reward_copy { color: #FFF; width: 170px; } body.wc-rewards .final { color: #FFF; } body.wc-rewards .opague { opacity: 1 !important; } body.wc-rewards .img-wrap.visa { display: none; } @media (max-width: 320px) { body.wc-rewards .reward-header-rv:after { content: none; } body.wc-rewards .reward-header-rv:before { content: none; } } body.wc-rewards .reward_header { margin: 0 auto; margin-top: -34px; background-color: #f2f2f2; max-width: 292px; } body.wc-rewards .headline2 { text-align: center; font-size: 24px; line-height: 1.1em !important; clear: both; margin-top: 45px; margin-bottom: -5px !important; font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #3b5998; padding-bottom: 5px; } body.wc-rewards span.incentive { color: #3E3E3E; font-size: 20px; } body.wc-rewards .complete { background-color: #3b5998; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 14px; margin-top: 10px; padding-top: 3px; color: white; } body.wc-rewards .instr-2 { font-size: 13px; padding-bottom: 8px; line-height: 1.0em; margin-top: 0; } /* ------- ********** V2 ********** ------- START */ .v2a-rewards .content { max-width: 414px; margin: 0 auto; padding-top: 1px; padding-bottom: 20px; } .v2a-rewards .content-320 { max-width: 320px; margin: 10px auto 0 auto; padding: 0 4px; } .v2a-rewards .listing-td-div-img { width: 75px !important; height: 75px !important; } .v2a-rewards a { text-decoration: none; } .v2a-rewards .banner { text-align: center; font-size: 14px; padding-top: 5px; padding-bottom: 5px; max-height: 200px; width: 414px; margin-left: -50px; } .v2a-rewards .offer1, .v2a-rewards .rewards-offer { text-align: center; font-size: 10px; border: 2px solid #EDEDED; margin: 10px; box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); -moz-box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); -webkit-box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); } .v2a-rewards .title1 { text-align: left; font-size: 15px; padding-top: 3px; padding-left: 10px; } .v2a-rewards h2 { font-size: 28px; font-weight: 600; line-height: 1.5em; margin-top: -50px; padding-bottom: 10px; } .v2a-rewards .level p { text-align: center; font-size: 14px; line-height: 1.0em; padding: 10px 0; } .v2a-rewards .col-md-12 img { width: 100%; } .v2a-rewards .image { text-align: left; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; float: left; } .v2a-rewards .offer-text { max-width: 325px; float: left; width: 73%; padding: 2% 0 3% 3%; text-align: left; line-height: 1.4em; max-height: 70px; } .v2a-rewards .click { padding-right: 10px; padding-bottom: 10px; } .v2a-rewards .click img { padding-right: 7px; padding-bottom: 7px; } .v2a-rewards button { text-align: center; margin: auto auto; margin-right: -1%; margin-bottom: -1%; font-size: 15px; padding: 1% 4%; line-height: 1.7em; min-width: 100px; letter-spacing: 1px; border: none; box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); -moz-box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); -webkit-box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); } .v2a-rewards .button-link { text-align: center; margin: auto auto; margin-right: -1%; margin-bottom: -1%; font-size: 15px; padding: 1% 4%; line-height: 1.7em; min-width: 100px; letter-spacing: 1px; border: none; box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); -moz-box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); -webkit-box-shadow: 2px 2px 5px 0px rgba(119, 119, 119, 0.57); } .v2a-rewards .btn-rewards-continue { padding: 2% 31%; font-size: 1.8em; } .v2a-rewards font.listing-td-div-span-container { font-size: 12px; } /* -- End of .v2a-path -- */ /* ------- ********** V2 ********** ------- END */ body.v2a-rewards.v3b.wc-rewards { /*.content-header { background: $COLOR_Background; }*/ /* .reward_header { max-width: 320px; margin: 0 auto; margin-top: -34px; */ /*h3 { font-family: $FONT_Body; }*/ /*.headline { clear: both; margin-top: 45px; * { font-family: $FONT_Header; } } */ /*--.rewards_header END --*/ /*.banner { background: $COLOR_Pop; font-family: $FONT_Body; width: 100%; margin-left: 0px; }*/ /* .final_steps .p4 { color: $COLOR_Pop; }*/ /* .pts-4 { color: $COLOR_Pop; }*/ /* .container-footer-dark, .container-footer-light { background: $COLOR_Background; color: darken($COLOR_Background, 25%); }*/ /*.final { color: $COLOR_Pop; }*/ /*.reward_item { margin: 8px auto; }*/ /* TEST - INSTRUCTIONS FOOTER */ /*span.incentive { color: #3E3E3E; font-size: 20px; }*/ /*.complete { background-color: $COLOR_Pop; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 14px; margin-top: 10px; padding-top: 3px; color: white; }*/ /*.img-wrap.visa { display: none; }*/ /* .headline2 { text-align: center; font-size: 24px; line-height: 1.1em !important; clear: both; margin-top: 45px; margin-bottom: -5px !important; font-family: $FONT_Header; color: $COLOR_Pop; padding-bottom: 5px; }*/ /* .content-320 { .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: none; } } */ } body.v2a-rewards.v3b.wc-rewards .offer1, body.v2a-rewards.v3b.wc-rewards .rewards-offer { margin-top: -2px; } body.v2a-rewards.v3b.wc-rewards .offer1 button, body.v2a-rewards.v3b.wc-rewards .rewards-offer button { color: white; background-color: #3b5998; } body.v2a-rewards.v3b.wc-rewards .offer-text { width: 230px; } body.v2a-rewards.v3b.wc-rewards .click { clear: inherit; } body.v2a-rewards.v3b.wc-rewards .container-footer-light { background: #FFFFFF; } body.v2a-rewards.v3b.wc-rewards button.btn-rewards-continue { border-radius: 4px; text-transform: uppercase; font-weight: 700; background: #3b5998; width: 100%; padding: 2% 0px; box-shadow: none; margin-top: 10px; color: white; } body.v2a-rewards.v3b.wc-rewards .continue { margin: 5px auto 25px auto; width: 49%; float: left; margin-right: 2%; } body.v2a-rewards.v3b.wc-rewards .continue-next { width: 49%; float: right; } body.v2a-rewards.v3b.wc-rewards .level p b, body.v2a-rewards.v3b.wc-rewards .level p { color: #3b5998; } body.v2a-rewards.v3b.wc-rewards .content { background: #f2f2f2; } body.v2a-rewards.v3b.wc-rewards .content-320 { max-width: none; } body.v2a-rewards.v3b.wc-rewards .instructions-footer { position: fixed; bottom: 0px; width: 100%; background: #3b5998; color: white; } body.v2a-rewards.v3b.wc-rewards .instructions-footer .instructions-tab { width: 100px; background: #3b5998; text-align: center; margin: -30px auto 0px; font-size: 18px; line-height: 30px; text-transform: uppercase; } body.v2a-rewards.v3b.wc-rewards .instructions-footer .instructions-content { max-width: 320px; margin: 0 auto; } body.v2a-rewards.v3b.wc-rewards .instructions-footer .instructions-content h2, body.v2a-rewards.v3b.wc-rewards .instructions-footer .instructions-content h3 { text-align: center; color: white; } body.v2a-rewards.v3b.wc-rewards .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } body.v2a-rewards.v3b.wc-rewards .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } body.v2a-rewards.v3b.wc-rewards .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } body.v2a-rewards.v3b.wc-rewards .half-white { font-size: 3em; color: #96abd6; } body.v2a-rewards.v3b.wc-rewards .hide { overflow: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } body.v2a-rewards.v3b.wc-rewards .show { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; max-height: 1000px; overflow: hidden; } body.v2a-rewards.v3b.wc-rewards #help { position: fixed; bottom: 0px; left: 20px; background: #3b5998; padding: 8px; } body.v2a-rewards.v3b.wc-rewards #info { position: fixed; bottom: 0px; background-color: #3b5998; color: #fff; margin: 0px; width: 100%; } body.v2a-rewards.v3b.wc-rewards #close { position: absolute; right: 20px; top: 10px; font-size: 1.75em; } @media (max-width: 762px) { body.v2a-rewards.v3b.wc-rewards .fluid-container { padding: 0px 15px; } } body.v2a-rewards.v3b.wc-rewards .fluid-container .main-textbox h2 { font-family: "Montserrat", Helvetica, Arial, sans-serif; letter-spacing: 1.25px; margin-top: 20px; color: #96abd6; padding: 10px; margin-bottom: -20px; } body.v2a-rewards.v3b.wc-rewards p.info { font-size: 15px; margin: 5px 0px 5px 5px; overflow: hidden; font-family: "PT Sans", Helvetica, Arial, sans-serif; } body.v2a-rewards.v3b.wc-rewards i.space { margin-right: 12px; } body.v2a-rewards.v3b.wc-rewards .main-textbox { max-width: 320px; margin: 0 auto; } /* SEPERATE REWARDS SECTIONS */ /* BRONZE REWARDS COMPONENT */ /* SILVER REWARDS COMPONENT */ /* GOLD REWARDS COMPONENT */ /* FOOTER */ body.v2a-email.v3b footer p a, body.v2a-path.v3b footer p a, body.v2a-rewards.v3b footer p a { text-decoration: underline; font-weight: bold; } body.v2a-email.v3b .container-footer-dark, body.v2a-path.v3b .container-footer-dark, body.v2a-rewards.v3b .container-footer-dark { background: #444444; color: #FFF; font-size: 11px !important; font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; margin: -15px auto -20px auto; padding-bottom: 20px; } body.v2a-email.v3b .container-footer-dark .form-footer-dark, body.v2a-path.v3b .container-footer-dark .form-footer-dark, body.v2a-rewards.v3b .container-footer-dark .form-footer-dark { font-size: 11px !important; display: block; line-height: 1.2em; max-width: 320px; width: 95%; margin: 15px auto; padding-top: 15px; text-align: justify; padding-bottom: 10px; } body.v2a-email.v3b .container-footer-dark a, body.v2a-path.v3b .container-footer-dark a, body.v2a-rewards.v3b .container-footer-dark a { color: #D8D8D8; text-decoration: underline; } body.v2a-email.v3b .container-footer-light, body.v2a-path.v3b .container-footer-light, body.v2a-rewards.v3b .container-footer-light { background: #E4E4E4; margin: -15px auto -20px auto; padding-bottom: 20px; } body.v2a-email.v3b .container-footer-light .form-footer-light, body.v2a-path.v3b .container-footer-light .form-footer-light, body.v2a-rewards.v3b .container-footer-light .form-footer-light { display: block; color: #484848; font-size: 11px !important; line-height: 1.2em; max-width: 320px; width: 95%; margin: 15px auto; padding-top: 15px; text-align: justify; padding-bottom: 10px; font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; } body.v2a-email.v3b .container-footer-light .form-footer-light a, body.v2a-path.v3b .container-footer-light .form-footer-light a, body.v2a-rewards.v3b .container-footer-light .form-footer-light a { color: #186179; text-decoration: underline; } body.v2a-email.v3b .container-footer-white, body.v2a-path.v3b .container-footer-white, body.v2a-rewards.v3b .container-footer-white { background: #f2f2f2; margin: -15px auto -20px auto; padding-bottom: 20px; } body.v2a-email.v3b .container-footer-white .form-footer-white, body.v2a-path.v3b .container-footer-white .form-footer-white, body.v2a-rewards.v3b .container-footer-white .form-footer-white { display: block; color: #585858; font-size: 11px !important; max-width: 320px; width: 95%; margin: 15px auto; padding-top: 15px; text-align: justify; padding-bottom: 10px; font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; } body.v2a-email.v3b .container-footer-white .form-footer-white a, body.v2a-path.v3b .container-footer-white .form-footer-white a, body.v2a-rewards.v3b .container-footer-white .form-footer-white a { color: #3b5998; } /* PROPERTY SPECIFIC */ /* PROPERTY SPECIFIC CSS Current Property: 8652 */ body.wc-email .container-header.email1.header-exclusive-offer { background: #3b5998; } body.wc-email h1.header_questions { color: white !important; } body.wc-full-reg .welcome-box { background: #3b5998; } body.wc-full-reg .welcome-box:after { border-top-color: #3b5998; } .content-header-top { background: #3b5998; } .content-header-320-top { background: #3b5998; } .content-header-top h1 { background: #3b5998; } body.wc-email .container-header-form1 { background: #3b5998; } body.wc-email .instant-qualify p.header_legal { color: #dfe6f3; } body.wc-email .instant-qualify p.header_legal a { color: #dfe6f3; } body.v2a-email.v3b.wc-email h2.question { color: #000; } body.v2a-email.v3b.wc-email .email-prompt { color: #000; } body.wc-full-reg header .incentive-top-f2 { font-size: 27px; line-height: 1.2em; margin-bottom: -20px; } body.v2a-rewards.v3b.wc-rewards .content-header, body.v2a-rewards.v3b.wc-rewards .reward_header, body.v2a-rewards.v3b.wc-rewards .content, body.v2a-rewards.v3b.wc-rewards .container-footer-light { background: #FFF; } body.v2a-path.v3b.wc-survey, body.v2a-path.v3b.wc-singles, body.v2a-path.v3b.wc-dts, body.v2a-rewards.v3b.wc-rewards { background: #fff; } body.v2a-path.v3b.wc-survey .container-body, body.v2a-path.v3b.wc-singles .container-body, body.v2a-path.v3b.wc-dts .container-body, body.v2a-rewards.v3b.wc-rewards .container-body { background: #fff; } /* */ /* body.bronze div#footer_block { max-width: 100%; } */ .logo-area img.logo-bottom { background-color: #777 !important; }