:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--nav-bg-color: #262626;--nav-text-color: #ffffff;--color-primary: #F6B717;--btn-accent-color: #262626;--link-color: #262626;--color-state: #262626;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-accent-color-hover: #1c1c1c;--btn-accent-color-active: #0b0b0b;--link-color-hover: #1c1c1c;--color-state-hover: #1c1c1c;--color-state-focus: #1c1c1c;--color-state-active: #0b0b0b;--footer-text-color-hover: #1c1c1c;}
/*==================================================
VARIABLES FOR EASY THEME EDITS
==================================================*/

:root {
/*Navigation & Dashbord headings and blocks*/
    --logo-size: 1.5rem;
    --nav-bottom-colored-border: 10px solid #F6B717;
    --front-page-featured-links-top-background-color: #262626;
    --blocks-top-accent-border: 4px solid #262626;
    --custom-dasbhoards-heading-block-background-color: #262626;


/*Custom banner-with-background-image block*/
   /*Font color*/
    --banner-with-background-image-font: #ffffff;    
    /*Button style*/

    /*Button colors*/
    --banner-with-background-image-button-font-color: #2f9946;
    --banner-with-background-image-button-color: #ffffff;
    /*Button hover colors*/
    --banner-with-background-image-button- font-hover-color: #2f9946;
    --banner-with-background-image-button-hover-color: #ffffff;

}

/*==================================================
END OF VARIABLES FOR EASY THEME EDITS.
==================================================*/



/*==================================================
Top Navigation Customizations
==================================================*/

/*Site logo size*/
.totaraNav_prim .masthead_logo--header_img {
    height: var(--logo-size) !important;
}

/*---Top Nav bottom border---*/
.totaraNav {
    border-bottom: var(--nav-bottom-colored-border);
    box-shadow: var(--shadow-2);
    margin-bottom: 0;
}

/*--Frontpage Featured Links Navigation Blocks Top Half Background Color*/
#inst385 .block-totara-featured-links-tile ,block-totara-featured-links-tile-medium ,block-totara-featured-links-tile-135 ,background-cover {
    background-color:  var(--front-page-featured-links-top-background-color) !important;
}

/*Adds a sleek drop shadow and top accent border to standard Totara blocks*/
.block {
    background-color: transparent !important;
    border: none !important;
    border-top: var( --blocks-top-accent-border) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px !important;
}

/*remove sleek drop shadown and top accent border from specific banner blocks on front page*/
.banner-with-text-and-image-template, .frontpage-featured-blocks, .my-learning-header, .manager-dashboard, .contract-sg-banner, .apex-space-banner, .front-page-blurb, .image-background-banner {
    background-color: transparent !important;
    border-top: none !important;
    box-shadow: none !important;
}

/*---Hide Front page heading---*/
.page-heading h1 {
     font-weight: normal;
     margin-bottom: 0px;
}

/*---Hide Front page title---*/
body#page-site-index .page-heading {
   display: none !important;
}

/*My Learning and Manager Dashboards custom heading block background color*/
.my-learning-page-header-block, .manager-page-header-block {
    background-color: var(--custom-dasbhoards-heading-block-background-color) !important;
}

/*==================================================
  Custom Banner with background image, text, and button
==================================================*/

/*IMPORTANT NOTE ABOUT CHANGING THE BLOCK'S BACKGROUND IMAGE: The background image URL has to be edited in the actual custom HTML block's html code and cannot be added here.

To change the background image in the custom banner-with-background-image block:
1. Edit the block in HTML view by clicking the <> button in the Atto text editor., then add an X at the very bottom of the code (below the last </div> in the exsiting code.
2. Exit the HTML view of the block by clicking the <> button in the Atto text editor again.
3. Highlight the X that you added below the banner in the block.
4. Click the Insert image button in the Atto text editor, then locate and insert your new background image. (The image will appear below the banner which is normal.)
5. Return to HTML view by clicking the <> button in the Atto text editor.
6. Highlight ONLY the src URL to the new image code that was added below the last </div> of the existing code.
7. Highlight and replace the only the existing background image URL located at the top of the original block code.  Note: it is the URL located between the two "$quot;" text of the backgroud: url parenthesis.
8. Delete any existing code that was added when the new image was added that is located below the last </div> of the original block code.
9. Click the Save changes button at the bottom of the page.
*/

