/*
Theme Name: Transilvania Broker
Description: Tema creata pentru Transilvania Broker de Asigurare S.A.
Version: 1.0.0
Template: astra
*/


/* Lists */
ol, ul {
    margin: 0;
}
ul li {
	line-height: 1.6;
	list-style: circle inside;
	font-weight: 300;
}
ul li.highlighted {
	font-weight: 400;
}
ul.list-none li,
li.list-none,
ul.list-classic li,
li.list-classic {
	list-style: none;
}
ul.list-classic li:before,
li.list-classic:before {
	content: "\2022";
	color: #9eab05;
	font-weight: bold;
	display: inline-block;
	width: 0.8em;
	font-size: 2.2em;
	line-height: 0.5;
	vertical-align: middle;
}
li.list-arrow, .list-arrow li {
	list-style: none;
}
li.list-arrow:before, .list-arrow li:before,
.icon-link-arrow:before,
.list-asig-v1 .jet-content-fields a:before,
.list-asig-v1 .jet-more-wrap a:before,
.vta .store-description a:before {
	content: "\f054";
    font-family: "Font Awesome 5 Free", Arial, sans-serif;
    font-weight: 900;
    margin-right: 15px;
	font-size: .6em;
    vertical-align: middle;
}


/* ICONS */
.fab {
    font-family: "Font Awesome 5 Brands";
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fas {
	font-weight: 900;
}
.elementor-icon-wrapper {
	line-height: 1;
}
.elementor-icon,
.elementor-icon:hover {
	color: #9EAB05;
}
.icon-xs i, .icon-xs .elementor-icon {
	font-size: 18px;
}
.icon-sm i, .icon-sm .elementor-icon {
	font-size: 30px;
}
.elementor-icon,
.icon-md i, .icon-md .elementor-icon  {
	font-size: 42px;
}
.icon-lg i, .icon-lg .elementor-icon {
	font-size: 48px;
}
.icon-lg i, .icon-xl .elementor-icon {
	font-size: 54px;
}
.elementor-view-stacked .elementor-icon {
    padding: 0.2em; 
	background-color: #9EAB05;
	color: #ffffff;
}
.elementor-view-stacked .elementor-icon i {
    font-size: 0.6em;
}

/* FORUM */


.cursuri.hentry {
    margin: 0;
}

/*
 * Academia TBK - curs dashboard
 */

.curs-titlu img {
    vertical-align: inherit;
    margin-left: 30px;
    max-width: 40px;
    max-height: 40px;
    opacity: 0.5;
    vertical-align: middle;
}
.curs-titlu img:hover {
    opacity: 1;   
}
.curs-progres {
    width: 200px;
    height: 8px;
    margin: 0 0 0 30px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: inherit;
}
.curs-intro strong {
	font-weight: 400;
}
.sectiune-curs {
    display: block!important;
}
.sectiune-curs .sectiune-titlu {
    padding: 30px 0;
    border-bottom: 1px solid #E6E6E6;
    color: #A3A3A3;
    cursor: pointer;
}
.sectiune-curs.available .sectiune-titlu  { 
    color: #444444;
}
.sectiune-curs .sectiune-titlu.ui-state-active  { 
    color: #9EAB05;
}
.sectiune-curs .sectiune-descriere {
    margin: 30px 0 0;
}
.sectiune-curs .sectiune-descriere strong {
    font-weight: 400;
}
.sectiune-curs .sectiune-descriere .btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    width: fit-content;
}
.documente-curs .jet-listing-dynamic-repeater__items {
    display: block;
    columns: 2;
}
.documente-curs  .jet-listing-dynamic-repeater__item > * {
    display: block!important;   
}
.documente-curs .curs-doc i {
    color: #9eab05;
    font-size: 1.3em;
    margin-right: 12px;
}
.curs-test .nf-form-content {
    padding: 0;
    max-width: 800px;
    margin: 0;
}
.curs-test .nf-field-description {
    margin-bottom: 10px;
}
.curs-test .nf-after-form-content .nf-error-msg {
    text-align: left;
}
.curs-test .nf-response-msg {
    display: block;
    text-align: center;
    max-width: 900px;
    margin: 30px auto 0;
}
.curs-test .nf-response-msg table {
    text-align: left;
}
.curs-test .nf-response-msg .try-again { 
    display: block;
    width: fit-content;
    margin: 60px auto -120px;
    z-index: 2;
    position: relative;
}
.curs-taguri i {
    margin-right: 15px;
}


/*
 * Academia TBK - listing courses
 */

