/*
Theme Name:     SICT
Description:    SICT is the child theme extended for customization.
Author:         Pradeep Ruckshan Weerasinghe
Template:       university
version:        1.0.0
*/

/*
-- Color Definitions ----
Base Color:         #0E4668 / rgb(14,70,104)
Secondary Color:    #005DF4 / rgb(0,93,244)
Orange:             #FF7E00 / rgb(255,126,0)         
Gray:               #F8F8F8 / rgb(248,248,248)
*/ 


/* ---------------- extending parent styles ------------ */
/* -- Typography -- */
@font-face{
    font-family: oswald;
    src: url('fonts/Oswald-Regular.ttf');
    font-style:normal;
}
@font-face{
    font-family: oswald-light;
    src: url('fonts/Oswald-Light.ttf');
    font-style:normal;
}
.sict-text-base p,
p.sict-text-base {
    color: #0E4668;
}
.sict-text-white p,
p.sict-text-white {
    color: #fff;
}
.sict-text-center {
    text-align: center !important;
}
.sict-text-right {
    text-align: right !important;
}
.sict-title {
    font-family: oswald !important;
    line-height: 1.25;
    color: #0E4668; /* Base Color*/
    font-weight: 400;
    margin-top: 0px;
}
.sict-title:after {
  content: "";
  display: block;
  width: 75px;
  border-bottom: 4px solid #FF7E00;
  padding-top: 5px; 
}
a {
    text-decoration: none !important;
    color: #005DF4; /* secondary color */
}
p>a:hover,
p>ul>a:hover,
.sict-ul a:hover
{
    color:#FF5E14 !important; /* orange */
}

.sict-hidden {
	display: none!important;
}

/* unordered list */
.sict-ul-arrow,
.sict-ul-academic,
.sict-ul-download{
    list-style-type: none;
}
.sict-ul-arrow > li:before,
.sict-ul-academic > li:before,
.sict-ul-download > li:before{    
    font-family: 'FontAwesome';
    margin:0 8px 0 -15px;
    line-height: 2.5
}

.sict-ul-arrow > li:before {
    content: '\f054';
}
.sict-ul-download > li:before {
    content:"\f019";
}
.sict-ul-academic > li:before {    
    content: '\f19d';
    color: #112951;
}
.sict-ul-padding-15{
    padding-left: 15px;
}



/* -- Button variations -- */
button {
    color: #fff !important;
    border: none !important;
    border-radius: 0px;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}
/* wp-bakery button element */
div.sict-btn-default,
div.sict-btn-secondary {
    display: inline !important;
}
.sict-btn-default>button,
button.sict-btn-default { 
    background-color: #0E4668 !important; /*Base*/
}
.sict-btn-default>button:hover,
button.sict-btn-default:hover,
.sict-btn-secondary>button:hover {
    background-color: #005DF4 !important; /*Secondary*/
}
.sict-btn-secondary>button,
button.sict-btn-secondary { 
    background-color: #FF5E14 !important; /*Orange*/
}


/* -- primary & seondary menu -- */

/* middle the menu item without description */
#main-nav .navbar-nav > li > a { 
    padding-top: 40px;
}
/* sticky main menu */
#main-nav .main-menu.affix .navbar-nav>li>a {
    font-weight: 400;
}
/* change the color of secondary nav-bar*/
.main-color-1-bg {
    background-color: #fff !important;
}
.main-color-1-bg .navbar-nav>li>a,
.top-menu a.navbar-right{
    color:#0E4668 !important;
}
.main-color-1-bg .navbar-nav>li>a:hover,
.top-menu a.navbar-right:hover{
    color:#005DF4 !important;
}
.main-color-1-bg .navbar-nav>li>a {
    border-left-color: rgba(14,70,104,0.15) !important;
    border-right-color: rgba(14,70,104,0.15) !important;
}
header button.mobile-menu-toggle.visible-xs {
    color: #0E4668 !important;
    margin-left: 15px;
    margin-bottom: 0px !important;
    margin-right:0px !important;
}

/* top navigation search box */
.topnav-sidebar input {
    max-height: 40px;
    min-width:350px;
    color:#0E4668;
    border:none;
    background-color: rgba(14,70,104,0.15);
}
@media (max-width: 767px) {
    .topnav-sidebar input { 
        max-height: 52px;
    }
}
.topnav-sidebar button,
.topnav-sidebar button:hover,
.topnav-sidebar button:focus{
    color:#fff;
    background-color: #005DF4;
    border:none;
    border-radius: 0px;
    margin-left:-1px;
    margin-bottom: 0px !important;
    margin-right:0px !important;
}
@media (max-width: 767px) {
    .top-menu {
       margin-right:-15px !important;
    }
}
/* disable hovering beckground & cursor for multicolumn headers*/
li.column-header:hover {
    background-color: rgba(0,0,0,0) !important;
}
li.column-header>a:hover {
    cursor: default;
}
/* column header spacer */
.sict-menu-spacer {
    padding-left: 0px !important;
    margin-left: -15px;
}
/* hide spacer from mobile menu*/ 
@media (max-width: 767px) {
    .sict-menu-spacer {
       display: none !important;
    }
}

