/* YTK skin on the top of General.css*/ /* Fonts */ @font-face { font-family: 'AzoSans-Regular'; src: url('/Fonts/AzoSans-Regular.eot'); src: url('/Fonts/AzoSans-Regular.eot?#iefix') format('embedded-opentype'), url('/Fonts/AzoSans-Regular.woff2') format('woff2'), url('/Fonts/AzoSans-Regular.woff') format('woff'), url('/Fonts/AzoSans-Regular.ttf') format('truetype') } body {color:#000000; background-color:initial; font-family:"Noto Sans", sans-serif;} /* Common Basic */ h1 {color:#41A300; font-family:"Noto Sans", sans-serif; font-weight:700;} h2 {color:#000000; font-family:"Noto Sans", sans-serif; font-weight:700;} h2.BlueHeading {color:#41A300; border-top:1px solid #e5e5e5;} h3 {color:#000000; font-weight:700;} a {color:#41A300; font-weight:700;} p {color:#000000;} p b, p strong {font-weight:600;} ul li {margin:2px 0px 10px 0px; list-style-image:url(/images/YTK/bulletpoint.png); font-weight:500;} ol li {font-weight:500;} label {color:#000000;} .DarkBlueText {color:#41A300;} p.DarkBlueText {color:#000000;} /* Buttons */ .StdBlueLrgBtn {font-family:"Noto Sans", sans-serif; font-weight:700; background-color:#41A300; border-color:#41A300; border-radius:50px;} .StdBlueLrgBtn:hover, .StdBlueLrgBtn:focus {background-color:#4AB702; border-color:#4AB702;} .StdLightBlueLrgBtn {font-family:"Noto Sans", sans-serif; font-weight:700; background-color:#41A300; border-color:#41A300; border-radius:50px;} .StdLightBlueLrgBtn:hover, .StdLightBlueLrgBtn:focus {background-color:#4AB702; border-color:#4AB702;} .StdWhiteLrgBtn {font-family:"Noto Sans", sans-serif; border-radius:50px; font-weight:700;} .StdWhiteLrgBtn:hover, .StdWhiteLrgBtn:focus {} .InfoIconSm {background:url(/images/YTK/InfoIcon.png) center center no-repeat; background-size:100%;} .InfoIconLrg {background:url(/images/YTK/InfoIcon.png) center center no-repeat; background-size:100%;} .TimerIconSm {background:url(/images/YTK/TimerIcon.png) center center no-repeat; background-size:100%; margin-right:10px;} .TimerIconLrg {background:url(/images/YTK/TimerIcon.png) center center no-repeat; background-size:100%;} /* Structure */ .SiteContainer .SiteHeader {position:relative; z-index:10;} .SiteContainer .SiteHeader .Logo {background:url(/images/YTK/Logo.png) left center no-repeat; background-size:38%;} .SiteContainer .SiteHeader .SecondLogoLg {display:none;} .SiteContainer .SiteFooter .FtrLayoutTable .WebDevCell .StdLightBlueLrgBtn {padding:8px 14px;} .SiteContainer .SiteFooter .FtrLayoutTable .CopyrightCell a {font-weight:500; color:#000000;} .SiteContainer .SiteFooter .FtrLayoutTable p {color:#000000;} .MobileSlidePanel .SecondLogoSm {display:none;} /* Pop-up Boxes */ .Positioning .CloseForm {background-image:url(/images/YTK/Icon_Cross.png); background-size:28px 28px;} .PopupContent h2 {color:#41A300; font-family:"Noto Sans", sans-serif; font-weight:700;} /* Landing Page */ .LandingPage {margin-top:-60px; background:url(/images/YTK/Img_Home_01.jpg) right no-repeat; background-size:contain; height:700px;} .LandingPage .LandingIntro .LandingHdr {color:#41A300; font-family:"Noto Sans", sans-serif; font-weight:700;} .LandingPage .LandingIntro .IntroText {color:#000000;} .LandingPage .LandingIntro .IntroSignIn {color:#000000;} .LandingPage .LandingIntro .IntroSignIn a {color:#41A300; font-weight:700;} .LandingPage .LandingIntro .IntroSignIn span {color:#000000;} .LandingPage .StdBlueLrgBtn {min-width:220px;} .BtmBannerImg {background:none;} .LandingPageBanners .BannerTable.SecondRow .BannerCellSm {display:none;} .LandingPageBanners .BannerTable h2 {font-family:"Noto Sans", sans-serif; font-weight:700; color:#41A300;} .LandingPageBanners .BannerTable .BannerCellSm .TopRowImg {background:url(/images/YTK/Img_Home_Panel_02.jpg) center center no-repeat; background-size:100%;} .LandingPageBanners .BannerTable.FirstRow {border-top:1px solid #e5e5e5; border-bottom:none; padding:100px 0px 35px 0px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {padding:0px; border-radius:5px; overflow:hidden;} .LandingPageBanners .BannerTable .TakeTestImg1 {background:url(/images/YTK/Img_Home_Panel_03_01.jpg) center center no-repeat; background-size:135%; margin:-1px 0px 0px 0px; height:160px; width:inherit;} .LandingPageBanners .BannerTable .TakeTestImg2 {background:url(/images/YTK/Img_Home_Panel_03_02.jpg) center center no-repeat; background-size:135%; margin:-1px 0px 0px 0px; height:160px; width:inherit;} .LandingPageBanners .BannerTable .TakeTestImg3 {background:url(/images/YTK/Img_Home_Panel_03_03.jpg) center center no-repeat; background-size:135%; margin:-1px 0px 0px 0px; height:160px; width:inherit;} .LandingPageBanners .BannerTable .TestListLg .TestBlock {min-height:inherit !important;} .LandingPageBanners .BannerTable .TestListLg .TestBlock p {color:#404044; margin:20px 0px 10px 0px;} .LandingPageBanners .BannerTable .TestListSm .swiper-slide {} .LandingPageBanners .BannerTable .TestListSm .swiper-slide p {color:#404044;} .LandingPageBanners .StdBlueLrgBtn {min-width:220px;} .LandingPageBanners .BannerTable .TestListLg .TestBlock.One {width:31.33%; padding-right:20px;} #ctl00_ContentPlaceHolder1_divNumerical {width:31.33%; padding-right:20px;} #ctl00_ContentPlaceHolder1_divVerbal {width:31.33%; padding-right:20px;} /* Register / Log In / Update Details / Start Activity */ .FormText .Intro {font-family:"Noto Sans", sans-serif; font-weight:500; color:#000000;} .FormText .Title {font-family:"Noto Sans", sans-serif; font-weight:700; color:#41A300;} .FormText .Description {font-weight:500;} #ForJSPasswordResult {color:#000000;} /* Respondent Instructions */ .TestInfoSmContainer .swiper-button-prev {background-image:url(/images/YTK/leftswiperbtn.png); left:0px;} .TestInfoSmContainer .swiper-button-next {background-image:url(/images/YTK/rightswiperbtn.png); right:0px;} /* Assesment Questions */ .QuestionGroup .GroupQuestion .QuestionNumber .Number span {background-color:#ffffff;} .QuestionGroup .GroupQuestion.Highlighted .QuestionNumber .Number span {background-color:#017935; border-color:#017935;} .QuestionGroup .GroupQuestion.Highlighted .QuestionNumber .Trail {background-color:#017935;} #FAQListContainer h2:hover {color:#000000;} /* Dropdowns */ .ui-selectmenu-text, .ui-menu-item-wrapper {font-family:"Noto Sans", sans-serif;} /* Forms */ .FormField .EditBoxW1 {font-family:"Noto Sans", sans-serif;} .FormField .DropDownW1 {font-family:"Noto Sans", sans-serif;} .FormField .TextAreaW6 {font-family:"Noto Sans", sans-serif;} .FormField .sbHolder {font-family:"Noto Sans", sans-serif;} /* Error 404 Page */ .ErrorSymbol {background:url(/images/YTK/Icon_Warning.png) center center no-repeat; background-size:100%;} /* Dashboard */ .DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a {color:#000000;} .DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a:hover {color:#000000;} .DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label1 {color:#000000;} .DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label2 {color:#000000;} /* Question Information */ .QuestionInfoMob {background-color:#41A300; border-radius:0px; border-bottom:1px solid #41A300; height:43px; border-radius:50%;} .QuestionInfoMob .Icon {top:13px;} .QInfoHeader .InfoName h1 {font-size:2.5em; color:#41A300; font-weight:700 !important;} .QInfoHeader .InfoName h2 {font-size:2.5em; color:#41A300; font-weight:700 !important;} .QInfoHeader .PinIcon {background:url(/images/YTK/pinicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .ExpandIcon {background:url(/images/YTK/expandicon.png) center center no-repeat; background-size:100%;} .QInfoHeader .CollapseIcon {background:url(/images/YTK/collapseicon.png) center center no-repeat; background-size:100%;} .AssessQuestionTracker .MotivationalTextLg .TextMiddle {color:#41A300;} .AssessQuestionTracker .TestPercentage .Labels {font-family:"Noto Sans", sans-serif;} .AssessQuestionTracker .TestPercentage .Labels .Label1 {position:relative; top:2px; display:flex; align-items:flex-start; color:#404044; font-size:10px; font-weight:500;} .AssessQuestionTracker .TestPercentage .Labels .Label1 span {position:relative; bottom:2px; font-size:19px;} .AssessQuestionTracker .QuestionsLeft h2 {color:#41A300;} .MotivationalTextSm .TextMiddle {color:#41A300;} /* Admin */ .JQHiddenField input {background-color:#ffffff; border:1px solid #e5e5e5; font-family:"Noto Sans", sans-serif; color:#000000;} /* Tour pages */ table.Type1 th {color:#000000;} table.Type1 td {color:#000000;} /* Cookie Policy */ .CookiePolicyBanner .StdBlueLrgBtn {} .CookiePolicyBanner p a {color:#41A300;} /* Guide */ .Guide .Title {font-weight:700;} /* Mobile menu */ .MobileSlidePanel .MobilePanelContent .StdWhiteLrgBtn {margin-bottom:10px;} /* Media Queries */ /* Structure */ @media only screen and (max-width:768px) { .SiteContainer .SiteHeader .Logo {background:url(/images/YTK/Logo.png) center no-repeat; background-size:30%;} } /* Buttons */ @media only screen and (max-width:480px) { .StdBlueLrgBtn {} .StdBlueLrgBtn.TextWidth {} .StdLightBlueLrgBtn {max-width:none !important;} .StdLightBlueLrgBtn.TextWidth {width:100% !important;} .StdWhiteLrgBtn {max-width:none !important;} .StdWhiteLrgBtn.TextWidth {width:100% !important;} .LandingPage .StdBlueLrgBtn {} } /* Landing Page */ @media only screen and (max-width:1200px) { .LandingPage {height:calc(100vh - 170px); margin-top:-50px;} } @media only screen and (max-width:1100px) { .LandingPageBanners .BannerTable .TestListLg .TestBlock.One {width:30.33%;} #ctl00_ContentPlaceHolder1_divNumerical {width:30.33%;} .LandingPageBanners .BannerTable .TestListLg .TestBlock.Two {padding:0px;} #ctl00_ContentPlaceHolder1_divVerbal {width:30.33%;} } @media only screen and (max-width:1024px) { .LandingPage {background:none; height:auto; padding:100px 0px;} } @media only screen and (max-width:768px) { .LandingPageBanners .BannerTable .TestListLg .TestBlock .TestBlockContainer {padding:0px !important;} .LandingPageBanners .BannerTable .TakeTestImg1, .LandingPageBanners .BannerTable .TakeTestImg2, .LandingPageBanners .BannerTable .TakeTestImg3 {height:60px !important; width:100px !important;} .LandingPageBanners .BannerTable .TestListLg .TestBlock.One {display:block; margin-bottom:10px; width:100%; padding-right:0px;} #ctl00_ContentPlaceHolder1_divNumerical {display:block; margin-bottom:10px; width:100%; padding-right:0px;} #ctl00_ContentPlaceHolder1_divVerbal {display:block; width:100%; padding-right:0px;} } @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;} }