@charset "UTF-8";
/* CSS Document */

html{font-size: 16px;}
body{font-size: 1rem;}
p{font-size:1.2rem;}

.bg-primary{background-color:#1a82a3 !important; color:#fff;}
.bg-primary * {color:#fff;}

.bg-secondary{background-color: #2da8ce !important; color: #fff;}
.bg-secondary * {color:#fff;}

.bg-tertiary{background-color:#79a879 !important; color:#fff;}
.bg-tertiary * {color:#fff;}

.mainmenu-nav .mainmenu > li > a{padding:0px 22px 0px 12px;}

.thumbnail img{border-radius: 5px; max-width: 100%; height: auto;}
ul li{font-size: 0.9rem; line-height: 1rem;}
.edu-event .event-meta{display: block;}
.edu-event .event-meta > li{font-size: 1rem; padding-left: 1.5rem; position: relative;}
.edu-event .event-meta > li > i{position: absolute; top:0px; left:0px;}
.edu-event.event-grid-1 .inner .content .title{margin-top:0px;}

.edu-event-details .thumbnail{position: relative;}
.edu-event-details .top-position{position: absolute;}
.edu-event-details .top-position.left-top{left:0px; top:25px}
.eduvibe-sidebar{position: relative;}

.mainmenu-nav .mainmenu li.has-droupdown .submenu li a{padding:8px 16px;}
.edu-header .logo a img{padding-top:4px; padding-bottom: 4px;}
.edu-header.header-sticky{position: relative;}
.eduvibe-widget-details .widget-content ul li{justify-content: start;}

.feature-style-3 .feature-content .feature-title svg{fill:#2da8ce;width:1.5em;}
.list-group.list-column-2{column-count: 2; display: block;}
.list-group.list-column-2 li{break-inside: avoid; margin-top:0px; margin-bottom: 1.5em;}

.social-share.color-primary li a{background-color:#1a82a3;}

.jd-ui-button{cursor: pointer;}
#Popup{display: none;}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea{padding:8px 16px;}

.form-control.invalid{background-color:#f3a090;}

.password-requirements{margin:0px; padding:0px;}
.password-requirements li{transition:color 0.3s ease-out 0.5s, max-height 0.5s ease-out, opacity 0.5s ease-out, margin-bottom 0.5s ease-out; font-weight: 600; overflow-x: visible; overflow:hidden; max-height: 5em; margin-bottom: 1em;}
.password-requirements li.z_warn{color:#ae2307;}
.password-requirements li.invalid{color:#ae2307;}
.password-requirements li.valid{color:#07ae2e; max-height:  0em; opacity: 0; margin-bottom: 0px; margin-top:0px; transition:color 0.3s ease-out, max-height 0.5s ease-out 0.5s, opacity 0.5s ease-out 0.5s,  margin-bottom 0.5s ease-out 0.5s; }
 #confirm_password_wrapper{opacity: 0; max-height: 0; overflow: hidden; transition: all 0.5 ease-out;}
 #confirm_password_wrapper.on{opacity: 1; max-height: 5em; transition: opacity 0.5s ease-out, max-height 0.5s ease-out;}

#create-password button[type="submit"]{opacity: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease-out;}
#create-password button[type="submit"].on{opacity: 1; max-height: 4em; transition: opacity 0.5s ease-out, max-height 0.5s ease-out;}
.password-input-wrapper{position: relative;}
.toggle-password{position: absolute; right: 0px; top: 0px; padding: 19px 20px; border: none; background: none; color: #666; cursor: pointer; font-size: 14px; border-left: 1px solid #666; border-radius: 0px 4px 4px 0px; transition: all 0.3s ease-in-out; background-image:url(../cti/images/icons/noun-view-777493.svg); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px;}
.toggle-password.fa-eye-slash{background-image:url(../cti/images/icons/noun-no-view-777493.svg);}


.password-strength {
    width: 100%;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
}

.password-strength-bar {
    height: 100%;
    width: 0%;
    background-color: red;
    transition: width 0.3s ease, background-color 0.3s ease;
    border-radius: 5px;
}

/* Colors based on strength */
.password-strength-bar.score-1 {
    width: 20%;
    background-color: red;
}

.password-strength-bar.score-2 {
    width: 40%;
    background-color: orange;
}

.password-strength-bar.score-3 {
    width: 60%;
    background-color: yellow;
}

.password-strength-bar.score-4 {
    width: 100%;
    background-color: green;
}




#blog-2023-09-12 .about-style-1 .about-image-gallery .image-2{
 bottom:auto; top:70%;   
}

.icon-Twitter:before{content:url(/assets/cti/images/icons/Twitter-X-Line.svg);}

@media screen and (max-width:700px) {
    html{font-size: 14px;}
    .list-group.list-column-2{column-count: 1; display: block;}
}
/*----------------------
Home Hero Banner style 4
------------------------*/

.banner-style-4 {
    background-image: none;
}

.eduvibe-home-four-team{background-image: url(../cti/2024-25/images/5.webp); background-position: center top; padding:270px 0 275px;}
.eduvibe-home-four-video{background-repeat: no-repeat;}

/*----------------------
    About Style Two  
------------------------*/


/*---------------------------
 * Home 4 Blog
----------------------------*/
.eduvibe-home-four-blog {
    background-image: none;
	background-color:#7ed5f1;
}
    


/*--------------------------
State Officers
----------------------------*/
.edu-instructor-1 .edu-instructor .inner .thumbnail img{width:100%; border-radius: 100%;}


/*--------------------------
Board
--------------------------*/

.card-type-4.card-type-bio .inner{flex-wrap: wrap;}
.card-type-4.card-type-bio .inner .bio{flex-basis: 100%; padding:30px 25px;}


#portal-bar{background-color:#1b5e73; padding:8px 0px;}
#portal-bar h2{color:#fff; margin:0px; font-size: 1rem;}
.coordinator-portal .edu-header.header-sticky.sticky{height: 160px;}

#portal-bar a.edu-btn{font-size: 1rem; height: 44px; line-height: 44px; padding:0px 18px;}
 .edu-header #portal-bar .logo a{height: 42px; line-height: 42px;}
 .edu-header #portal-bar .logo a img{max-height: 42px;}
@media screen and (min-width:768px){
    .edu-header #portal-bar .logo a{}
    #portal-bar h2{font-size: 1.4rem;}
}




.modal_back{position: fixed; top:0px; left:0px; z-index:1055; width:100%; height: 100%; overflow-x: hidden; overflow-y: hidden; background-color:rgba(0,0,0,0.5); opacity: 0; transition:all 0.3s ease-in; display: block;}
.modal-on .modal_back{opacity: 1;}

.modal_back .modal{max-width:500px; width:auto; height:auto; position: relative; margin:1.75rem auto; transform: translateY(-50px); opacity: 0; transition:all 0.3s ease-in; transition-delay: 0s; background-color:#fff; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); display: block; height:auto; max-height: calc(100vh - 1.75rem); overflow-y: auto;}
.modal_back .modal.modal-md{max-width:800px;}
.modal_back .modal.modal-lg{max-width:1020px;}
.modal-on .modal{opacity: 1; transform:translateY(0)}

.modal-header{padding:1em; border-bottom: 1px solid #dedede; font-weight: 700; font-size: 1.2em; position: relative; display: flex; align-items: center; justify-content: space-between;}
.modal-title{margin-bottom: 0; margin-top:0; line-height: 1.5em;}
.modal-body{padding:24px;}
.modal-footer{padding:1em; border-top:1px solid #dedede; display: flex; justify-content:  flex-end; flex-wrap: wrap; align-items: center;}
.modal-footer .button{margin-left: 2px; border-radius: 4px; padding:8px 14px;}
.modal-header .hide_modal{ box-sizing: content-box; width:1em; height: 1em; color:#000; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border:0; border-radius: 0.25rem; opacity: 0.5; cursor: pointer; padding:0.5rem; margin:-0.5rem -0.5rem -0.5rem auto; transition: all 0.3s ease-in-out;}
.modal-header .hide_modal:hover{ color:#000; text-decoration: none; opacity: 0.75;}

.error .modal-header{background-color:#be0d0d; color:#fff;}
.error .modal-header .hide_modal{color:#fff; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1;}

.success .modal-header{background-color:#1f9425; color:#fff;}
.success .modal-header .hide_modal{color:#fff; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1;}
.notice.modal{color:#000;}

.warning.modal{ color:inherit; font-size: inherit; font-style: inherit; line-height: inherit; font-weight: inherit;}
.warning.modal .modal-header{background-color:#ffc107}


@media screen and (max-width:500px) {
    .modal-footer{padding:0.5em;  flex-wrap: nowrap; align-items: stretch;}
    .modal-footer .button{padding:8px 8px; margin-left: 1px; margin-right:4px; display:flex; align-items: center;}
}