/* Santander skin on the top of General.css */ /* Satander headline font-face */ @font-face { font-family: 'Santander-Headline-Regular'; src: url('/Fonts/SantanderHeadlineW05-Bold.woff2') format('woff2'), url('../fonts/SantanderHeadlineW05-Bold.woff') format('woff'); } @font-face { font-family: 'Santander-Headline-Bold'; src: url('/Fonts/SantanderTextW05-Bold.woff2') format('woff2'), url('../fonts/SantanderTextW05-Bold.woff') format('woff'); } /* Satander regular text font-face */ @font-face { font-family: 'Santander-Text-Regular'; src: url('/Fonts/SantanderTextW05-Regular.woff2') format('woff2'), url('../fonts/SantanderTextW05-Regular.woff') format('woff'); } @font-face { font-family: 'Santander-Text-Bold'; src: url('/Fonts/SantanderTextW05-Bold.woff2') format('woff2'), url('../fonts/SantanderTextW05-Bold.woff') format('woff'); } @font-face { font-family: 'Santander-Text-ExtraBold'; src: url('/Fonts/SantanderTextW05-ExtraBold.woff2') format('woff2'), url('../fonts/SantanderTextW05-ExtraBold.woff') format('woff'); } body {color:#272424; background-color:initial; font-family:'Santander-Text-Regular', sans-serif;} /* Common Basic */ h1 {color:#272424; font-family:'Santander-Headline-Regular', sans-serif; font-size:3.0em;} h2 {color:#272424; font-family:'Santander-Headline-Regular', sans-serif;} h2.BlueHeading {color:#272424; border-top:1px solid #e0e0e0;} h3 {color:#272424; font-family:'Santander-Text-Bold', sans-serif;} a {color:#ec0000;} p {color:#272424; font-size:1.6em;} p b, p strong {font-family:'Santander-Text-Bold', sans-serif;} ul li, ol li {margin:2px 0px 10px 0px; list-style-image:url(/images/Santander/bulletpoint.png); font-size:1.6em;} label {color:#42494f;} .DarkBlueText {color:#b3865c;} /* Buttons */ .StdBlueLrgBtn {max-width:210px; font-size:1.6em; font-family:'Santander-Text-Bold', sans-serif; background-color:#ec0000; border-radius:50px; color:#ffffff; border:none; border:1px solid #ec0000; padding:11px 20px; box-shadow:none; text-shadow:none; box-sizing:border-box; box-shadow:0px 5px 8px #d7d7d7;} .StdBlueLrgBtn:hover {background-color:#ec0000; border:1px solid #ec0000; color:#ffffff;} .StdBlueLrgBtn:focus {background-color:#ec0000; border:1px solid #ec0000; color:#ffffff;} .StdLightBlueLrgBtn {max-width:210px; font-size:1.6em; font-family:'Santander-Text-Bold', sans-serif; background-color:#ec0000; border-radius:50px; color:#ffffff; border:none; border:1px solid #ec0000; padding:11px 20px; box-shadow:none; text-shadow:none; box-sizing:border-box; box-shadow:0px 5px 8px #d7d7d7;} .StdLightBlueLrgBtn:hover {background-color:#ec0000; border:1px solid #ec0000; color:#ffffff;} .StdLightBlueLrgBtn:focus {background-color:#ec0000; border:1px solid #ec0000; color:#ffffff;} .StdWhiteLrgBtn {max-width:210px; font-size:1.6em; font-family:'Santander-Text-Regular', sans-serif; background-color:#ffffff; border-radius:50px; color:#ec0000; border:none; border:1px solid #ec0000; padding:11px 20px; box-shadow:none; text-shadow:none; box-sizing:border-box; box-shadow:0px 5px 8px #d7d7d7;} .StdWhiteLrgBtn:hover {background-color:#ffffff; border:1px solid #ec0000; color:#ec0000;} .StdWhiteLrgBtn:focus {background-color:#ffffff; border:1px solid #ec0000; color:#ec0000;} .InfoIconSm {background:url(/Images/Santander/Icon_Info.png) center center no-repeat; background-size:100%;} .InfoIconLrg {background:url(/Images/Santander/Icon_Info.png) center center no-repeat; background-size:100%;} .TimerIconSm {background:url(/Images/Santander/Icon_Time.png) center center no-repeat; background-size:100%; margin-right:10px;} .TimerIconLrg {background:url(/Images/Santander/Icon_Time.png) center center no-repeat; background-size:100%;} /* Structure */ .SiteContainer .SiteHeader .Logo {width:300px; height:60px; background:url(/Images/Santander/Logo.png) center center no-repeat; background-size:contain;} .SiteContainer .SiteHeader .SecondLogoLg {display:none;} .Spanish .SiteContainer .SiteHeader .Logo {background:url(/Images/Santander/Logo.png) center center no-repeat; background-size:contain;} .Portuguese .SiteContainer .SiteHeader .Logo {background:url(/Images/Santander/Logo.png) center center no-repeat; background-size:contain;} .SiteContainer .SiteFooter .FtrLayoutTable .FooterLogo .ImageLogo {width:105px; height:55px; margin-top:2px; background:url(/Images/Clevry/clevry-logo-small.png?c=4) center center no-repeat; background-size:contain;} .MobileSlidePanel .SecondLogoSm {display:none;} /* Pop-up Boxes */ .Positioning .CloseForm {background-image:url(/Images/Santander/Icon_Cross.png); background-size:28px 28px;} .PopupContent h2 {color:#000000; font-family:'Santander-Text-Bold', sans-serif;} /* Landing Page */ .LandingPage .LandingIntro .LandingHdr {color:#000000; font-family:'Santander-Text-Bold', sans-serif; font-size:3.0em;} .LandingPage .LandingIntro .IntroText {color:#000000; margin-bottom:23px; font-size:2.0em; line-height:1.2em;} .LandingPage .LandingIntro .IntroSignIn {color:#000000; font-size:1.1em;} .LandingPage .LandingIntro .IntroSignIn span {color:#000000;} .LandingPage .LandingIntro .IntroSignIn a {color:#ec0000; font-family:'Santander-Text-Bold', sans-serif;} .BtmBannerImg {background:url(/Images/Santander/Img_Home_01.jpg) center no-repeat; background-size:contain;} .LandingPageBanners .BannerTable h2 {font-family:'Santander-Text-Bold', sans-serif; color:#000000; font-size:3.0em;} .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {background:url(/Images/Santander/Img_Home_Panel_02.png) center center no-repeat; background-size:100%;} .LandingPageBanners .BannerTable.FirstRow {border-top:1px solid #ececec; border-bottom:1px solid #ececec;} .LandingPageBanners .BannerTable .TakeTestImg1 {background:url(/Images/Santander/Img_Home_Panel_03_01.png) center center no-repeat; background-size:cover; height:160px; width:100%;} .LandingPageBanners .BannerTable .TakeTestImg2 {background:url(/Images/Santander/Img_Home_Panel_03_02.png) center center no-repeat; background-size:cover; background-position:-20px -8px; height:160px; width:100%;} .LandingPageBanners .BannerTable .TakeTestImg3 {background:url(/Images/Santander/Img_Home_Panel_03_03.png) center center no-repeat; background-size:cover; background-position:center 4px; height:160px; width:100%;} .LandingPageBanners .BannerTable .TestListLg .TestBlock {} .LandingPageBanners .BannerTable .TestListLg .TestBlock p {padding:20px; margin:0px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {padding:0px;} /* Register / Log In / Update Details / Start Activity */ .FormText .Intro {color:#545454; font-family:'Santander-Text-Bold', sans-serif;} .FormText .Title {color:#000000; font-family:'Santander-Text-Bold', sans-serif;} /* Respondent Instructions */ .InstructionBtns {border-top:1px solid #e0e0e0;} .TestInfoSmContainer .swiper-button-prev {background-image:url(/Images/Santander/leftswiperbtn.png); left:0px;} .TestInfoSmContainer .swiper-button-next {background-image:url(/Images/Santander/rightswiperbtn.png); right:0px;} /* Assesment Questions */ .QuestionGroup .GroupQuestion .QuestionNumber .Number span {background-color:#f5f9fb; border-color:#f5f9fb; color:#000000; width:50px; height:50px; font-size:1.6em; line-height:45px;} .QuestionGroup .GroupQuestion.Highlighted .QuestionNumber .Number span {background-color:#63ba68; border-color:#63ba68;} .QuestionGroup .GroupQuestion .QuestionNumber .Trail {background-color:#f5f9fb;} .QuestionGroup .GroupQuestion.Highlighted .QuestionNumber .Trail {background-color:#63ba68;} .QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer {border-right:1px solid #e0e0e0;} .QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer label {font-size:1.6em; margin-top:7px;} .QuestionGroup.Utopia .GroupQuestion .Answers {border-color:#e0e0e0;} /* iCheck plugin */ .icheckbox_square, .iradio_square {display:inline-block; *display:inline; vertical-align:middle; margin:0; padding:0; width:41px; height:43px; background:url(/Images/Santander/square.png) no-repeat; border:none; cursor:pointer;} .icheckbox_square {background-position:-14px 0;} .icheckbox_square.hover {background-position:-55px 0;} .icheckbox_square.checked {background-position:-96px 0;} .icheckbox_square.disabled {background-position:-137px 0; cursor:default;} .icheckbox_square.checked.disabled {background-position:-178px 0;} .iradio_square {background-position:-220px 0;} .iradio_square.hover {background-position:-264px 0;} .iradio_square.checked {background-position:-308px 0;} .iradio_square.disabled {background-position:-352px 0; cursor:default;} .iradio_square.checked.disabled {background-position:-396px 0;} .Answer.Incorrect .icheckbox_square, .Answer.Incorrect .iradio_square {display:inline-block; *display:inline; vertical-align:middle; margin:0; padding:0; width:41px; height:43px; background:url(/Images/Santander/square_error.png) no-repeat; border:none; cursor:pointer;} .Answer.Incorrect .icheckbox_square {background-position:-14px 0;} .Answer.Incorrect .icheckbox_square.hover {background-position:-55px 0;} .Answer.Incorrect .icheckbox_square.checked {background-position:-96px 0;} .Answer.Incorrect .icheckbox_square.disabled {background-position:-137px 0; cursor:default;} .Answer.Incorrect .icheckbox_square.checked.disabled {background-position:-178px 0;} .Answer.Incorrect .iradio_square {background-position:-220px 0;} .Answer.Incorrect .iradio_square.hover {background-position:-264px 0;} .Answer.Incorrect .iradio_square.checked {background-position:-308px 0;} .Answer.Incorrect .iradio_square.disabled {background-position:-352px 0; cursor:default;} .Answer.Incorrect .iradio_square.checked.disabled {background-position:-396px 0;} /* Dashboard */ .DashAssessListLg .AssessIntroItem .AssessPanelCenter.GreenStroke .ct-series-b .ct-slice-donut {stroke:#ec0000;} .DashAssessListLg .AssessIntroItem .AssessPanelTop .Requirement .Icons .Item .HoverToolTip {background-color:#333333; border-color:#333333;} .DashAssessListLg .AssessIntroItem .StdLightBlueLrgBtn {background-color:#ffffff; border:1px solid #ec0000; color:#ec0000; font-family:'Santander-Text-Regular', sans-serif;} .UserIntroHeader .UserIntroText .BottomPad.DarkBlueText {color:#ec0000;} .Guide {background:#f5f9fb; border-color:#f5f9fb;} .Guide .Title {font-family:'Santander-Text-Bold', sans-serif; font-size:2.0em;} .Guide .Text {font-size:1.6em;} .Guide .List .Item .Desc {font-size:1.6em;} /* Pop-up */ .Positioning .PopupContent .ContentToDisplay p {font-size:1.6em;} /* Forms */ .FormField .EditBoxW1 {font-family:'Santander-Text-Regular', sans-serif; border-radius:0px;} .FormField .DropDownW1 {font-family:'Santander-Text-Regular', sans-serif; border-radius:0px;} .FormField .TextAreaW6 {font-family:'Santander-Text-Regular', sans-serif; border-radius:0px;} .FormField .sbHolder {font-family:'Santander-Text-Regular', sans-serif;} .FormBox .FormField.FormInfoPopUp.Field .HoverToolTip {background-color:#333333; border-color:#333333;} .FormBox .FormField.FormInfoPopUp.Dropdown .PopUpIcon .QuestionMark {background-color:#333333; border-color:#333333;} .FormBox .FormField.FormInfoPopUp.Field .PopUpIcon .QuestionMark {background-color:#333333; border-color:#333333;} .FormBox .FormField.FormInfoPopUp.Dropdown .HoverToolTip {background-color:#333333; border-color:#333333;} .FileUploadBtn {background:url(/Images/Santander/choose_file.png) left center no-repeat;} /* jQueryUI SelectMenu */ .ui-selectmenu-button {border-radius:0px;} .ui-selectmenu-text {font-size:1.2em; font-weight:500 !important;} .ui-menu .ui-menu-item {font-size:1.2em;} .ui-menu .ui-menu-item-wrapper {font-weight:500 !important;} .ui-menu-item-wrapper.ui-state-active {background:#333333; border-color:#333333;} /* Error 404 Page */ .ErrorSymbol {background:url(/Images/Santander/Icon_Warning.png) center center no-repeat; background-size:100%;} /* Question Information */ .QInfoHeader .InfoName h1 {font-size:2.4em; font-family:'Santander-Text-Bold', sans-serif;} .QInfoHeader .InfoName h2 {font-size:2.4em; font-family:'Santander-Text-Bold', sans-serif;} .QInfoHeader .PinIcon {background:url(/Images/Santander/pinicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .ExpandIcon {background:url(/Images/Santander/expandicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .CollapseIcon {background:url(/Images/Santander/collapseicon.png) center center no-repeat; background-size:100%;} .AssessQuestionTracker .MotivationalTextLg .TextMiddle {color:#545454;} .AssessQuestionTracker .TestPercentage {width:90px;} .AssessQuestionTracker .TestPercentage .Labels .Label1 {font-size:2.5em; font-weight:400;} .MotivationalTextSm .TextMiddle {color:#545454;} /* Admin */ .JQHiddenField input {background-color:#ffffff; border:1px solid #d9d9d9; color:#42494f;} /* Tour pages */ .TourSlideLink {color:#ec0000; font-family:'Santander-Text-Bold', sans-serif;} .TourSlideLink:hover {color:#ec0000; opacity:0.8;} table.Type1 th {color:#ffffff; background-color:#272424;} table.Type1 td {color:#000000; background-color:#ffffff;} /* Practice Test */ .HelpPanels .HPBlock .BlockInfo .Info {font-size:16px;} /* Test */ .QuestionInfo {background:#f5f9fb; border-color:#f5f9fb;} /* Footer */ .SiteContainer .SiteFooter .FtrLayoutTable {border-color:#e0e0e0;} /* Cookie Policy */ .CookiePolicyBanner .StdBlueLrgBtn {box-shadow:none;} /* Media Queries */ /* Buttons */ @media only screen and (max-width:768px) { .StdBlueLrgBtn {font-size:1.6em !important;} .StdLightBlueLrgBtn {font-size:1.6em !important;} .SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .StdLightBlueLrgBtn {font-size:1.2em !important;} .StdWhiteLrgBtn {font-size:1.6em !important;} } /* Structure */ @media only screen and (max-width:768px) { .SiteContainer .SiteHeader .Logo {width:200px;} } @media only screen and (max-width:480px) { .StdBlueLrgBtn {max-width:none !important;} .StdBlueLrgBtn.TextWidth {width:100% !important;} .StdLightBlueLrgBtn {max-width:none !important;} .StdLightBlueLrgBtn.TextWidth {width:100% !important;} .StdWhiteLrgBtn {max-width:none !important;} .StdWhiteLrgBtn.TextWidth {width:100% !important;} .LandingPage .StdBlueLrgBtn {max-width:220px !important;} } /* Landing Page */ @media only screen and (max-width:768px) { .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {padding:0px !important;} .LandingPageBanners .BannerTable .TakeTestImg1 {height:100px !important; width:160px !important;} .LandingPageBanners .BannerTable .TakeTestImg2 {height:100px !important; width:160px !important;} .LandingPageBanners .BannerTable .TakeTestImg3 {height:100px !important; width:160px !important;} } @media only screen and (max-width:600px) { .Positioning .CloseForm {width:20px; top:15px; right:23px; background-size:20px 20px;} } /* Admin */ @media only screen and (max-width:768px) { .JQHiddenField input {font-size:1.4em;} } /* Assesment Questions */ @media only screen and (max-width:1024px) { .QuestionGroup .GroupQuestion .QuestionNumber .Number span {font-size:1.2em !important; width:30px !important; height:30px !important;line-height:30px !important;} } @media only screen and (max-width:768px) { .QuestionGroup .GroupQuestion .Answers .AnswerSet .Answer label {font-size:1.6em !important;} }