/*Banner customizations*/
.banner-with-background-image {
    background: no-repeat top;    
    color: var( --banner-with-background-image-font);
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

/*Banner button customizations*/
.banner-with-background-image-btn {
    background-color: var(--banner-with-background-image-button-color) !important;
    color: var(--banner-with-background-image-button-font-color) !important;
    display:inline-block;
    padding:0.8rem 2rem;
    border-radius:10px;
    font-weight:600;
    text-decoration:none;
    margin-top:1.5rem
}

.banner-with-background-image-btn:hover {
    background-color: var(--banner-with-background-image-button-hover-color) !important;
    color: var(--banner-with-background-image-button- font-hover-color) !important;
}


/*==================================================
  Solid Banner with text, image, and action button
==================================================*/

.custom-banner{
    width:100%;
    background:#000000;    /*change banner background color*/
    border-radius:16px;
    overflow:hidden;
    margin: 10px 0px 0px 0px;
}

.custom-banner-container{
    max-width:1200px;
    margin:0 auto;
    padding:3rem 2rem;
}

.custom-banner-content{
    color:#fff;
}

.custom-banner-content h1{
    margin:0 0 1rem;
    color:#fff;
    font-size:2.8rem;
    font-weight:700;
    line-height:1.15;
}

.custom-banner-content p{
    margin:0 0 2rem;
    color:#fff;
    font-size:1.2rem;
    font-style:italic;
    line-height:1.6;
}

.custom-banner-btn{
    display:inline-block;
    padding:.9rem 2.2rem;
    background:#F6B717;      /*change button color*/
    color:#000000;                 /*change button text color*/
    text-decoration:none;
    border-radius:10px;
    font-weight:600;
    transition:.25s;
}

.custom-banner-btn:hover{
    background:#A145E4 ;
    color:#ffffff;
    text-decoration:none;
}

/*==Custom banner image==*/

.custom-banner-image-wrapper{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.custom-banner-image{
    display:block;
    width:100%;
    max-width:250px !important;    /*adjust banner image size*/
    height:auto;
    /*border-radius: 0px 50px 0px 50px;*/   /*create or adjust banner image shape*/
}

/*==Custom banner responsiveness==*/

@media (max-width:991px){

    .custom-banner-container{
        padding:2rem;
    }

    .custom-banner-content{
        text-align:center;
    }

    .custom-banner-content h1{
        font-size:2.2rem;
    }

    .custom-banner-image-wrapper{
        justify-content:center;
        margin-top:2rem;
    }

    .custom-banner-image{
        max-width:450px;
    }
}

@media (max-width:576px){

    .custom-banner{
        border-radius:12px;
    }

    .custom-banner-container{
        padding:1.5rem;
    }

    .custom-banner-content h1{
        font-size:1.8rem;
    }

    .custom-banner-content p{
        font-size:1rem;
    }

    .custom-banner-btn{
        display:block;
        width:100%;
        text-align:center;
    }

    .custom-banner-image{
        max-width:100%;
    }
}


/*==================================================
  Custom Blurb (template)
==================================================*/
#inst490.block_html.block.blurb-template {
    border: none !important;
    box-shadow: none !important;
}

/* Main panel */
.blurb-template > .row {
    color: #ffffff;
    background-color: #184c85;
    border-radius: 10px;
}

/* Heading */
.blurb-template h3 {
    margin-bottom: 1rem;
    font-weight: 200 !important;
    font-size: 1.5rem !important;
}

/* Body copy */
.blurb-template p {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
}

/* Make the image column match the row height */
.blurb-template .col-md-5 {
    display: flex;
}

/* Vertically center the editable image */
.blurb-template__media {
    display: flex;
    width: 100%;
    min-height: 250px;
    align-items: center;
    justify-content: center;
}

/* Target any replacement image inserted by Totara */
.blurb-template__media img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain;
    border-radius: 10px;
}

/* Handle a paragraph Totara may insert around the image */
.blurb-template__media p {
    width: 100%;
    margin: 0;
}

/* Ensure an image inside Totara's paragraph wrapper remains proportional */
.blurb-template__media p img {
    width: 100%;
    height: auto !important;
}

/* Mobile layout */
@media (max-width: 767.98px) {
    .blurb-template > .row {
        padding: 2rem !important;
    }

    .blurb-template .col-md-5 {
        margin-top: 1.5rem;
    }

    .blurb-template__media {
        min-height: 0;
    }
}



/*==================================================
 Frontpage Featured Links Navigation Blocks
==================================================*/

/*Lower sidebar blocks on front page to align with blurb block*/
#page-site-index #block-region-side-pre, #page-site-index #block-region-side-post {
    padding-top: 45px;
}

#inst385.block.chromeless .block-totara-featured-links-layout {
    margin: -10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

