/*
Theme Name: bossportal-sccn
Theme URI: https://www.themespride.com/themes/free-elearning-education-wordpress-theme/
Template: elearning-education
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: eLearning Education is a minimal and professional WordPress theme that has been perfectly crafted for all types of education centres. It is suitable for primary and secondary schools, training center, course hub, coaching centre, vocational training, book selling, arts and crafts classes, daycare, competitive exams academy, distance learning, software training institute, and such types. It is very user-friendly and is packed with great features for your education centre. It is cleanly coded theme. It is translation-ready in any language you want with support for RTL layout. It has full support for WooCommerce so you can create an online store for books and take secure payments for course enrolments, subscriptions, resources or merchandise. Event and blog pages will help you keep your academic community engaged and active, and there are tons of pre-built custom add-ons available to suit your individual needs. It is fully responsive that fits well on all devices, be it desktop, mobile or tabs. Your users, students, teachers, and admin can check-in, keep up to date, communicate, learn and even submit work with this superb theme. It comes with testimonial section and advance social media option to link all your social media pages to give credibility to your work.
Tags: wide-blocks,block-styles,one-column,two-columns,right-sidebar,left-sidebar,three-columns,four-columns,grid-layout,custom-colors,custom-header,custom-background,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,post-formats,threaded-comments,flexible-header,blog,education,portfolio
Version: 0.3.6.1724106765
Updated: 2024-08-20 10:32:45

*/

@font-face {
    font-family: MyriadWebPro;
    src: url('MyriadWebPro.ttf');
}

@font-face {
    font-family: KievitOT;
    src: url('KievitOT-Medium.otf');
}
body, p {
   font-size: 16px;
   font-family: MyriadWebPro;
}
h1, h2, h3, h4, h5 {
   font-family: KievitOT;
}
h2 {
   padding-top: 20px;
}
h3 {
   padding-top: 15px;
   text-decoration: underline;
   font-style: italic;
}
.box-content a, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a, #main-content a {
    text-decoration: underline;
    color: #666666;
 }
 #theme-sidebar .wp-block-search .wp-block-search__label:before, #theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before, #theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before {
    background: none;
}
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: revert;
}
.headerbox {
    background-image: url("header_bck72.png"), url("header_bck_grey2.png");
    background-repeat: no-repeat, repeat;
    background-position: left, right;
    background-color: #f5ce63;
    border-top: 8px solid #f2ad27;
   /* margin-top: 40px;*/
 }
 img.custom-logo {
    min-width: 80px;
 }
.site-info {
    background: #ffffff;
}
.site-info .container {
    border-top: 3px solid #cccccc;
    padding: 45px 10px;
}
.site-info a {
    color: #666666;
}
#footer p {
   color: #666666;
}
.col-md-71 {
   max-width: 80%;
}
.col-lg-71{
   max-width: 80%;
}
.col-lg-51 {
   width: 20%;
}
.header_sitename {
   color: #ffffff;
   font-family: KievitOT;
   text-align: right;
}
/*#mega-menu-wrap-primary-menu {
   position: fixed;
   top: 0;
   width: 100%;
}*/
#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
   margin: auto;
   max-width: 1320px;
}
.menubar {
    background: #666666;
}
.menu-item {
    background: #666666;
}
.main-navigation li {
    text-transform: none;
}
#site-navigation {
    margin-right: auto;
}
.main-navigation a {
    padding: 5px 30px 5px 20px;
    font-size: 16px;
}
.bellows .bellows-current-menu-item {
   text-decoration: underline;
   text-decoration-color:  #f2ad27;
   text-decoration-thickness: 3px;
   text-underline-offset: 4px;
}
#menu-pmbp-sccn-mainmenu li a:hover {
    color: #f2ad27;
}
.menubar.login-user.stick_head {
   margin-top: 0;
}
.main-navigation li.menu-item-has-children:after {
    right: 10px;
}
.entry-title {
   color: #ffffff;
}
.um-login-content-area {
    margin: auto;
    margin-top: 30px;
    padding: 20px 0px;
    min-height: 600px;
    max-width: 800px;
    position: relative;
}
.um-login {
   height: 30px;
   width: 100%;
   margin-bottom: 40px;
   float: right;
   background: #333333;
   color: #ffffff;
   text-align: right;
}
.um-login-kb {
   position: relative;
   float: left;
   padding-right: 10px;
   max-width: 600px;
}
.um-login-kb-img {
   max-width: 100%;
   max-height: 100%;
   display: block;
   margin: auto;
}
.um-login-kb-title {
   position: absolute;
   top: 20px;
   left: 20px;
   color: #ffffff;
}
.um-login-kb-login {
   position: absolute;
   top: 100px;
   left: 20px;
   color: #ffffff;
   font-size: 12px;
}
.um-login-m {
   max-width: 520px;
   margin: auto;
   position: relative;
}
.um-login-kb-m {
   position: relative;
   margin-bottom: 10px;
   max-width: 500px;
}
.um-login-sccn {
   position: relative;
   float: left;
}
.um-login-sccn-img {
   max-width: 100%;
   max-height: 100%;
   display: block;
   margin: auto;
}
.um-login-sccn-logo {
   position: absolute;
   bottom: 5px;
   right: 5px;
}
.um-login-sccn-m {
   position: relative;
   margin-top: 10px;
   max-width: 500px;
}
#primary {
   padding: 10px 0;
}
.page-widget {
   margin-bottom: 10px;
   max-width: 100%;
}
.current-item {
   color: #f2ad27;
}
.wp-block-ub-tabbed-content {
   margin-top: 15px;
}
.wp-block-ub-tabbed-content-tab-holder > .wp-block-ub-tabbed-content-tabs-title > .wp-block-ub-tabbed-content-tab-title-wrap.active {
    text-decoration: underline;
    text-decoration-color:  #f2ad27;
    text-decoration-thickness: 3px;
}
.wp-block-image img {
 	width: 100%;
}
body .mo_oauth_login_button_widget {
	background-color: none;
	border-radius: 14px;
	height: 0px;
	padding-left: 0px;
	padding-right: 10px;
	border: 0;
	box-shadow: none;
	width: 190px;
	margin-top: 2px;
	margin-left:auto;
	margin-right: auto;
}
body .mo_oauth_login_button_text_widget {
	color: white !important;
	font-size: 85% !important;
	font-weight: 500 !important;
	background-image: linear-gradient(#F1F1F1, #787878);
}
body i.fa.fa-windowslive.mo_oauth_login_button_icon_widget {
	display: none;
}
body .login_wid {
	padding: 0;
	width: 100%;
}
	body .login_wid li {
	padding-right: 10px;
	float: right;
}
#theme-sidebar section {
    border: 0px solid #ebebeb;
    margin: 0px;
    margin-bottom: 30px;
    padding: 0px 0;
    background: #fff;
    box-shadow: 0 0 0 0 #ffffff;
}
#theme-sidebar li {
    padding: 0px;
    margin: 0;
}
#theme-sidebar a {
  font-size: 16px;
  padding: 10px;
}
#theme-sidebar a:hover {
  color: #f2ad27;
}
#theme-sidebar ul li a::before {
  display: none;
}
#theme-sidebar h3 {
  border-bottom: 5px solid #f2ad27;
  padding-bottom: 10px;
  padding-right: 8px;
}
a {
    color: #666666;
}
a:hover {
    color: #f2ad27;
}