/* -- Component: Accordian -- */
.sict-accordian .vc_tta-panel-heading{
    font-family: oswald-light !important;
    background-color: #0E4668 !important; /*base*/
}
.sict-accordian .vc_active .vc_tta-panel-heading {
    background-color: #005DF4 !important; /*secondary*/
}
.sict-accordian .vc_tta-panel-body{
    background-color: #F8F8F8 !important; /*gray*/
}

/* -- Component: HTML Static Table -- */
table.sict-tbl-static>thead tr:last-child {
    border-bottom: 2px solid #0E4668; /*base*/
}
table.sict-tbl-static>thead th {
    background-color: #F8F8F8 !important; /*gray*/
    color: #0E4668 !important; /*base*/
}
table.sict-tbl-static>tbody>tr>td {
   border: none; 
}

table.sict-tbl-static a:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

/*empty row*/
table.sict-tbl-static tr.sict-tr-spacer td {
   padding-top: 30px;
   padding-bottom:0px;
}
table.sict-tbl-static tr.sict-tr-spacer:nth-child(odd) td:hover {
   background-color: #f8f8f8 !important;
}
table.sict-tbl-static tr.sict-tr-spacer:nth-child(even) td:hover {
   background-color: #f4f4f4 !important;
}

/* -- component: TablePress - Data Tables --*/

/* to fix now showing full width in accordian*/
.dataTables_scrollHead table,
.dataTables_scrollHead .dataTables_scrollHeadInner,
.dataTables_scrollBody table {
    width:100% !important;
}
/* to fix back table color*/
.dataTables_scrollBody .sict-tblpress>thead>tr>th{
    background-color: #FFF !important; 
}

.dataTables_filter input[type="search"] {
    border: 1px solid #0E4668 !important; /*base*/
    margin-bottom: 5px !important;
}
.dataTables_length label,
.dataTables_filter label {
    font-weight: 400;
}


.dataTables_scrollHead .sict-tblpress>thead>tr{
    border-bottom: 4px solid #0E4668; /*base*/
    color: #0E4668 !important;
}
.dataTables_scrollHead .sict-tblpress>thead>tr>th{
    color: #0E4668 !important;
    background-color: #F8F8F8 !important; /*gray*/
}
.dataTables_scrollBody .sict-tblpress>tbody>tr>td{
    border: none; 
}
.dataTables_scrollBody .sict-tblpress>tbody>tr:hover{
    background-color: #005DF4 !important;  /*secondary*/
}
.dataTables_paginate a.previous:before,
.dataTables_paginate a.next:after {
    content: "" !important;
}
.dataTables_paginate a.previous,
.dataTables_paginate a.next {
    color: #005DF4 !important; /*secondary*/
}
.dataTables_paginate a.previous:hover,
.dataTables_paginate a.next:hover {
    color: #FF5E14 !important; /*orange*/
}
.dataTables_paginate a.disabled,
.dataTables_paginate a.disabled:hover {
    color: #666 !important;
}

/* -- component: faq -- */
.sict-faq .vc_toggle_title>h4 {
    color: #0E4668 ; /*base*/
}
.sict-faq .vc_toggle_title>h4:hover {
    color: #005DF4; /*secondary*/
}
.sict-faq .vc_toggle_icon {
    background-color: #0E4668 !important; /*base*/
}
.sict-faq .vc_toggle_icon:hover {
    background-color: #005DF4 !important; /*secondary*/
}

/* -- component: memeber profile -- */
.sict-member-profile .member-name {
    background-color: #0E4668 !important; /*base*/
    font-weight: 500  !important;
}
.sict-member-profile .member-name span {
    background-color: #005DF4 !important; /*secondary*/
}
.sict-member-profile .member-desc {
    color: #0E4668 !important; /*base*/
    font-size: 1.5rem !important;
}