/*make all Features Links block dark overlay equal in height*/
#inst385 .block-totara-featured-links-layout .block-totara-featured-links-content, #inst492 .block-totara-featured-links-layout .block-totara-featured-links-content  {
    height: 50% !important;
    text-align: left;
}

/*front page featured blocks lower half background*/
#inst385 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: #F3F3F3 !important;
}

/*front page featured blocks header and paragraph text*/
#inst385 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3, #inst385 .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    color: #021733;
    font-weight: 500;
}



/*Frontpage title - hide*/
#page-site-index .page-heading h1 {
    display: none;
}

/*==================================================
Additional Frontpage Customizations
==================================================*/

/*---Front page banner HTML block----*/
.frontpage-banner .block.chromeless .content {
     width: 100%;
}

/*---Front page Education Featured Links block----*/
#inst347.block.chromeless .content {
     padding-left: 0;
     padding-right: 0;
     margin-left: 2rem;
     margin-right: 2rem;
}

/*---Front page 3 featured icon blocks----*/
#inst348 .block-totara-featured-links-layout .block-totara-featured-links-content {
     background: #fae6b3 ;
}

#inst348 .block-totara-featured-links-layout .block-totara-featured-links-content h3 {
     color: #000000;
}

#inst348 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: #fae6b3 ;
}

.page-heading h1 {
    margin-top: 20px;
}

#inst348.block.chromeless .content {
    padding-top: 0;
}

/*-------------------------------------------------End---------------------------------------*/

.block-totara-featured-links-tile .block-totara-featured-links-tile-medium .block-totara-featured-links-tile-118 background-contain #block-totara-featured-links-tile-118 {
     background-color: #F1AD02 !important;
}

h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif !important;
}

#page-header {
    margin-bottom: 0;
}


.centerupdown {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.totaraNav_prim {
    padding: var(--gap-4) 0;
}

.totaraNav_prim .masthead_logo--header_img {
    height: 2rem;
}



.block-content a {
    font-weight: 600;
}

.page-footer-poweredby {
    margin: 0 auto;
}


/*==================================================
Styled Breadcrumb & SubNav
==================================================*/

/*----------------Hiding Styled Breadcrumb & SubNav----------- 
.breadcrumb {
    color: #fff;
}
.breadcrumb a {
    color: white;
    font-weight: 500;
}
.breadcrumb a.dimmed_text {
    color: #aaa;
}
.breadcrumb-container {
    background-color: #0b4778;
    margin-bottom:10px;
}
.path-totara-catalog .breadcrumb,
.path-totara-dashboard .breadcrumb {
    color:initial;
}
.path-totara-catalog .breadcrumb a,
.path-totara-dashboard .breadcrumb a {
    color:initial;
    font-weight:initial;
}
.path-totara-catalog .breadcrumb-container,
.path-totara-dashboard .breadcrumb-container {
    background-color:initial;
    margin-bottom:initial;
}
nav.totaraNav_sub {
    background: #0b4778;
}
nav.totaraNav_sub li a {
    color: white;
}
----------------------------------------------*/


/*---FEATURED LINKS BLOCK CUSTOMIZATIONS---*/

.block-totara-featured-links-layout.align-center div.block-totara-featured-links-tile,
.block-totara-featured-links-layout.align-right div.block-totara-featured-links-tile, 
.block-totara-featured-links-layout.align-justified div.block-totara-featured-links-tile {
    flex-grow: 1 !important;
}


/*==================================================
Frontpage Font Customizations
==================================================*/

.pagelayout-frontpage .fp-banner-title {
    font-family: Merriweather, serif;
    font-size: 3vw;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pagelayout-frontpage .db-banner-title {
    color: #ffffff;
    font-family: Merriweather, serif;
    font-size: 3vw;
    position:absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
}

/*-----------------Home Page - banner image customization*/
#inst445 .atto_image_button_text-bottom.img-responsive {
    max-width: 100% !important;
                         border-radius: 0px 50px !important;
    padding: 4px;
}

/*home page remove extra space below banner image and featured blocks*/
.pagelayout-frontpage #region-top .block,
.pagelayout-dashboard #region-top .block {
    margin-bottom:0;
}

/*---home page - 4 main featured links block customizations----*/

/*home page  featured links block customize with a darker text background*/
#inst43 .block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: rgba(0, 0, 0, .7);
}

/*home page featured links block customize heading text size*/
#inst43 h3 {
    font-size:1.6rem;
    font-weight:normal;
    margin:5px;
}

