/****** FONTS *******/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Open Sans', sans-serif;
  --it-ff-heading: 'Jost', sans-serif;
  --it-ff-jost: 'Jost', sans-serif;
  --it-ff-newyork: 'NewYork-Regular', serif;
  --it-ff-schoolbell: 'Jost', sans-serif;
  --it-ff-cinzel-decorative: 'Cinzel Decorative', scursive;
  --it-ff-oxanium: 'Oxanium', sans-serif;
  --it-ff-spartan-semibold: 'Jost', sans-serif;
  --it-ff-spartan-medium: 'Jost', sans-serif;
  --it-ff-spartan-regular: 'Jost', sans-serif;
  --it-ff-edensor-regular: 'Edensor-Regular', sans-serif;
  --it-ff-edensor-semibold: 'Edensor-Semibold', sans-serif;

}

/************************ GLOBAL STYLING ***********************/
h4 {
    font-size: 30px;
}
h5 {
    font-size: 27px;
}
section p a {
    color: var(--it-theme-1);
    text-decoration: none;
    transition: all 0.3s ease;
}
section p a:focus, 
section p a:hover {
    color: var(--it-theme-3);
    text-decoration: underline;

}

.it-details-list ul li span {
    color: var(--it-text-body);
}

.it-section-subtitle {
    text-transform: none;
}

/****************** END GLOBAL STYLING *********************/

/************************ Header Styling ***********************/
.it-header-top-ptb {
    padding: 4px 0;
}
.it-header-top-contact-wrap ul li:not(:last-child) {
    border-right: 1px solid var(--it-gray-3);
}
.it-header-top-contact a {
    font-size: 12px;
}
.it-logo-title {
    font-family: var(--it-ff-jost);
    font-weight: 500;
    font-size: 14px;
}
.it-header-top-ptb::after {
    background: linear-gradient(90deg, #BB1621 0%, #C4A931 100%);
}

.it-btn-yellow svg {
    width: 20px;
    height: 20px;
}

.it-header-logo img {
    padding: 10px;
    max-width: 80px;
}

/*** Desktop Menu ***/
.it-header-menu > nav > ul > li {
    margin: 0 120x;
}
.it-header-menu > nav > ul > li > a {
    text-transform: none;;
}
.it-header-menu nav ul li .submenu li a {
    text-transform: none;
}
.it-header-menu nav ul li .submenu {
    width: 360px;
}

/******************** END Header Styling ****************/




/**************** Home Page Styling *******************/
/** Slider **/
.it-slider-title {
    padding-bottom: 20px;
}
.it-slider-title span .it-title-shape {
    bottom: -20%;
}
.it-slider-title span svg {
    animation-iteration-count: 1 !important;
    animation-delay: 2s !important;
}

/** End Slider **/

.it-section-subtitle {
    background-color: rgb(182 26 26 / 10%);
    border: 1px solid rgb(89 3 3 / 30%);
}
.it-section-subtitle path {
    fill: var(--it-theme-1);;
}

.it-brand-3-wrap {
    border: 1px solid rgb(89 3 3 / 30%);
}

.it-feature-icon span {
    border: 1px solid rgb(89 3 3 / 20%);
}



/************** NEWS SECTION ****************/
.it-breadcrumb-style-2 {
    padding-top: 100px;
    padding-bottom: 105px;
}
.it-blog-item {
    border-color: rgb(137 30 30 / 10%);
}
.it-blog-item:hover {
    border-color: rgb(137 30 30 / 50%);
}
.it-blog-tag {
    font-size: 13px;
}
.it-blog-thumb img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
/* Featured image */
.postbox-details-wrapper .postbox-thumb-box img {
    max-height: 350px;
    object-fit: cover;
}
/** News Sidebar **/
.sidebar-widget-list {
    font-size: 14px;
    text-transform: none;
    padding: 10px 15px;
}
.home-page-news-section .it-blog-meta.mb-25 {
    font-size: 13px;
}

/********* NEWS ANIMATION GALLERY ***********/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/*********** END ANIMATION ************/




/**************** END NEWS *****************/


/************ LEFT SIDEBAR PAGES STYLING ***********/
.it-course-sidebar {
    border: 1px solid rgb(137 31 31 / 20%);
}
.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
    padding: 0 25px;
}


.it-course-sidebar .course-info ul li {
    padding: 0;
    font-size: 16px;
}
.it-course-sidebar .course-info ul li a {
    padding: 18px 20px 18px 60px;
    margin-left: -30px;
    width: calc(100% + 30px);
}

.it-course-sidebar .course-info ul li a svg.sidebar-active-icon {
    position: absolute;
    right: 0;
    left: auto;
}

.it-course-sidebar .course-info ul li.active a {
    color: var(--it-theme-1);
}
.it-course-sidebar .course-info ul li.active a svg.sidebar-active-icon {
    display: block !important;
}






/****************** PAGES STYLING *******************/
.it-campus-title {
    font-size: 18px;
    margin-bottom: 15px;
}

table.table-narrow {
    font-size: 13px;
}

table.table-narrow td {
    padding: 8px;
}



/** Team **/
.team-user-meta-info {
    font-size: 14px;
}
a.mail-link {
    color: var(--it-theme-1);
}
a.mail-link:hover {
    color: var(--it-theme-3);
}

.teacher-item .it-career-meta span {
    line-height: normal;
}

.teacher-item a.it-career-price {
    font-size: 13px;
    background-color: var(--it-theme-1);
}
.teacher-item a.it-career-price:hover {
    color: var(--it-theme-2);
}

/*** Calendar **/
.calendar-container .calendar-month table th.calendar-datе-heading {
    width: 160px;
}
/*** End Calendar ***/

/** Documents **/
.documents-section .it-choose-2-item {
    padding: 25px 10px;
}

.it-choose-2-item {
    border: 1px solid rgb(137 30 30 / 20%);
}

.documents-section h6 {
    font-size: 14px;
}
/****************** END PAGES STYLING *******************/

/****************** FOOTER *******************/
.it-copyright-bg::after {
    width: 36%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .it-copyright-bg::after {
        width: 36%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .it-copyright-bg::after {
        width: 42%;
    }
}