/* -- Component: Contact Form -- */
.sict-contact-form label {
    font-weight: 200!important;
    min-width:100%;
}
.sict-contact-form p {
    margin-bottom: 10px;
}
.sict-contact-form .wpcf7-list-item {
    margin-left: 0px;
}
.sict-contact-form input:not([type=file]),
.sict-contact-form textarea,
.sict-contact-form select
{
    background-color: #fff;
    border: 1px solid #0E4668;/*base*/
    color:#0E4668;
}
.sict-contact-form input:not([type=file]):focus,
.sict-contact-form textarea:focus{
    background-color: #fff; 
    border: 1px solid #005DF4; /*secondary*/
}
.sict-contact-form textarea {
    max-height: 175px !important;
    margin-bottom: 0px !important;
}
.sict-contact-form input[type=submit] {
    background-color: #0E4668 !important; /*Base*/
    color: #fff;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}
.sict-contact-form input[type=submit]:hover {
    background-color: #005DF4  !important; /*Base*/
}
.sict-contact-form .sict-acceptance,
.sict-contact-form .sict-file{
    color:#0E4668;
}


/* component: info-list*/
.sict-info-list .mega-info-list {
    padding-left: 0px !important;
}
.sict-info-list li .media-body h4 {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    margin-top:7px;
}

/* -- Front Page -- */
.sict-fp h1 {
    font-size: 6rem;
}
.sict-fp  h1.sict-h1-2 {
    font-weight: 500 !important;
}
.sict-fp p {
    font-size: 2.5rem;
    line-height: 2em;
}
.sict-fp .sict-btn-mb-10 button {
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    #sict-fp-2 {
        margin-top: 0px !important;
    }
    .sict-fp  h1.sict-h1-2 {
        padding-top: 0px !important;
    }
    .sict-fp #sict-col-left-1 {
        width: 100%;
    }
    .sict-fp #sict-col-left-1,
    .sict-fp #sict-col-left-2,
    .sict-fp #sict-col-right-2 {
        margin-bottom: 0px;
    }
    #sict-fp-counter .vc_col-sm-4 {
        margin-bottom: 0px;
    }
    #sict-fp-counter .vc_column-inner {
        padding-top: 15px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #sict-fp-2 {
        margin-top: 0px !important;
    }
    .sict-fp  h1.sict-h1-2 {
        padding-top: 0px !important;
    }
    .sict-fp #sict-col-left-1,
    .sict-fp #sict-col-left-2,
    .sict-fp #sict-col-right-2
    {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .sict-fp h1 {
        font-size: 4.9rem;
    }
    #sict-fp-2 {
        margin-top: 20px !important;
    }
    .sict-fp  h1.sict-h1-2 {
        padding-top: 35px !important;
    }
    .sict-fp p {
        font-size: 2rem;
        line-height: 1.6em;
    }
}
@media (min-width: 1200px) and (max-width: 1348px) {
    .sict-fp p {
        line-height: 1.6em;
    }
}

@media (min-width: 977px) and (max-width: 991px) {
    #sict-fp-news .grid-header {
        max-height: 200px;
    }
}
#sict-fp-news .main-color-1-bg {
    background-color: #005df4 !important;
}

/* -- Templates: Default Page, Default Post, Single Category, Search -- */
.page-template-default .page-heading,
.post-template-default .page-heading,
.category .page-heading,
.search .page-heading {
    padding-top: 0px;
    padding-bottom: 0px;
    
}
.page-template-default .page-heading h1,
.post-template-default .page-heading h1,
.category .page-heading h1,
.search .page-heading h1 {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 3.5rem;
    line-height: 1em;
    font-weight: 400;
    color: #0E4668 /* base color */
}
.page-template-default .page-heading .pathway,
.post-template-default .page-heading .pathway,
.category .page-heading .pathway,
.search .page-heading .pathway{
    margin-top: 30px;
}

.search a.main-color-1-hover,
.category a.main-color-1-hover {
    font-weight: 400;
    color: #0E4668 ; /*base*/
}
.search a.main-color-1-hover:hover,
.category a.main-color-1-hover:hover {
    color: #005DF4 ; /*secondary*/
}
.search a.btn-default,
.category a.btn-default{
    color: #FFF !important; 
    background-color: #0E4668 !important; /*base*/
}
.search a.btn-default:hover,
.category a.btn-default:hover{
    color: #FFF ;
    background-color: #005DF4 !important; /*secondary*/
}

/* hide single post feature image and title*/
.single-post .single-content .content-image,
.single-post .single-content .single-content-title{
    display: none;
}

/* -- post side bar -- */
.normal-sidebar h2 {
    font-family: oswald;
    font-size: 2rem !important;
    line-height: 1;
    text-transform: uppercase;
    color: #0E4668; /*base color*/
    margin-top: 18px;
    margin-bottom: 27px;
}
.normal-sidebar .widget_block {
    padding-bottom: 0px;
}

.normal-sidebar a:hover {
    color: #FF5E14;
}

/* ------------------- inheriting parent theme missing values ----------- */
body {
    line-height: 2;
}
.navbar {
    margin-bottom: 0px;
    border-width: 0px;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-nav a.navbar-right:focus{
	color:rgba(255,255,255,.75)
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: 0PX;
    }
}
header .multi-column{
	position:static;
}

.page-heading {
    position: relative!important;
}

.page-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; /* Adjust the border thickness as needed */
  background-image: linear-gradient(to right, #005df4 63.33%, #ff5e14 36.97%);
}