html, body { padding: 0; margin: 0; }

.page .color-white { color: white; }
.page .color-theme-red { color: #e6265c; }
.page .color-theme-green { color: #44ac49 !important; }
.page .color-theme-green2 { color: #458085; }
.page .color-theme-blue { color: #0092bc; }
.page .color-theme-yellow { color: #fcb327; }
.page .color-theme-violet { color: #931d5a; }
.page .color-theme-pink { color: #e34254; }
.page .bg-theme-pink { background-color: #e34254; }
.page .bg-theme-violet { background-color: #931d5a; }
.page .bg-theme-yellow { background-color: #fcb327; }
.page .bg-theme-blue { background-color: #0092bc; }
.page .bg-theme-white { background-color: white; }
.page .bg-theme-red { background-color: #e6265c; }
.page .bg-theme-bluewhite { background-color: #e9f0f1; }
.page .bg-theme-darkblue { background-color: #002d52; }
.page .bg-theme-gray { background-color: rgba(72, 72, 72, 0.6); }
.page .bg-theme-gray2 { background-color: #f3f3f3; }
.page .bg-theme-green { background-color: #44ac49; }
.page .bg-theme-green2 { background-color: #458085; }
.page .error-msg { color: #dc3545 !important; }
.page .success-msg { color: #28a745 !important; }
.page button.disabled { background-color: rgba(72, 72, 72, 0.6); color: white; }
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page b, .page strong { font-weight: 700; font-family: 'NotoSans-Bold', sans-serif; line-height: 1.2; }
.page h3 { font-size: 30px; }
.page h4 { font-size: 21px; }
.page p, .page span, .page li { font-size: 18px; line-height: 28px; margin-bottom: 5px; font-family: 'NotoSans-Regular', sans-serif; }
.page.privacy-policy p, .page.terms-or-use p { margin-bottom: 8px; }
.page .pt-11 { padding-top: 110px !important; }
.page a, .page .main-content a { color: inherit; text-decoration: underline; }
.page .btn { -webkit-appearance: none; text-decoration: none; font-family: 'Lato-ExtraBold', sans-serif; position: relative; cursor: pointer; font-size: 17px; background-color: #0092bc; color: #fff; padding: 10px 0; }
.page .btn:hover { color: #fff; }
.page .btn { min-width: 120px; }
.page .dividers-left { border-right: 1px #999 solid; }
.page .dividers-right { border-right: 1px #999 solid; }
.page .error-msg, .page .success-msg { display: none; line-height: 20px; margin-top: 6px !important; margin-left: 0 !important; font-family: Gibson-Book, sans-serif; font-weight: 300; font-style: normal; font-size: 16px; }
.page .error-msg.active, .page .success-msg.active { display: block; }
.page .btn { padding: 7px 0; }
.page .btn.large-btn { width: 100%; min-width: 100%; box-sizing: border-box; text-decoration: none; }
.page .icon-arrow-right { width: 8px; height: 10px; display: inline-block; background-image: url("../images/arrow-right-2.svg"); background-repeat: no-repeat; background-position: center; margin-bottom: 0px; margin-left: 8px; }
.page .icon-loading { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); }
.page .icon-loading .icon { color: white; font-size: 20px; animation: rotate 3s linear infinite; }
.page .font-bold { font-family: canada-type-gibson, sans-serif !important; font-weight: 600 !important; font-style: normal !important; }
.page .text-uppercase { text-transform: uppercase; }

.text-list { padding-left: 20px; }

.page-title { font-family: 'Lato-Regular',sans-serif; font-size: 28px; color: #0092bc; }

.category-single { width: 227px; height: 227px; background-image: url("../images/c-1.png"); background-repeat: no-repeat; background-size: 227px 227px; position: relative; padding: 0 23px; box-shadow: 0px 0px 15px 0px #cccccc; text-align: left; cursor: pointer; }
.category-single .category-title { color: #ffffff !important; font-size: 20px; line-height: 20px; font-family: 'Lato-ExtraBold',sans-serif; position: absolute; bottom: 10px; cursor: pointer; text-decoration: none; }
.category-single .category-title:hover { color: #ffffff; }
.category-single .category-title .icon { display: inline-block; vertical-align: middle; margin-left: 5px; width: 12px; height: 12px; background-image: url("../images/arrow-right-2.svg"); background-repeat: no-repeat; background-size: 12px 12px; }

.category-single-add { width: 227px; height: 227px; border: 1px dashed #7c878e; font-size: 21px; line-height: 227px; font-family: 'Lato-ExtraBold',sans-serif; color: #7c878e; cursor: pointer; text-align: center; }

.DRAG-TO-ADD-PDF { width: 300px; height: 210px; border: 1px dashed #7c878e; font-size: 21px; line-height: 210px; font-family: 'Lato-ExtraBold',sans-serif; color: #7c878e; cursor: pointer; text-align: center; }
.DRAG-TO-ADD-PDF.bg-blue { border-color: #0092bc; color: #0092bc; }

.pdf-li-box { background-color: #ffffff; width: 100%; box-shadow: 0px 0px 15px 0px #ccc; padding: 20px; }
.pdf-li-box .pdf-thumbnail { max-width: 210px; width: 210px; height: 150px; background-size: cover; background-repeat: no-repeat; }
.pdf-li-box .pdf-sub-title { font-family: 'Lato-ExtraBold',sans-serif; font-size: 18px; line-height: 23px; color: #191919; }
.pdf-li-box .pdf-content { font-family: 'Lato-Regular',sans-serif; font-size: 16px; line-height: 22px; color: #191919; }

section.section-bg { position: relative; }
section.section-bg .position-bg { width: 110px; height: 332px; background-image: url("../images/section-bg-5.svg"); background-size: 110px 332px; background-repeat: no-repeat; position: absolute; left: 0; top: -140px; }
section.section-bg .position-bg-2 { width: 396.73px; height: 166.28px; background-image: url("../images/section-bg-4.svg"); background-size: 396.73px 166.28px; background-repeat: no-repeat; position: absolute; left: 30px; bottom: 0px; }

@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.full-width { width: 100%; }

.full-height { height: 100%; }

.card.theme-card { background-color: #efefef; border: none; padding: 20px; margin: 20px 0; box-shadow: -1px 1px 8px 1px #dedede; }

.wp-block-preformatted { display: none; }

.f-column { flex-direction: column; }

.hide { display: none; }

#mainNav { background-image: url("../images/section-bg-3.svg"); background-size: 153.63px 151.18px; background-repeat: no-repeat; background-position: 98% 0; }
@media (min-width: 768px) { #mainNav { padding: 3rem 0; } }
#mainNav .navbar-toggler { font-size: 12px; right: 0; padding: 13px; text-transform: uppercase; color: white; border: 0; }
#mainNav .navbar-brand .logo { -webkit-transition: all 0.3s; transition: all 0.3s; }
@media (min-width: 768px) { #mainNav .navbar-brand .logo { width: 230px; } }
@media (max-width: 768px) { #mainNav .navbar-brand .logo { width: 130px; }
  #mainNav .navbar-brand .logo.h-logo { display: none; } }
@media (max-width: 992px) { #mainNav .navbar-brand .logo.h-logo { display: none; } }
#mainNav #navbarResponsive { position: relative; margin-top: -25px; }
#mainNav #navbarResponsive .navbar-nav .nav-item { margin-right: 10px; }
#mainNav #navbarResponsive .navbar-nav .nav-item.nav-item-end { margin-right: 0px; }
#mainNav #navbarResponsive .navbar-nav .nav-item .nav-link { font-size: 16px; letter-spacing: 1px; color: #fff; font-family: 'NotoSans-Bold',sans-serif; text-decoration: none; cursor: pointer; display: inline-block; }
#mainNav #navbarResponsive .navbar-nav .nav-item .nav-link.active, #mainNav #navbarResponsive .navbar-nav .nav-item .nav-link:focus, #mainNav #navbarResponsive .navbar-nav .nav-item .nav-link:hover { text-decoration: underline; }
#mainNav #navbarResponsive .navbar-nav .nav-item .nav-link .icon { margin-left: 6px; vertical-align: middle; }
@media (max-width: 768px) { #mainNav #navbarResponsive .navbar-nav .nav-item .nav-link { color: white !important; } }
#mainNav #navbarResponsive .navbar-nav .nav-item p { padding: .5rem; color: #002d52; margin-bottom: 0; font-family: canada-type-gibson, sans-serif; font-weight: 600; font-style: normal; }
@media (max-width: 768px) { #mainNav #navbarResponsive .navbar-nav .nav-item p { color: white !important; } }
#mainNav #navbarResponsive .navbar-nav .nav-item p a:hover { color: inherit; }

footer { padding: 80px 0 40px 0; background-color: #262626; color: white !important; }
footer .copyright { font-family: 'Lato-Regular', sans-serif; font-size: 12px; line-height: 13px; padding-top: 8px; text-decoration: none; }

.masthead { position: relative; text-align: center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; }
.masthead .intro-text { max-width: 700px; }
.masthead .intro-text .intro-heading { font-size: 55px; line-height: 58px; text-align: left; font-family: 'NotoSans-ExtraBold', sans-serif; color: #ffffff; }
.masthead .intro-text .intro-heading-sub { font-size: 29px; line-height: 33px; font-family: 'NotoSans-Regular', sans-serif; color: #ffffff; }

.masthead-line { width: 100%; padding: 50px 0 40px 0; background-color: #9a9b9e; }
.masthead-line .masthead-line-title { font-size: 18px; line-height: 24px; color: #fff; font-family: canada-type-gibson, sans-serif; font-weight: 300; font-style: normal; max-width: 1024px; margin: auto; padding: 0 20px; }

.masthead-link { font-family: 'SourceSansPro-Regular',sans-serif; font-size: 17px; line-height: 19px; color: #262626; margin: 0 0 10px 0; display: block; }
.masthead-link:hover { color: inherit; }

.list { padding: 0; list-style: none; }

.list-nonestyle { padding: 0 0 0 17px; list-style: disc; }
.list-nonestyle li { padding-bottom: 0.25rem; }

.home .masthead { max-height: 620px; }
.home .masthead .intro-text { width: 535px; max-width: 535px; height: 260px; position: relative; /* margin: 100px 0; */ margin-bottom: 60px; text-align: left; }
.home .masthead .intro-text .little-text { position: absolute; left: 0; bottom: -25px; font-family: canada-type-gibson, sans-serif; font-weight: 300; font-style: normal; font-size: 12px; line-height: 14px; }

.home .masthead .container { display: flex; align-items: flex-end; height: 100%; }

.login-panel { width: 350px; margin: auto; box-shadow: 0px 0px 15px 0px #ccc; background-color: #ffffff; padding: 20px; }
.login-panel .form label { font-size: 13px; font-family: 'Lato-Regular',sans-serif; }
.login-panel .title { font-size: 19px; font-family: 'Lato-ExtraBold',sans-serif; }
.login-panel .login-text { font-size: 13px; font-family: 'Lato-Regular',sans-serif; }
.login-panel .login-text a { text-decoration: underline; }

@media (max-width: 992px) { #mainNav .navbar-nav { margin-top: 20px; }
  .masthead { margin-top: 69px; }
  .home .theme-card .d-flex { flex-direction: column; }
  .home .theme-card .d-flex .left-panel { margin-bottom: 20px; }
  .login-button-box { flex-direction: column; }
  .login-button-box #login-btn { margin: 20px 0; width: 102px; }
  .masthead { height: 48vh; }
  .masthead .intro-text { padding-bottom: 0px; margin-left: 0; }
  .masthead .intro-text .intro-heading { font-size: 60px; line-height: 70px; }
  .masthead .intro-text .intro-heading-sub { font-size: 29px; line-height: 33px; font-family: 'NotoSans-Regular', sans-serif; color: #ffffff; }
  .masthead .ribbon { background-position: 100px center; } }
@media (max-width: 768px) { .masthead .intro-text { padding-bottom: 0px; margin-left: 0; }
  .masthead .intro-text .intro-heading { font-size: 50px; line-height: 60px; }
  .masthead .intro-text .intro-heading span { font-size: 50px; line-height: 60px; }
  .masthead .intro-text .intro-heading-sub { font-size: 18px; }
  .intro-text-sub2 #resume-btn { display: block !important; }
  .masthead .ribbon { width: 300px; height: 80px; } }
@media (max-width: 414px) { .masthead .intro-text { padding-bottom: 145px; margin-left: 0; }
  .masthead .intro-text .intro-heading { font-size: 26px; line-height: 36px; }
  .masthead .intro-text .intro-heading span { font-size: 26px; line-height: 36px; }
  .masthead .intro-text .intro-heading-sub { font-size: 18px; } }
@media (max-width: 320px) { .masthead .intro-text { padding-bottom: 0px; margin-left: 0; }
  .masthead .intro-text .intro-heading { font-size: 21px; line-height: 31px; font-family: 'SourceSansPro-Black', sans-serif; }
  .masthead .intro-text .intro-heading span { font-size: 21px; line-height: 31px; }
  .masthead .intro-text .intro-heading-sub { font-size: 18px; } }
@media (min-width: 992px) { #mainNav { background-color: transparent; }
  #mainNav .f-logo { display: none; }
  #mainNav.navbar-shrink { padding-top: 0; padding-bottom: 0; background-color: #262626; }
  #mainNav.navbar-shrink .navbar-brand { font-size: 1.25em; padding: 12px 0; }
  #mainNav.navbar-shrink .h-logo { max-width: 150px; }
  #mainNav.navbar-shrink .nav-link { color: white !important; }
  #mainNav.navbar-shrink p { color: white !important; }
  .home .masthead { height: 44vw; } }
.form .field-content { position: relative; margin: 12px 0 0 0; display: flex; flex-direction: column; }
.form .field-content label { font-size: 13px; font-family: 'Lato-Regular', sans-serif; margin-bottom: 0; }
.form .field-content input[type=checkbox], .form .field-content input[type=radio] { flex-shrink: 0 !important; }
.form .field-content input[type=text], .form .field-content input[type=password], .form .field-content input[type=email], .form .field-content input[type=number], .form .field-content input[type=tel], .form .field-content textarea { padding: 5px 10px; width: 100%; border: 2px solid rgba(187, 187, 187, 0.48); font-size: 14px; font-family: 'Lato-Regular',sans-serif; background-color: white; border-radius: 4px; }
.form .field-content select { padding: 11px 10px; border: 2px solid rgba(187, 187, 187, 0.48); font-size: 14px; font-family: 'Lato-Regular',sans-serif; background-color: white; height: 50px; }
.form .field-content input:read-only { color: #bcbcbb; }
.form .field-content .error { color: #ff2b2b; line-height: 1.2em; margin-top: 5px; }
.form .modal-links { color: inherit; background: none; font-size: 14px; text-decoration: underline !important; }
.form .modal-links:hover { text-decoration: underline; }

.modal .modal-dialog { border-radius: 6px; }
.modal .modal-dialog .modal-content { background-color: #f3f3f3; border: none; }
.modal .modal-dialog .modal-content .modal-header { border: none; padding: 30px 40px 10px 20px; }
.modal .modal-dialog .modal-content .modal-header .close { width: 20px; height: 20px; box-shadow: none; border: 1px solid #0092bc; position: absolute; right: 25px; top: 25px; line-height: 20px; opacity: 1; padding: 0px; }
.modal .modal-dialog .modal-content .modal-header .close span { color: #0092bc; font-size: 20px; line-height: 18px; font-weight: 300; display: block; margin-bottom: 0; }
.modal .modal-dialog .modal-content .modal-body { padding: 0 32px 42px 32px; }
.modal .modal-dialog .modal-content .modal-body label { color: #404042; font-size: 13px; line-height: 16px; font-family: 'Lato-Regular', sans-serif; margin-bottom: 0px; }
.modal .modal-dialog .modal-content .modal-body .change { font-family: 'Lato-Regular',sans-serif; font-size: 14px; text-decoration: underline; text-align: right; display: block; color: #404042; margin-top: 5px; cursor: pointer; }
.modal .modal-dialog .modal-content .modal-body .upload-category { width: 164px; height: 164px; font-size: 14px; font-family: 'Lato-ExtraBold',sans-serif; line-height: 164px; margin: auto; color: #7c878e; border: 1px dashed #7c878e; text-align: center; cursor: pointer; }
.modal .modal-dialog .modal-content .modal-body .upload-category.images { background-repeat: no-repeat; background-size: cover; color: transparent; }

#pre_activity_5-Modal label { font-size: 16px; }

.back-link { font-size: 16px !important; font-family: 'SourceSansPro-Regular',sans-serif; text-decoration: underline !important; cursor: pointer; display: block; }

.pwd-show { position: absolute; bottom: 14px; color: #4d4d4d; right: 3%; font-size: 15px; cursor: pointer; }
.pwd-show:hover { text-decoration: none; color: #4d4d4d; }

.category-list, .pdf-list { background-image: url("../images/background.jpg"); background-size: cover; background-repeat: no-repeat; }
.category-list .container, .pdf-list .container { max-width: 769px; }
.category-list .pdf-title, .pdf-list .pdf-title { font-size: 35px; font-family: 'Lato-Regular',sans-serif; }
.category-list section, .pdf-list section { padding: 76px 0; background-image: url("../images/section-bg.svg"), url("../images/section-bg-2.svg"); background-size: 93px 99px, 366px 191px; background-position: 96% 0, 50% 114%; background-repeat: no-repeat; min-height: 768px; }
.category-list section .category-single, .pdf-list section .category-single { width: 227px; height: 227px; background-image: url("../images/c-1.png"); background-repeat: no-repeat; background-size: 227px 227px; position: relative; padding: 0 23px; box-shadow: 0px 0px 15px 0px #cccccc; text-align: left; cursor: pointer; }
.category-list section .category-single .category-title, .pdf-list section .category-single .category-title { color: #ffffff; font-size: 20px; line-height: 20px; font-family: 'Lato-ExtraBold',sans-serif; position: absolute; bottom: 10px; cursor: pointer; text-decoration: none; }
.category-list section .category-single .category-title:hover, .pdf-list section .category-single .category-title:hover { color: #ffffff; }
.category-list section .category-single .category-title .icon, .pdf-list section .category-single .category-title .icon { display: inline-block; vertical-align: middle; margin-left: 5px; width: 12px; height: 12px; background-image: url("../images/arrow-right-2.svg"); background-repeat: no-repeat; background-size: 12px 12px; }
.category-list section .carousel, .pdf-list section .carousel { width: 454px; }
.category-list section .carousel .carousel-inner, .pdf-list section .carousel .carousel-inner { text-align: center; }
.category-list section .carousel .carousel-inner .carousel-item, .pdf-list section .carousel .carousel-inner .carousel-item { font-size: 35px; font-family: 'Lato-Regular',sans-serif; }
.category-list section .carousel .carousel-control-prev, .category-list section .carousel .carousel-control-next, .pdf-list section .carousel .carousel-control-prev, .pdf-list section .carousel .carousel-control-next { background: #0092bc; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; top: 10px; opacity: 1; }
.category-list section .carousel .carousel-control-prev .carousel-control-prev-icon, .category-list section .carousel .carousel-control-prev .carousel-control-next-icon, .category-list section .carousel .carousel-control-next .carousel-control-prev-icon, .category-list section .carousel .carousel-control-next .carousel-control-next-icon, .pdf-list section .carousel .carousel-control-prev .carousel-control-prev-icon, .pdf-list section .carousel .carousel-control-prev .carousel-control-next-icon, .pdf-list section .carousel .carousel-control-next .carousel-control-prev-icon, .pdf-list section .carousel .carousel-control-next .carousel-control-next-icon { margin-bottom: 0; width: 17px; height: 17px; }
.category-list section .carousel .carousel-control-prev .carousel-control-prev-icon, .category-list section .carousel .carousel-control-next .carousel-control-prev-icon, .pdf-list section .carousel .carousel-control-prev .carousel-control-prev-icon, .pdf-list section .carousel .carousel-control-next .carousel-control-prev-icon { margin-right: 2px; }
.category-list section .carousel .carousel-control-prev .carousel-control-next-icon, .category-list section .carousel .carousel-control-next .carousel-control-next-icon, .pdf-list section .carousel .carousel-control-prev .carousel-control-next-icon, .pdf-list section .carousel .carousel-control-next .carousel-control-next-icon { margin-left: 2px; }
.category-list section .back-home, .pdf-list section .back-home { width: 80px; height: 100px; position: absolute; top: 0px; right: 0px; cursor: pointer; }
.category-list section .back-home:before, .pdf-list section .back-home:before { margin: 8px 15px 10px 48px; content: ''; width: 16px; height: 16px; position: absolute; background-image: url("../images/home-icon.svg"); background-size: 16px 16px; background-repeat: no-repeat; }
.category-list .pdf-line, .pdf-list .pdf-line { display: flex; }
.category-list .pdf-panel, .pdf-list .pdf-panel { width: 200px; height: 240px; padding: 20px; display: inline-block; margin-right: 20px; box-shadow: 0px 0px 15px 0px #cccccc; background-color: #ffffff; flex-shrink: 0; }
.category-list .pdf-panel .pdf-img, .pdf-list .pdf-panel .pdf-img { width: 100%; height: 120px; background-size: cover; background-repeat: no-repeat; cursor: pointer; }
.category-list .pdf-panel .pdf-text, .pdf-list .pdf-panel .pdf-text { font-size: 15px; font-family: 'Lato-Regular',sans-serif; line-height: 17px; padding-top: 10px; cursor: pointer; }
.category-list form, .pdf-list form { padding-left: 15px; }
.category-list .pdf-box, .pdf-list .pdf-box { overflow-x: auto; padding: 20px 15px; margin-top: 20px; }

.pdf-list .container { max-width: 1024px; }
.pdf-list section { padding: 76px 0; background-image: url("../images/section-bg.svg"), url("../images/section-bg-2.svg"); background-size: 93px 99px, 366px 191px; background-position: 96% 0, 50% 121%; background-repeat: no-repeat; }

#pdf_show-Modal .modal-dialog { height: 712px; width: 100%; max-width: 95%; }
#pdf_show-Modal .modal-dialog .modal-content { height: 100%; padding: 15px 10px; }
#pdf_show-Modal .modal-dialog .modal-content .modal-body { padding: 0; }
#pdf_show-Modal .modal-dialog .modal-content .pdf-title { font-size: 16px; font-family: 'Lato-Regular',sans-serif; padding-bottom: 8px; }
#pdf_show-Modal .modal-dialog .modal-content .close { width: 20px; height: 20px; box-shadow: none; border: 1px solid #0092bc; position: absolute; right: 10px; top: 10px; line-height: 20px; opacity: 1; }
#pdf_show-Modal .modal-dialog .modal-content .close span { color: #0092bc; font-size: 20px; line-height: 18px; font-weight: 300; display: block; margin-bottom: 0; margin-top: -3px; }

@media (min-width: 1200px) { .container { max-width: 1024px !important; } }
.bottom-border { border-bottom: 1px solid #cccccc; }

.supports-drag-drop .media-modal-close .screen-reader-text { display: none; }
.supports-drag-drop .media-frame-actions-heading { display: none; }
.supports-drag-drop .media-toolbar-secondary .screen-reader-text { display: none; }
.supports-drag-drop .screen-reader-text { display: none; }

#delete_pdf-Modal #delete_confirm_pdf { background-color: transparent; border: 1px solid #0092bc; color: #0092bc; }
#delete_pdf-Modal #delete_confirm_pdf:hover { background-color: #0092bc; color: #ffffff; }

#loading-Modal .modal-dialog .modal-content { background: transparent; }
#loading-Modal .modal-dialog .modal-content .modal-body { padding: 0; }

.form-control.error { border-color: red; }

/*# sourceMappingURL=style.css.map */