/* CSS Document */
/*
Theme Name: CAFODAT 
Theme URL:https://cafodat.edu.np/college/
Description: full responsive website!
Tags:responsive, bootstrap, Education theme, template for College & University .
Copyright: CAFODAT - 2021 : All Rights Reserved.
*/

@charset "utf-8";

/*::::::::::::::::::::::FONTS IMPORT:::::::::::::::::::::::*/
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic);
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/*::::::::::::::::::::::FONTS IMPORT:::::::::::::::::::::::*/

/* =============================== SELECTION ============================================== */

.stellarnav{
background:#ffffff !important; 
border-top:1px solid #f1f1f1;
border-left:0px solid #eee;
border-right:0px solid #eee;

box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;

transition: all .3s linear !important;	 
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
}

@media only screen and (max-width : 1199px) {
	.stellarnav > ul > li > a { padding: 15px 5px !important;}
}


#main-nav{ z-index:111 !important;	
margin-top:0px;
	width:100%; 
    box-sizing:border-box; 	
	font-family: 'Poppins', sans-serif;
	letter-spacing:0.3px;
}



.stellarnav li.has-sub > a:after { 
border-top: 6px solid transparent !important;}
.stellarnav li li.has-sub > a:after { border-left: 6px solid transparent !important; 
border-right: 6px solid transparent; 
border-top: 6px solid transparent;}
.stellarnav li.drop-left li.has-sub > a:after {border-right: 6px solid transparent !important;}

.stellarnav li.has-sub > a:after { content: '\f0d7'; font-family: 'FontAwesome'; line-height:50%;}
.stellarnav li li.has-sub > a:after { content: '\f0da'; font-family: 'FontAwesome'; line-height:50%;}
.stellarnav li.drop-left li.has-sub > a:after { float: left; content: '\f0d9'; font-family: 'FontAwesome'; line-height:50%;}

/*  MEGA MENU */

.stellarnav li.mega ul {
 
 width:100%;  
 margin:0 auto;
 padding:20px 10px;
 background: #fff;   
}



.stellarnav li.mega a.mega-b{
  border-bottom:1px solid rgba(0,0,0,0.09);
} 

.stellarnav .section-head {
 color: #507271;  
 font-weight: 700;
 font-family: 'Poppins', sans-serif;
 font-size: 17px;
}


.stellarnav li.mega ul > li > ul > li .section-head-d {
    
 color: #507271;  
 font-weight: 700;
 font-family: 'Poppins', sans-serif;
 transition: all .3s linear !important;	 
}

.stellarnav li.mega ul > li > ul > li:hover .section-head-d {
color: #f7f7f7;  
    
}








/*  END MEGA MENU */



dd{
font-family: 'Poppins', sans-serif;
color:#507271;
font-size:14px;
font-weight:400;
padding-left:0px;
letter-spacing:0.2px;
}

dd:hover, 
dd:focus, 
dd:active {
color: #507271;
}


.stellarnav > ul > li > a { 
padding: 15px 9px !important;
transition: all 0.30s ease; 
font-family: 'Poppins', sans-serif !important;
color:#494a4e !important; 
font-size:13px !important; 
font-weight:700;
text-transform:uppercase;
  -webkit-transition: all 0.30s ease;
  -moz-transition: all 0.30s ease;
  -ms-transition: all 0.30s ease;
  -o-transition: all 0.30s ease;
}



.stellarnav > ul > li:hover > a,
.stellarnav > ul > li:focus > a,
.stellarnav > ul > li.active > a {
  background:#EC0C0D !important;
  color: #fff !important;
}

.stellarnav > ul > li > ul{
	margin-top:0px;
	}
	
.stellarnav ul ul{
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;	
	
}	

.stellarnav ul ul ul{
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;
 }	
	
.stellarnav > ul > li > ul > li > a{
	
  background:#EC0C0D !important;
  color: #fff !important; 
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;
  padding:10px 10px 10px 15px;
  border-bottom:1px solid rgba(0,0,0,0.09);
}

.stellarnav > ul > li > ul > li:last-child > a{
	
  border-bottom:0px solid rgba(0,0,0,0.00);
}








.stellarnav > ul > li > ul > li:hover > a,
.stellarnav > ul > li > ul > li:focus > a,
.stellarnav > ul > li > ul > li.active > a {
background:#ffffff !important;
color: #494a4e !important;
}



.stellarnav > ul > li > ul > li > ul > li > a{
  font-size:14px !important;
  font-weight:400; 
  font-family: 'Poppins', sans-serif;
  background:#ffffff !important;
  color: #494a4e !important;
  padding:10px 15px;
  border-bottom:1px solid rgba(0,0,0,0.09);
}


.stellarnav > ul > li > ul > li > ul > li:last-child > a{
  border-bottom:0px solid rgba(0,0,0,0.00);
}

.stellarnav > ul > li > ul > li > ul > li:hover > a,
.stellarnav > ul > li > ul > li > ul > li:focus > a,
.stellarnav > ul > li > ul > li > ul > li.active > a {
  color: #fff !important;
  background:#EC0C0D !important;
}


.stellarnav li.has-sub>a:after{
	float:right;}
	
	
.stellarnav li.has-sub>a:after{
	float:right;}

.stellarnav li.drop-left> ul > li > a{
padding-left:25px;	
	
}
	.stellarnav li.drop-left> ul > li > a:after{
		margin-left:-15px;
	}
	
	
@media(max-width:767px){
	
	.stellarnav > ul > li:hover > a,
.stellarnav > ul > li:focus > a,
.stellarnav > ul > li.active > a {

border-radius:0;
 -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
}

.stellarnav{
background:#fff !important;
box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
}

}


@media(max-width:960px){
	
.stellarnav > ul > li:hover > a,
.stellarnav > ul > li:focus > a,
.stellarnav > ul > li.active > a {

border-radius:0;
 -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
}

.stellarnav{
background:#fff !important;
box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.06);
}


}