﻿/* Green Park skin on the top of General.css*/

body                                                                                {color:#768692;}

/* Common Basic */
h1                                                                                  {color:#00bb31; font-weight:400; text-transform:uppercase; font-size:3.6em;}
h2                                                                                  {color:#768692; font-weight:700; text-transform:uppercase;}
h2.BlueHeading                                                                      {color:#768692; border-top:1px solid #e3e6e9;}
h3                                                                                  {color:#666666; font-weight:700;}
a                                                                                   {color:#00bb31;}
p                                                                                   {color:#768692; font-weight:400;}
p b,
p strong                                                                            {font-weight:600;}
ul li                                                                               {margin:2px 0px 10px 0px; font-weight:400; list-style-image:url(/images/GreenPark/bulletpoint.png);}
label                                                                               {color:#666666;}
.DarkBlueText                                                                       {color:#00bb31;}

/* Buttons */
.StdBlueLrgBtn                                                                      {font-weight:600; background-color:#00bb31; border:1px solid #00bb31; border-radius:0px; color:#ffffff; box-shadow:none; text-shadow:none; text-transform:uppercase;}
.StdBlueLrgBtn:hover,
.StdBlueLrgBtn:focus                                                                {background-color:#00bb31; border:1px solid #00bb31; color:#ffffff;}

.StdLightBlueLrgBtn                                                                 {font-weight:600; background-color:#00bb31; border:1px solid #00bb31; border-radius:0px; color:#ffffff; box-shadow:none; text-shadow:none; text-transform:uppercase;}
.StdLightBlueLrgBtn:hover,
.StdLightBlueLrgBtn:focus                                                           {background-color:#00bb31; border:1px solid #00bb31; color:#ffffff;}

.StdWhiteLrgBtn                                                                     {font-weight:600; background-color:#ffffff; border:1px solid #e5e5e5; border-radius:0px; color:#768692; box-shadow:none; text-shadow:none; text-transform:uppercase;}
.StdWhiteLrgBtn:hover,
.StdWhiteLrgBtn:focus                                                               {background-color:#ffffff; border:1px solid #e5e5e5; color:#768692;}

.InfoIconSm                                                                         {background:url(/Images/GreenPark/InfoIcon.png) center center no-repeat; background-size:100%;}

.InfoIconLrg                                                                        {background:url(/Images/GreenPark/InfoIcon.png) center center no-repeat; background-size:100%;}

.TimerIconSm                                                                        {background:url(/Images/GreenPark/TimerIcon.png) center center no-repeat; background-size:100%; margin-right:10px;}

.TimerIconLrg                                                                       {background:url(/Images/GreenPark/TimerIcon.png) center center no-repeat; background-size:100%;}

/* Structure */
.SiteContainer .SiteHeader .Logo                                                    {width:160px; height:60px; background:url(/Images/GreenPark/Logo.png) center center no-repeat; background-size:contain;}
.SiteContainer .SiteHeader .SecondLogoLg                                            {display:none;}


.MobileSlidePanel .SecondLogoSm                                                     {display:none;}

/* Pop-up Boxes */
.Positioning .CloseForm                                                             {background-image:url(/Images/GreenPark/Icon_Cross.png); background-size:28px 28px;}
.Positioning .PopupContent .ContentToDisplay                                        {font-weight:400; color:#768692;}

.PopupContent h2                                                                    {color:#768692;}

/* Landing Page */
.LandingPage .LandingIntro .LandingHdr                                              {color:#00bb31; font-weight:400; text-transform:uppercase;}
.LandingPage .LandingIntro .IntroText                                               {color:#768692;}
.LandingPage .LandingIntro .IntroSignIn                                             {color:#768692;}
.LandingPage .LandingIntro .IntroSignIn a                                           {color:#00bb31; font-weight:700; text-transform:uppercase;}
.LandingPage .LandingIntro .IntroSignIn span                                        {color:#768692;}

.BtmBannerImg                                                                       {background:url(/Images/GreenPark/Img_Home_01.png) center no-repeat; background-size:contain;}

.LandingPageBanners .BannerTable h2                                                 {font-weight:700; color:#768692; text-transform:uppercase;}
.LandingPageBanners .BannerTable.FirstRow                                           {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.LandingPageBanners .BannerTable.FirstRow .BannerCellLg                             {width:60%;}
.LandingPageBanners .BannerTable.FirstRow .BannerCellSm                             {width:40%;}
.LandingPageBanners .BannerTable.SecondRow .BannerCellSm                            {display:none;}
.LandingPageBanners .BannerTable .TakeTestImg1                                      {background:url(/Images/GreenPark/Img_Home_Panel_03_01.png) center center no-repeat; background-size:100%; margin-bottom:28px;}
.LandingPageBanners .BannerTable .TakeTestImg2                                      {background:url(/Images/GreenPark/Img_Home_Panel_03_02.png) center center no-repeat; background-size:100%; margin-bottom:28px;}
.LandingPageBanners .BannerTable .TakeTestImg3                                      {background:url(/Images/GreenPark/Img_Home_Panel_03_03.png) center center no-repeat; background-size:100%; margin-bottom:28px;}
.LandingPageBanners .BannerTable .TestListLg .TestBlock                             {}
.LandingPageBanners .BannerTable .TestListLg .TestBlock p                           {color:#00bb31; box-sizing:border-box;}
.LandingPageBanners .BannerTable .TestListSm .swiper-slide                          {}
.LandingPageBanners .BannerTable .TestListSm .swiper-slide p                        {color:#00bb31; background-color:#ffffff; font-size:1.3em; padding:5px; box-sizing:border-box;}

/* Register / Log In / Update Details / Start Activity */
.FormText .Intro                                                                    {font-weight:700; color:#768692; text-transform:uppercase;}
.FormText .Title                                                                    {font-weight:700; color:#00bb31; text-transform:uppercase;}
.FormText .Description                                                              {font-weight:400; color:#768692;}


/* Respondent Instructions */
.InstructionBtns                                                                    {border-top:1px solid #e3e6e9;}

.TestInfoSmContainer .swiper-button-prev                                            {background-image:url(/Images/GreenPark/leftswiperbtn.png); left:0px;}
.TestInfoSmContainer .swiper-button-next                                            {background-image:url(/Images/GreenPark/rightswiperbtn.png); right:0px;}

/* Assesment Questions */
.QuestionGroup .GroupQuestion .QuestionNumber .Number span                          {background-color:#e3e6e9;}
.QuestionGroup .GroupQuestion .QuestionNumber .Trail                                {background-color:#e3e6e9;}

.QuestionGroup.Utopia .GroupQuestion .Answers                                       {border-bottom:1px solid #eaeaea;}




/* Forms */
.FormField .EditBoxW1                                                               {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;}
.FormField .DropDownW1                                                              {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;}
.FormField .TextAreaW6                                                              {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;}
.FormField .sbHolder                                                                {font-family:'Montserrat', Arial, Helvetica Neue, Helvetica, sans-serif;}




/* Error 404 Page */
.ErrorSymbol                                                                        {background:url(/Images/GreenPark/Icon_Warning.png) center center no-repeat; background-size:100%;}




/* Dashboard */
.DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a                    {color:#768692;}
.DashAssessListLg .AssessIntroItem .AssessPanelTop .AssessName a:hover              {color:#768692;}
.DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label1               {color:#768692;}
.DashAssessListLg .AssessIntroItem .AssessPanelCenter .Labels .Label2               {color:#768692;}




/* Question Information */
.QuestionInfoMob                                                                    {background-color:#768692; border-radius:0px;}

.QInfoHeader .InfoName h1                                                           {color:#768692; font-weight:700 !important;}
.QInfoHeader .InfoName h2                                                           {color:#768692; font-weight:700 !important;}
.QInfoHeader .PinIcon                                                               {background:url(/Images/GreenPark/pinicon.png) center center no-repeat; background-size:100%;}
.QInfoHeader .ExpandIcon                                                            {background:url(/Images/GreenPark/expandicon.png) center center no-repeat; background-size:100%;}
.QInfoHeader .CollapseIcon                                                          {background:url(/Images/GreenPark/collapseicon.png) center center no-repeat; background-size:100%;}

.AssessQuestionTracker .MotivationalTextLg .TextMiddle                              {color:#768692;}
.AssessQuestionTracker .QuestionsLeft h2                                            {color:#00bb31;}
.AssessQuestionTracker .TestPercentage .Labels .Label1                              {color:#768692;}

.MotivationalTextSm .Quotes                                                         {color:#00bb31;}
.MotivationalTextSm .TextMiddle                                                     {color:#768692;}




/* Admin */
.JQHiddenField input                                                                {background-color:#ffffff; border:1px solid #d9d9d9; color:#666666;}

/* Tour pages */
.TourSlideLink                                                                      {color:#00bb31; font-weight:700; text-transform:uppercase;}
.TourSlideLink:hover                                                                {color:#768692;}
table.Type1                                                                         {border-bottom:solid 1px #acb6bd; border-right:solid 1px #acb6bd;}
table.Type1 th                                                                      {color:#ffffff; background-color:#acb6bd; border-top:solid 1px #acb6bd;}
table.Type1 th:first-child                                                          {border-left:solid 1px #acb6bd;}
table.Type1 td                                                                      {color:#000000; border-top:solid 1px #acb6bd; border-left:solid 1px #acb6bd;}




/* Media Queries */

/* Buttons */
@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: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;}
}