.external-div {
   height: 70px;
   background: #ffffff;
}
.box-text h2{
    color: #666666;
    text-align: left;
}
section[id ^="bellows_navigation_widget-"] {
    position: sticky;
    top: 50px;
}
#ez_toc_widget_sticky-3 .ez-toc-widget-sticky-title {
    font-weight: 600 !important;
    font-size: 24px !important;
    display: inline-block;
    font-style: normal;
}
div#ez-toc-widget-sticky-container {
    opacity: 1 !important;
    pointer-events: auto !important;
}
 section#ez_toc_widget_sticky-3 {
    position: sticky;
    top: 70px;
    padding: 10px;
}
.post-modified-info {
    padding-bottom: 17px;
}
.box-info i {
   color: #f2ad27;
}
body .wptb-table-container {
   margin: 50px auto;
}
.wptb-image-wrapper {
    overflow: hidden;
}
.wptb-image-wrapper img {
    transition: 0.5s ease-in-out;
}
.wptb-image-wrapper:hover img {
    transform: scale(1.1);
}
.wp-block-column-home, .wp-block-column-home2 {
   border: 1px solid #cccccc;
   box-shadow: 2px 2px #dddddd;
}

body .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    padding: 0px 0 10px 0;
}
body .wp-block-column.wp-block-column-home2.is-layout-flow.wp-block-column-is-layout-flow {
    padding: 10px 0 0 10px;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 1em;
}
.external-div {
   height: 5px;
}

.post-content-text {
   width: 100%;
}
.news-more-link {
   background: #f2ad27;
}
#emailotpauthn_lightbox #emailotpauthn_content {
   max-width: 500px;
}
#emailotpauthn-body {
   height: 270px;
}
#rememberemaildiv {
   margin: 10px;
}
@media screen and (min-width: 960px) {
   .full { 
      max-width: 80%;
      margin: auto;
   }
   .entry-header {
      height: 100px;
      background-image: url("header_page_bck3.png");
      padding: 25px 20px;
      margin-top: 8px;
   }
   .logo-same-line  h1 {
      color: #777777;
      font-family: KievitOT;
      font-size: 2.5rem;
   }
   .page-container {
      max-width: 78%;
      padding-top: 10px;
   }
   .content-area {
      min-height:600px;
   }
  .col-md-4 {
     max-width: 22%;
     border: 0;
     margin: 0;
  }
    .col-md-4r {
     width: 28%;
     border: 0;
     margin: 0;
     padding: 69px 11px 0 0;
  }
  .col-md-8 {
     width: 72%;
     padding-bottom: 60px;
  }
    .col-md-8-no-rsb {
     width: 100%;
  }
    .col-sm-8-no-rsb {
     width: 100%;
  }
  .col-md-41 {
   max-width: 100%;
   }
  .col-lg-3 {
     width: 100%;
  }
  .um-login-kb {
      width: 75%;
  }
  .um-login-sccn {
     width: 25%;
  }
  .um-login-m {
     display: none;
  }
    .um-login-kb-m {
     display: none;
  }
  .um-login-sccn-m {
     display: none;
  }
}
@media screen and (max-width: 960px) {
   .entry-header {
      height: 80px;
      background-image: url("header_page_bck3.png");
      padding: 20px 10px;
      margin-top: 5px;
   }
   .logo-same-line  h1 {
      color: #666666;
      font-family: KievitOT;
      font-size: 1.8rem;
   }
   #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
      padding-left: 10px;
   }
   .page-container {
      max-width: 100%;
   }
  .col-md-4 {
     width: 100%;
     display: none;
  }
  .col-md-8 {
     width: 100%;
  }
  .content-area {
     text-align: left;
     min-height: 600px;
  }
  .um-login-content-area {
     display: none;
  }
  .um-login-kb {
     display: none;
  }
  .um-login-sccn {
     display: none;
  }
  section#ez_toc_widget_sticky-3 {
    display: none;
  }
}