/*
 Theme Name:   CUI Abbottabad
 Theme URI:    http://cuiatd.edu.pk
 Description:  CUI Abbottabad Child Theme
 Author:       Rizwan Abbasi
 Author URI:   http://cuiatd.edu.pk
 Template:     educator
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         comsats, comsats abbottabad, cui atd, cui abbottabad
 Text Domain:  COMSATS University Islamabad, Abbottabad Campus
*/
/* Make Admission Schedule Table Responsive */



/* Code ends to make Admissions Schedule Table Responsive*/

/* Remove Top Padding for Latest News */
.vc_row wpb_row vc_row-fluid vc_custom_1609394099594 {
  padding-top: 0px !important;
  padding-bottom: 20px !important;
}

/* Homepage Testimonials Image size adjustment */
.edgt-testimonials-holder.edgt-testimonials-standard .edgt-testimonial-image{
width: 22%;
}

/* Make Reg # on single line in Alumni Contact Form 7*/
.dropdown-container {
    display: inline-block;
    margin-right: 10px; /* Adjust as needed */
}
/* make bullets indented */
ol, ul {
    list-style-position: inside;
	  text-align: left;
}
/* make event's featured image uniform at homepage */
.edgt-events-list-item-image-holder img {
	width: 335px;
	height: 335px;
}
/* change hyperlink color */
.widget ul li a {
    color: #27276d;
}

/* circle faculty profile image*/
.profile-image{
	border-radius: 50%;
}

/* main menu color change from black to purple */
.edgt-main-menu > ul > li > a {
    color: purple;
}

/* make instructor image size uniform*/
.edgt-instructor .edgt-instructor-image{
   height: 215px;
	 padding-bottom: 10px;
} 

@media screen and (max-width: 480px) {
.edgt-instructor-image{
	max-width: 215px;	
}
}

@media screen and (max-width: 1024px) {
.edgt-instructor.info-bellow .edgt-instructor-image {
    width: 100%;
	  height: 100% !important;
}
}
@media only screen and (max-width: 840px) {
	table.responsive {
		margin-bottom: 0;
		overflow: hidden;
		overflow-x: scroll;
		display: block;
	}
}

.profile-image {
	width: 120px;
	max-width: 120px;
}

/* equalize width and height of Research tab at homepage*/
.edgt-icon-tabs.edgt-icon-tabs-three ul li{
	width: calc(33.33% ) !important;
}
	
/* fix footer background image at homepage */
.edgt-page-footer {
    background-image: url(../jpg/library-at-the-bottom-1328-px-by-335-px.jpg) !important;
}

	
/* Drop up Menu for Centers & Academies */
.edgt-drop-down .narrow .second .inner ul li ul{
	bottom: 100%;
	top: inherit;
}

/* remove author name from footer */
.edgt-post-info-author{
	display: none !important;
}

/* change the side area menu color from grey to blue*/
.edgt-side-menu .widget a {
  color: #2d76b2;
}
/* make ol/ul indented */
ol, ul {
    list-style-position: outside;
}
/* change the body text color from grey to black, specially in li */
body{
    color: #161616;
}
/* Change background and text color for dropdown menu*/
.edgt-drop-down .second{
	border: 1px solid #a6a4a4;
}
.item_text:hover{
	text-transform: uppercase;
}

.edgt-drop-down .narrow .second .inner ul{
	background-color: rgb(54, 54, 58, 0.6) !important;
}

/* Moving Breadcumbs bit down to avoid clash with page title*/
.edgt-title-holder.edgt-standard-with-breadcrumbs-type .edgt-breadcrumbs-info{
    transform: translateY(60%);
}
/* Fixing footer background image not showing on homepage*/

.page-id-179 .edgt-page-footer{
	background-image: url(../library-at-the-bottom-1328-px-by-335-px.html);
}
/*Responsive logo issue*/

.edgt-mobile-header .edgt-mobile-logo-wrapper a {
    display: block;
	height: 80px;
}
/* reduce size of logo to 80px height*/
.edgt-logo-wrapper a {
	height: 80px;
}

/*remove table and td border from newsletter table page*/
.newsletter, .newsletter td, .newsletter table {
	border: none;
	border-collapse: inherit;
}
/*
 * center align image's caption
 **/
.wp-caption-text, .vc_figure-caption {
	text-align: center;
}
/*
 * change color of top bar on other pages (other than homepage) to black
 **/
.edgt-top-bar{
	background: #23282d !important;
}
/*
 * change footer text widget text color to greyish
 **/
.textwidget p {
	color: #cecece;
}
/*
 * change testimonials text color from greyish to blackish
 **/
.edgt-testimonials-holder.edgt-testimonials-standard .edgt-testimonial-text{
	color: #161616 !important;
}
/*
 * Vertical align middle the topbar (right)
 **/
.edgt-top-bar>.edgt-vertical-align-containers .edgt-position-right-inner{
	height: auto;
}

/*
 * Make topbar (right) text/links color white/bright
 **/
.edgt-top-bar a {
    color: #fff;
}
/*
 * Change dropdown menu background color
 * */
.edgt-drop-down .narrow .second .inner ul{    
	background-color: rgba(211, 211, 211, 1);
}
.edgt-main-menu ul li a {
	text-align: left !important;
}
/*
 * Increase menu size
 * */
.edgt-main-menu>ul>li>a{
    font-size: 20px;
}
/*
 * Add border to tables
 * */
table {
  border: 2px solid #0a6aae;
  border-collapse: collapse;
}
table td, table th {
   border: 1px solid #0a6aae;
}
table th {
	background-color: #563073;
	color: #fff;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    border-color: #0a6aae;
}
/*
 * To remove the alignment cuts of different sections on homepage*/
.vc_row {
    margin-left: 0px;
    margin-right: 0px;
}
  /* To reduce the tabs (Research, Teaching, Services)/text area on homepage*/
  .edgt-icon-tabs{
		width: 90% !important;
	  }

.disabled-links{
  pointer-events: none;
   cursor: default;
   font-style: italic;
   color: cornflowerblue;
}
.disabled-links a{
  color: cornflowerblue;
}
.containerrow {
  display: flex;
  flex-wrap: wrap;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 21%;
    margin: 10px 1%;
  }
  
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  .container {
    padding: 2px 16px;
    text-align: center;
  }
  .profile-image{
    height: 120px; 
    overflow: hidden;
  }
  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  @media only screen and (max-width: 768px) {
      /* For mobile phones: */
      [class*="col-"] {
          width: 100%;
      }
  }

  @media screen and (max-width: 768px) {
    /* For mobile phones: */
    .single { 
     float: none;
     margin-right:0;
     width: 100%;
   }
	.edgt-container-inner clearfix{
		  width: 100%;
	}
  }