#filtre-cursuri, 
#cauta-cursuri,
#cauta-documente {
    height: 48px;
    width: 350px;
    background: #fff;
    border-radius: 5px;
}
#filtre-cursuri:focus, 
#cauta-cursuri:focus,
#cauta-documente:focus { 
    outline: 0;
    border-color: #9EAB05;
}
#cauta-cursuri::placeholder,
#cauta-documente::placeholder {
    font-weight: 300;
}
#icon-search {
    position: absolute;
    right: 22px;
    top: 16px;
    color: #ddd;
    font-size: 16px;
}
.cursuri-lista .jet-listing-grid__item{
    cursor: pointer;
}
.cursuri-lista .curs-categorie .elementor-icon-box-wrapper {
    margin-left: 15px;
}
.cursuri-lista .curs-categorie .elementor-icon-box-icon:before {
    position: absolute;
    top: -25px;
    width: calc(100% - 30px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.cursuri-lista .curs-img img {
    min-height: 248px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px 6px 0 0;
}
.cursuri-lista .curs-img:hover img { 
    border: 1px solid #9EAB05;
}
.cursuri-lista .curs-progres {
    position: absolute;
    bottom: 10px;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.cursuri-lista .curs-img i {
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    border-radius: 100%;
    padding: 6px;
}
.curs-live {
    display: flex;
    border-bottom: 1px solid #E6E6E6;
}
.curs-live.finalizat {
    pointer-events: none;
    opacity: 0.6;
}

.curs-live.finalizat .btn {
	opacity: 0.4;
}

#lista-cursuri-live:not(.show-all) .curs-live:nth-child(n+5) {
    display: none; 
}
.curs-live a {
    color: #9eab05;
}
.curs-live .curs-data {
    width: 180px;
    flex-shrink: 0;
}
.curs-live.finalizat .curs-data {
    color: #242424;
}
.curs-live .curs-status { 
    width: 120px;
    flex-shrink: 0;
}
.curs-live .curs-status .btn { 
    padding: 6px;
    text-transform: capitalize;
    cursor: default;
	font-size: 11px;
}
.curs-live.finalizat .curs-status .btn { 
    background: #242424;
}
.curs-live.inceput .curs-status .btn { 
    background: #AB8105;
}
.curs-live.inceput .curs-data { 
    color: #AB8105;
}
.curs-live .curs-descriere {
    padding-right: 24px;
    flex-grow: 1;
}
.curs-live .curs-descriere p {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 6px;
	margin-bottom: 0;   
}
.curs-live .curs-descriere strong {
    color: #9eab05;
    font-size: 15px;
}
.curs-live .curs-participanti {
    flex-shrink: 0;
}
.curs-live .curs-participanti .btn {
    cursor: pointer;
    padding: 12px 18px;
}
.curs-live .curs-participanti .btn .fa-spinner
{
    margin: 0 20px;
}
.curs-live .curs-participanti.particip .btn {
    background: #242424;
    cursor: default;
}
.toggle-live-courses {
    color: #9EAB05;
    display: block;
    text-align: center;
    margin-top: 30px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    cursor: pointer;
}
.toggle-live-courses i { 
    margin-left: 12px;
    font-size: 14px;
}

.curs-live .btn
{
	padding: 15px 36px;
    display: inline-block;
    background: #9EAB05;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

/* Documents */
#cauta-documente {
    width: 550px;
}
#filtre-documente input[type=checkbox] {
    accent-color: #9EAB05;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}
#filtre-documente label {
    margin: 0 30px 0 10px;
    font-size: 14px;
    color: #646464;
}

.padding-tb-4, .entry-content .padding-tb-4 {
    padding-top: 24px;
    padding-bottom: 24px;
}


@media (max-width: 768px) {
    .curs-titlu img {
        margin-left: 20px;
        max-height: 30px;
    }
    .curs-badge img {
        width: 30px;
    }
    .curs-progres {
        width: 100%; 
        margin: 0;
    } 
    .curs-categorie .elementor-icon-box-wrapper { 
        display: flex;
    }
    .curs-categorie .elementor-icon-box-wrapper .elementor-icon-box-icon {
        margin: 0 15px 0 0!important;
    }
    .documente-curs .jet-listing-dynamic-repeater__items {
        columns: 1;
    }
    .cursuri-lista .jet-listing-grid__items {
        justify-content: center;
    }
    .cursuri-lista .jet-listing-grid__items>.jet-listing-grid__item {
        max-width: 300px;
    }
    #filtre-cursuri, 
    #cauta-cursuri,
    #cauta-documente {
        width: 100%;
    }
    .curs-live {
        flex-wrap: wrap;
    }
    .curs-live .curs-data {
        flex-grow: 1;
    }
    .curs-live .curs-status {
        width: auto;
    }
    .curs-live .curs-descriere {
        padding: 10px 0 15px;
    }
}