/*home page featured links block customize block size*/
#inst43 .block-totara-featured-links-tile {
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-height:150px;
}
@media (min-width:1030px) {
#inst43 .block-totara-featured-links-tile {
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-height:150px;
    flex-basis: fit-content;
    }
}

/*Home Page - hide the 4 main featured link rectangles sitewide*/
#inst43 {
    display:none;
}
/*shows only on front page and any dashboards*/
#page-totara-dashboard-1 #inst43,
#page-site-index.used-region-top #inst43 {
    display:block;
}

/*home page enlarge TotaraGov Heading
.pagelayout-frontpage .page-heading h1 {
    font-size: 3em;
}*/


/*==================================================
My Learning & Manager Dashboards Customizations
==================================================*/

/*----MY LEARNING DASHBOARD - FEATURED LEARNING BLOCK CUSTOMIZATION----*/

/*my learning page make all popular pages block dark overlay equal in height*/
#page-totara-dashboard-4 #inst259 .block-totara-featured-links-layout .block-totara-featured-links-content {
    height: 50% !important;
}

@media only screen and (min-width : 1224px) {
.block-totara-featured-links-layout .block-totara-featured-links-tile.block-totara-featured-links-tile-medium, .block-totara-featured-links-layout .block-totara-featured-links-flex-filler.block-totara-featured-links-tile-medium, .block-totara-featured-links-layout>div.block-totara-featured-links-flex-filler.block-totara-featured-links-tile-medium, .block-totara-featured-links-layout .block-totara-featured-links-tile-adder.block-totara-featured-links-tile-medium {
    flex-basis: 190px !important;
    width: 210px !important;
}
}


/*---MY LEARNING PAGE - SIDEBAR BLOCK CUSTOMIZATION---*/

/*my learning page sidebar block font customizations*/
#page-totara-dashboard-4 h3, #page-totara-dashboard-3 h3 {
    font-weight: normal;
}

#page-totara-dashboard-4 .block .content p {
    font-weight: normal;
}

#page-totara-dashboard-4 .block .block-header h2 {
    font-size: 1.4em;
}

/*my learning page move Newsletter block higher and closer to the block above it*/
#inst260.block {
    margin-bottom: var(--gap-0) !important;
}

#inst260.block.chromeless .content {
    padding-bottom: 0 !important;
}

/*my learning page move Podcasts block higher and closer to the block above it*/
#inst277.block.chromeless .content {
    padding-top: 0 !important;
}


/*---START CUSTOMCOURSEBANNER Featured Links Block customizations---*/

.course-129 #inst328 .block-totara-featured-links-content h3 {
     font-size: 2em;
     font-weight: normal;
}



/*----*/
#inst279 .block_html .content h3 {
    background-color: #0D4855;
    color: #FFFFFF;
    padding: 20px;
    font-size: 2.0em;
    border-radius: 10px;
}

/*-- START MINI PROFILE CUSTOMIZATIONS--*/

/*compentency profile page enlarge name of user located next to their profile pic*/
.tui-competencyProfile__header .tui-miniProfileCard__row-text--bold {
    font-size: 2em;
    line-height: 1.3em;
    display: flex;
   align-items: center; 
   height: 39px;
}


.tui-competencyProfile__header .tui-miniProfileCard__row-link--bold {
    font-size: 2em;
    line-height: 1.3em;
    display: flex;
   align-items: center; 
   height: 39px;
}

/*Workspace members - enlarge user and profile pic*/

.tui-workspaceMemberCard__profileCard .tui-miniProfileCard__row-text--bold {
    font-size: 1em;
    line-height: 1.2em;
    display: flex;
   align-items: center; 
   height: 39px;
}


.tui-workspaceMemberCard__profileCard .tui-miniProfileCard__row-link--bold {
    font-size: 1em;
    line-height: 1.2em;
    display: flex;
   align-items: center; 
   height: 39px;
}


/*==================================================
Leadership Course - Topics Format - Customizations
==================================================*/

/*---Leadership Course Topics format Course Objectives table located at top of course---*/
.courseobjectives-wrapper {
      max-width: 960px;     
      margin: 0 auto;
    }

    .courseobjectives-list {
      padding-left: 1.5rem;
      margin-bottom: 0;
      font-size: 1.05rem;
      line-height: 1.7;
    }

    .courseobjectives-image img {
      width: 100%;
      height: auto;
      max-height: 200px;    
      margin-top: 1rem;
      object-fit: cover;
      border-radius: 0.375rem;
      display: block;
    }


