.PaddingTop30                               {padding-top: 30px;}

/* === Icon Left === */
    .CNT_IconLeft_Icon                      {background-color:#2e9cca; width:48px; height:48px; border-radius:24px;}
    .CNT_IconLeft .Head                     {font-size:1.2rem;}
    .CNT_IconLeft_Text p                    {font-size:0.9rem; color:#444;}

/* === Sidemenu === */
    .CntSideMenu                            {background-color: #f4f4f4; border: solid 1px #e7e7e7; box-shadow: 0 2px 0 0 #e7e7e7; margin-top: 30px;}
    .CntSideMenu h4                         {margin: 0;}
    .CntSideMenuHeader                      {padding: 15px 10px; display: block; border-bottom: solid 1px #e7e7e7; }

/* === Numbered Box === */
    .CNT_NumberedBox_Contents               {background-color: #2e9cca;}
    .BoxWithNumber                          {text-align: center;}
    .BoxWithNumberText                      {letter-spacing: 1px; color: #fff; line-height: 2.5em; background-color: rgba(0,0,0,0.1); }
    .BoxWithNumber .counter-value           {font-size: 250%; font-weight: 700; line-height: 1.2em; display: block; color: #fff;}

/* === H4 Title === */
    /* undelined */
        .CNT_Title_H4_Underline             {border-bottom: solid 1px #e7e7e7; margin-bottom: 10px;}
        .CNT_Title_H4_Underline .Head       {padding-bottom: 12px; margin-bottom: 0; border-bottom: solid 3px #2e9cca;}

    /* footer */
        footer .CNT_Title_H4                {color: #fff; padding-top: 20px;}
        footer .CNT_Title_H4 p              {color: #fff;}
        footer .CNT_Title_H4 a              {color: #fff; text-decoration: underline;}

/* === Image Links === */
    .CNT_ImageLinks                         {max-height: 300px; overflow:hidden; position: relative;}
    .CNT_ImageLinks > img                   {width: 100%; height: auto;}
    .CNT_ImageLinks_Overlay                 {position: absolute; top: 75%; bottom: 0; left: 0; right: 0; transition: 0.3s;
                                             background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
                                             background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
                                             background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
    .CNT_ImageLinks_Title                   {position: absolute; bottom: 15px; left: 15px; color: #fff; transition: 0.3s;}
    .CNT_ImageLinks_Text                    {position: absolute; bottom: -60px; left: 15px; transition: 0.4s;}
    .CNT_ImageLinks a                       {color: #fff;}
    .CNT_ImageLinks:hover .CNT_ImageLinks_Overlay   {top:50%; 
                                                     background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
                                                     background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
                                                     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a0000000',GradientType=0 ); /* IE6-9 */}
    .CNT_ImageLinks:hover .CNT_ImageLinks_Title     {bottom: 50px;}
    .CNT_ImageLinks:hover .CNT_ImageLinks_Text      {bottom: 0;}

    @media only screen and (max-width:1200px) {
        .CNT_ImageLinks_Title                       {bottom: 50px;}
        .CNT_ImageLinks_Text                        {bottom: 0;}
    }
    
/* === Course Banner === */
    .SOCCourseBannerImage           {background-size: cover !important; position: relative; height: 30vh; overflow: hidden; }
    .SOCCourseBannerImage > img     {display: none;}
    .SOCCourseBannerContent         {position: absolute; width: 60%; margin: 10vh auto; left: 0; right: 0; background-color: rgba(0,0,0,0.45); padding: 10px 20px 20px 20px;}
    .SOCCourseBannerContent h1      {color: #fff; font-weight: bold; margin: 20px auto; padding: 0; font-family: 'Roboto Condensed', sans-serif;}
    .SOCCourseBannerContent h1 a    {color: #fff;}
    .SOCCourseBannerContent hr      {margin: 35px 0;}
    .SOCCourseBannerContent p       {color: #fff; font-size: 20px;}

    @media only screen and (max-width:980px) {
        .SOCCourseBannerImage           {height: 90vh;}
        .SOCCourseBannerContent         {width: 60%; margin: 10vh auto;}
    }

    @media only screen and (max-width:768px) {
        .SOCCourseBannerImage           {height: 90vh; background-position: center !important;}
        .SOCCourseBannerContent         {width: 70%;}
        .SOCCourseBannerContent p       {font-size: 14px;}
    }
    
/* === Home Banner === */
.edstr__TabTheme1 .ms-tabs-template.edsms_layout1 .edsms_slideTitle         {max-width: 100% !important;}
.edstr__TabTheme1 .ms-tabs-template.edsms_layout1 .edsms_slideDescription   {font-size: 120% !important;}