/*
 Theme Name:     Fehi Madharusa
 Theme URI:      nie.edu.mv
 Description:    National Institute of Education
 Author:         
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/







@media all and (max-width: 980px) {
    .video_popup a:before {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup:hover a:before {
        opacity: 0;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
		 font-size: 42px;
    
    }
    .video_popup:hover a:after {
        opacity: 1;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
    }

    .video_popup a:before {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup:hover a:before {
        opacity: 0;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
		 font-size: 42px;
    
    }
    .video_popup:hover a:after {
        opacity: 1;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
    }


/******Column stacking order****/
	/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
	
.sect-sub-headings h2{
		font-size:30px!important;
	}
	
	

.msg{
  color:#8cc63e;
  font-size:30px!important;
}
 
}




@media only screen and (max-width: 767px){

/***********menu mobile search text box***********/
.et_pb_menu .et_pb_menu__search-input, .et_pb_fullwidth_menu .et_pb_menu__search-input {
    border: 0;
    width: 100%;
    color: #333;
    background: white;
    height: 90px;
	z-index:999;
}
	
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
    background-color: white!important;
    margin-top: 30px;
	}
	
	/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '4d';
}
	

.et_mobile_menu {
	border-top:0px;
	
	
	
	margin-left: -30px;
	padding: 5%;
 width: calc( 100% + 60px);
 
	}
	
.container.et_menu_container { 
 width: calc( 100% - 60px);
 }
	
	

/*****************Blurbs***********/
.blurbs-main-label{
	width:200px!important;
	height:155px!important;
	margin-top:0px!important;
	margin-bottom:150px!important;
	padding-top:50px!important;
	}
	
	
.blurbs-main-icon{
width:148px!important;
height:121px!important;
}
	
.blurbs-main-label h3{
font-size:20px!important;		
	}
	
	
.long-text-mobile{
  display:none;
}


#blurb-tabs .tab-title {
 width:50%;
 }
 #blurb-tabs .tab-title .et_pb_main_blurb_image {
 margin-bottom:10px; /* Reduce icon bottom margin */
 }
 
 

 #blurb-tabs .tab-title {
 width:100%;
 }
 #blurb-tabs .tab-title .et_pb_blurb_content { /* This moves icon to the right */
 display:flex;
 align-items:center;
 justify-content:flex-start;
 }
 #blurb-tabs .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */
 margin-bottom:0;
 margin-right:30px;
 }


}