/*Leadership Course Topics format - Module intro tables located in each Topic*/
.courseintro-card {
      height: 300px;
      border: 1px solid #dee2e6 !important;
      border-radius: 0.375rem;
      overflow: hidden;
      background-color: #fff;
      padding-top: .8rem;
      padding-bottom: 3rem;
    }

   .courseintro-desc {
      padding: 0rem 1rem;
    }
 
    .courseintro-desc h5 {
      margin-bottom: 0.5rem;
      font-size: 1.2em;
    }

    /* Leadership Course Topics format Mobile: breathing room between stacked Module Intro cards*/
    @media (max-width: 767.98px) {
      .courseintro-card {
        margin-bottom: 1.75rem;
      }
   }

    @media (max-width: 767.98px) {
       .courseintro-desc {
       padding: 0rem 1rem 1.125rem;
     }
   }


/*==================================================
Leadership Course - Pathway Format - Customizations
==================================================*/

/*Leadership Course Pathway format - Custom Course Objectives table located at top of course*/
    .courseobjectives-wrapper {
      max-width: 960px;     
      margin: 0 auto;
     }

    .courseobjectives-list {
      padding-left: 1.5rem;
      margin-bottom: 0;
      font-size: 1.05rem;
      line-height: 1.7;
    }

    .courseobjectives-image img {
      width: 100%;
      height: auto;
      max-height: 200px;    
      margin-top: 1rem;
      object-fit: cover;
      border-radius: 0.375rem;
      display: block;
    }

    /* Mobile: image on top, text below – natural source order */
    @media (max-width: 767.98px) {
      .courseobjectives-image {
        margin-bottom: 2rem;
      }
    }

    /* Desktop: vertical center image, add right padding to text column */
    @media (min-width: 768px) {
      .courseobjectives-text-col {
        padding-right: 2.5rem !important;
      }
    }

/*---Leadership Course Pathway format - Custom intro tables located in each Module---*/
.pathcourseintro-card {
      height: 400px;
      border: 1px solid #dee2e6 !important;
      border-radius: 0.375rem;
      overflow: hidden;
      background-color: #fff;
      padding-top: .8rem;
      padding-bottom: 3rem;
    }

 @media (max-width: 767.98px) {
      .pathcourseintro-card {
        height: 250px;
         margin-bottom: 1rem;
      }
    }


/*----Medical edits----*/

.courseintro2-card {
      height: 300px;
      border: 1px solid #dee2e6 !important;
      border-radius: 0.375rem;
      overflow: hidden;
      background-color: #7fb841;
      padding-top: .8rem;
      padding-bottom: 3rem;
    }

   .courseintro2-desc {
      padding: 0rem 1rem;
    }
 
    .courseintro2-desc h5 {
      margin-bottom: 0.5rem;
      font-size: 1.2em;
      color: #000;
    }

    .courseintro2-desc p {
      color: #000;
    }

   .courseintro2-desc ul {
      color: #000;
    }

    /* Leadership Course Topics format Mobile: breathing room between stacked Module Intro cards*/
    @media (max-width: 767.98px) {
      .courseintro2-card {
        margin-bottom: 1.75rem;
      }
   }

    @media (max-width: 767.98px) {
       .courseintro2-desc {
       padding: 0rem 1rem 1.125rem;
     }
   }

/*==================================================
Custom - Course Objectives Table
==================================================*/

/*----Custom Objective Table----*/
.custom-objectives-table {
     background-color: #007ab8;
     border-radius: 10px;
     font-size: 1.1em;
     color: #fff;
     width: 75%;
}


.custom-objectives-table td {
     padding: 20px !important;
}

/*--Seminar instance names---*/

.instancename {
    font-weight: 700;
    font-size: 1.1rem;
    vertical-align: middle;
    margin-left: 5px;
}


/*==================================================
Guest Course Customizations
==================================================*/
#inst396 .welcome-banner {
    border-radius: 10px;
    background-image: linear-gradient(to right, #0e2949, #122f51, #163659, #1a3c61); /*Gradient background*/
   /*  background-color: #1a3c61; Set your solid color here */
    color: #ffffff;            /* Text color */
    padding: 30px 20px;       /* Top/bottom and left/right spacing */
    text-align: center;       /* Centers the text */
    font-family: Arial, sans-serif;
  }

 #inst396 .welcome-banner p {
    margin: 0 0 30px;         /* Removes default margins and adds space below */
    font-size: 2rem !important;
    color: #be8044;
    font-weight: normal:
  }

   #inst396 .welcome-banner h1 {
    margin: 0;
    font-size: 4.1rem !important;
  }

  #inst396 .welcome-banner h2 {
    margin: 0;
    font-size: 2rem !important;
    font-weight:300 !important;
  }