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

#heading
{color:#063;
font-family:"Times New Roman", Times, serif;}

#para1
{text-align:justify;
font-family:"Calibri Light";
font-size:18px;}

#extra_tabs
{background-color:#378862;
padding:7px;
font-family:'Marcellus', serif;
color:#FFF;
display:block;
border:solid 2px #378862;
text-align:center;}
#extra_tabs:hover
{border:solid 2px #378862;
background-color:white;
color:#378862;
font-weight:bold;
transition:0.3s;}


#para2
{text-align:justify;
font-family:"Calibri Light";
font-size:18px;
font-style:italic;}


#bottom_nav a
{color:#999;
font-family:"Calibri Light";}
#bottom_nav a:hover
{color:white;}

#bottom_text
{text-align:justify;
font-family:"Calibri Light";
font-size:12px;
color:#666;}



#image img:hover
{opacity:0.7;
transition:0.4s;}




/*---------------------------------projects--------------------------*/
#events_name
{border-radius:0px;
font-family:"Calibri Light";
color:#378862;
background-color:#E8E8E8;
text-align:center;
padding:50px;
margin-top:5px;
border:solid 1px #378862;
border-radius:5px;}
#events_name:hover
{background-color:white;
color:#378862;
font-weight:bold;
font-family:Calibri;
transition:0.2s;}



#events_name_pg
{border-radius:0px;
font-family:Calibri;
color:#378862;
background-color:white;
font-weight:bold;
text-align:center;
padding:15px;
margin-top:5px;
border-top:solid 3px #378862;
border-radius:5px;}


#para3
{text-align:justify;
font-family:"Calibri Light";}


/*------------------------------the jinnah anthology------------------------*/
#n_clipping
{border:solid 1px #378862;}


#flip1, #flip2, #flip3, #flip4, #flip5, #flip6, #flip7, #flip8, #flip9, #flip10, #flip11
{	padding: 5px;
    text-align:justify;
	border:solid 1px #378862;
	color:#378862;
    font-family:Calibri;
	font-size:16px;}


#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10, #panel11
{
    padding:2px;
    text-align: justify;
    border: solid 1px #c3c3c3;
	font-family:"Calibri Light";
	font-size:16px;
}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10, #panel11
{
    padding:5px;
    display: none;}
	
/*jinnah awards*/
#awards
{background-color:#FFF;
padding:7px;
font-family:"Calibri Light";
color:#378862;
display:block;
border-bottom:solid 2px white;}
#awards:hover
{border-bottom:solid 2px #378862;
font-weight:bold;
transition:0.3s;}
#para4
{text-align:justify;
font-family:"Calibri Light";
font-size:20px;}








/*---------------------------------members--------------------------*/
#para1 ul li:hover
{font-weight:bold;
color:#063;}


.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;}






/*----------------------QUAID-E-AZAM_ALIGARH_SCHOLARSHIP----------------*/
#EC
{widows:100%;
background-color:#378862;
text-align:center;
font-family:Calibri;
color:white;
margin-top:1%;}






/*-----------------------back button--------------*/
#back_btn
{background-color:#FFF;
border-radius:0px;
text-align:center;
color:#009966;}
#back_btn:hover
{background-color:#096;
color:white;
transition:0.3s;}



/*-----------------------open zoom for pic----------------------*/
#zoom{      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;
border:solid 1px #378862;
height:150px;
width:180px;} 

#zoom:hover,  #zoom:active,   #zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.5);    
-moz-transform: scale(1.5);  
-webkit-transform: scale(1.5);  
-o-transform: scale(1.5);  
transform: scale(1.5);    
position:relative;      
z-index:100;
transition:0.4s;}
/*-----------------------close zoom for pic----------------------*/




/*--------gallary images--------------*/
.gal
{border:solid 6px #378862;
border-radius:15px;}






/*---------------------------------articles--------------------------*/
#articles_name
{border-radius:0px;
font-family:"Calibri Light";
color:#378862;
background-color:#E8E8E8;
text-align:center;
padding:50px;
margin-top:5px;
border:solid 1px #378862;
border-radius:5px;
width:100%;}
#articles_name:hover
{background-color:white;
color:#378862;
font-family:Calibri;
transition:0.2s;}