/*
Theme Name: Wordpress School Theme
Theme URI: https://sikdercomputer.com/
Author: Sikder Computer
Author URI: https://sikdercomputer.com/
Description: Fully customize wordpress theme for educational institute. Developed By Sikder Computer, Mobile : 01716-764748
Version: 1.0

Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: hpik
*/

@import url("css/reset.css");
*{
    box-sizing: border-box;
}

.useo-wrap{
    width: 1120px;
    height: auto;
    padding: 10px;
    background-color: #FFFFFF;
    margin: auto; 
    position: relative;
    font-family: 'Work Sans','Kalpurush';
    padding-top: 0px;
    overflow: hidden;
    box-shadow: 0 0.5px 20px rgba(0,0,0, .4);
    
}

.useo-topbar{
    width: 1120px;
    height: 40px;
    font-size: 14px;
    text-align: left;
    background-color: #F5F5F5;
    margin: auto;
    padding: 10px;
    position: relative;
    box-shadow: 0 0.5px 20px rgba(0,0,0, .4);
}
.useo-topbar-left {
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	letter-spacing: -0.5px;
}

.useo-header{
    width: 1120px;
    font-family: 'Work Sans','Kalpurush';
    margin: auto;
}

.useo-header img{
    width: 100%;
    height: auto;
}

.header-logo{
    height: 80px;
    width: 80px;
    float: left;
    margin-top: 6px;
    border-radius: 100px;
    
}

.useo-header > h1 {
	font-family: 'Work Sans','Kalpurush';
	font-size: 26px;
	font-weight: normal;
	float: left;
	margin-top: 15px;
	margin-left: 17px;
    line-height: 25px;
    color: #831972;
}

.useo-header > h1>small {
    text-align: center!important;
    font-size: 16px;
    margin: auto;
    float: left;
    
}


/*=======================Header Section==========================*/
.main-navigation {
	clear: none;
	display: table;
    background-color: #360B6F;
    position: relative;
    height: 43px;
}

.useo-nav{
    float: left;
    width: 960px;
    height: 34px;
    background-color: #606060; 
    font-family: 'Work Sans','Kalpurush';
    
}

ul.useo-nav{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
ul.useo-nav li{
    float: left;
    display: block;
    position: relative;
}

ul.useo-nav>li:first-child{
   background-color: #3ACF87;
}

ul.useo-nav li a{
    color: #fff;
    text-decoration: none;
    line-height: 34px;
    font-size: 18px;
    padding: 4px 11px;
}

ul.useo-nav li a:hover{
    background-color: #3ACF87;
    color: #fff;
}

ul.useo-nav li ul{
    display: none;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;

}

ul.useo-nav li:hover ul{
    display: block;
    position: absolute;
    width: 240px;
    background-color: #E9E9E9;
    border-top: none;
    border-bottom: 5px solid #3ACF87;
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 9999;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;


}

ul.useo-nav li:hover ul li{
    float: none;
     
}

ul.useo-nav li:hover li a{
    color: #000;
    padding: 0px 15px;
    display: block;
    border-bottom: solid 1px#d9d9d9;
}

ul.useo-nav li:hover li a:hover{
    background-color: #21A062;
    color: #fff; 
}

.search-box {
	float: right;
	width: 45px;
	height: 43px;
	background-color: #160034;
	position: absolute;
	right: 0px;
   
}

.mgc-search{position: absolute;
right: 0px;
top: 0px;
z-index: 9999;
}

/*=======================End Nav Section==========================*/

.useo-maincontent{
    width: 1120px;
    height: auto;
    margin-top: 10px; 
}

.useo-leftside{
    float: left;
    width: 700px;
    background-color: transparent;
    position: relative;
    
}

.useo-leftside-otherpage{
    float: left;
    width: 680px;
    padding: 10px;
    background-color: transparent;
    position: relative;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    box-shadow: 0 1px 3px rgba(0,0,0, .4);
    
}

.useo-slider{
    width: 700px;
    height: 300px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

.msg-area{
    width: 680px;
    margin-top: 20px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    box-shadow: 0 1px 3px rgba(0,0,0, .4);
    padding: 10px;
    display: table;
}

.msg-area>p, .useo-leftside-otherpage>p{
    margin-top: 0px;
    color: #464646;
    font-size: 17px;
    text-align: justify;
    margin-right:10px;
    margin-left:10px;
}


.read-more {
	float: right;
	background: #360B6F;
	color: #fff;
	text-decoration: none;
	padding: 2px 5px;
	margin-right:10px;
	margin-bottom:10px;
}

.read-more:hover {
	background: #F208D4;

}

.amazingslider-nav-1{display: none!important;}



.msg-area>h2, .useo-leftside-otherpage>h2{
    padding: 8px;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    background-color: #360B6F;
    color: #fff;
    margin-top: 0px;
    
}


.img-ed {
	float: left;
	width: 130px;
	height: 140px;
	padding: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    box-shadow: 0 1px 3px rgba(0,0,0, .4);
    margin-right: 10px;
}

table{
    width: 100%;
    border-collapse: collapse;
    
}

table thead {
	background-color: #360B6F;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	word-wrap: break-word;
	border: none;
	line-height: 20px;
}

table tr td{
    border:solid 2px #E9E9E9;
    padding: 5px;
    word-wrap: break-word;
}
table tr td span {
    display: block;

}
table tr td span img {
	width: 100px;
	height: 100px;
	border-radius: 100px;
    vertical-align: middle;
}


.link-widgets{
    width: 700px;
    margin-top: 20px;
    
}
.single-linkwidget{
    width: 307px;
    padding: 10px;
    height: auto;
    border: solid 1px #ddd;
    margin: 0px 10px;
    float: left;
    margin-bottom: 15px;
}

.single-linkwidget>h2{
    padding: 5px;
    font-size: 22px;
    font-weight: normal; 
    position: relative;
    text-align: center;
}

.single-linkwidget > h2::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #006A4E;
	top: 17px;
	left: 11px;
}

.single-linkwidget>h2::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #006A4E;
	top: 17px;
	right: 11px; 
}

.link-widgets>h2{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
    clear: both;
    
}
.link-widgets > h2::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #006A4E;
	top: 28px;
}

.link-widgets ul {
    list-style: disc;
    list-style-position: inside;

}

.link-widgets ul li {
    float: none;
    border-bottom: dotted 1px #000;
    padding: 5px;
 }

.link-widgets ul li a {
    font-size: 18px;
    color: #000;
   
}
.link-widgets ul li a {
    text-decoration: none;
    font-size: 18px;

}



/*=======================End Main Content=========================*/
.useo-sidebar{
    float: right;
    width: 280px;
    height: auto;
      
}
.useo-singlesidebar{
    width: 260px;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #F5F5F5;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    box-shadow: 0 1px 3px rgba(0,0,0, .4);
    position:relative;

}
.useo-singlesidebar h2{
    padding: 8px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #360B6F;
    font-family: 'Work Sans','Kalpurush';
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0px;
    
}

.widget_sp_image-description p {
	text-align: center;
	font-size: 20px;
	color: #F80694;
}
.useo-singlesidebar>img{
    display: block;
 margin-top: 10px;
margin-left: auto;
margin-right: auto;
    width: 230px;
    height: 240px;
    border-radius:100%;
border: solid 2px #F80694;

    
}
.useo-singlesidebar>p{
    font-size: 18px;
    text-align: center;
    color: #000;
    line-height: 30px;
    font-weight: bold;
    word-wrap: break-word;
    font-family: 'Work Sans','Kalpurush';

}

.useo-singlesidebar ul{
    list-style-position: inside;
    list-style-type: none;
    

}

.useo-singlesidebar ul li{
    padding: 3px 0px;
    border-bottom: solid 1px #E3E2E2;
    line-height: 24px;
    

}
.useo-singlesidebar ul li a{
    color: #464646;
    font-size: 16px;
    padding: 3px;
    text-decoration: none;
    font-family: 'Work Sans','Kalpurush';
    line-height: 21px;
	display:block;
}

.useo-singlesidebar ul li a:hover{
    color: #F208D4;
    background: #E3E9F1;
    
    
}
.useo-singlesidebar ul li a img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 8px;
	padding: 2px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    box-shadow: 0 1px 3px rgba(0,0,0, .4);
    margin-top: 4px;
}

.useo-singlesidebar ul li a span{
    background: #3ACF87;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    padding: 2px 7px;
}

.notice-date {
	width: 45px;
	height: 45px;
	color: #fff;
	float: left;
	line-height: 22px;
	text-align: center;
	margin-right: 5px;
	padding: 0px;
	font-size: 12px;
	background: #160034;
}

.notice-date>hr{
    border: 0px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
}

/*=======================End Sidebar Section==========================*/

.useo-footer{
    width: 1120px;
    height: auto;
    padding: 10px;
    background-color: #FFF8DC;
    margin: auto;
    display: table;
    box-shadow: 0 0.5px 20px rgba(0,0,0, .4);
     
}

.useo-single-footer{
    float: left;
    width: 313px;
    padding: 0px 10px 0px 10px;
    background-color: #360B6F;
   
}

.useo-single-footer h2{
    color: #fff;
    font-size: 20px;
    position: relative;
    font-family: 'Work Sans','Kalpurush';
    font-weight: normal;
    text-transform: uppercase;
    background-color: #F80694;
    text-align: center;
    margin-top: 0px;
    padding: 5px;
    
}

.useo-single-footer h2::after {
	position: absolute;
	width: 30px;
	height: 3px;
	content: "";
	top: 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-left: 16px;
}

.useo-single-footer ul{
   
    margin: 0px 10px;
    
    
}

.useo-single-footer ul li{
    padding: 2px 0px;
    color: #fff;
 	list-style: none;

    
}
.useo-single-footer ul li a{
    text-decoration: none;
    color: #fff;
    padding: 5px 0px; 
    font-family: 'Work Sans','Kalpurush';
    
}

.useo-footer-bottom{
    background-color:#360B6F;
    padding: 10px;
    width: 1120px;
    margin: auto;
    border-bottom: solid 10px #F80694;
    margin-bottom: 20px;
    display: table;
}

.copyright-info{
    font-size: 12px;
    color: #E8E8E8;
    float: left;
}
.developer-info{
    font-size: 12px;
    color: #E8E8E8;
    float: right;  
}

.developer-info a {
	color: #3ACF87;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	line-height: 100%;
	display: table;
}
/*=======================End Footer Section==========================*/



ul.contatc{
    list-style: none;
    float: left;    
}

ul.contatc>li{
    font-size: 14px;
    color: #000;
    float: left;
    font-weight: normal;
    margin-right: 10px;
}


ul.useo-social-links{
    list-style: none;
    position: relative;
    
}

ul.useo-social-links>li>a{
    float: right;
    line-height: 10px;
    border: solid 1px;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 5px;
    margin-left: 5px;
    color: #C0C0C0;  
    text-align: center;
    transition-property: background, border-radius;
    transition-duration: 1s;
    transition-timing-function: linear;
}

ul.useo-social-links>li>a:hover{
    color: #fff;
    background: #3ACF87;
    border-radius: 50%;
    padding: 3px 5px;
}


.useo-scroll {
	width: 1025px;
	height: auto;
	background-color: #FFF8DC;
	margin: auto;
	display: table;
	padding:10px 0px;
}

.useo-scroll > h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
	position: relative;
	text-align: center;
	background-color:#360B6F;
	color:#fff;
    margin-top: 0px;
    padding: 8px;
}


/*=======================End Misllaneous Section======================*/

input[type="text"] {
    padding: 3px;
    background: #ddd;
    border: none;
    color: #000;
    font-family: 'Work Sans','Kalpurush';
    font-size: 14px;
    
}

textarea{
    height: 60px;
    text-align: left;
    background: #ddd;
    border: none;
    color: #000;
    font-family: 'Work Sans','Kalpurush';
    font-size: 14px;
    padding: 3px 5px;
    resize: none;
 }

input[type="submit"]{
    padding: 5px 20px;
    background: #3ACF87;
    margin-top: 5px;
    font-size: 14px;
    color:#fff;
    cursor: pointer;
    border: none;
    font-family: 'Work Sans','Kalpurush';
    color: #fff;
    font-size: 14px;
    
}


input[type="email"] {
	padding: 6px 5px;
	width: 291px;
	margin-bottom: -5px;
	background: #505050;
	border: none;
	color: #fff;
	font-family: 'Work Sans','Kalpurush';
	font-size: 14px;
    font-size: 14px;
}
/*=======================Start Preloader==========================*/
.error {
	text-align: red;
	color: red;
	text-shadow: 1px 1px 1px #000;
	font-size: 28px;
}
.seach-title {
	text-align: center;
	font-size: 21px;
	font-weight: normal;
	text-decoration: double underline;
}

.nothing-found >span {
	font-size: 32px;
	color: red;
}

input#field{ margin-top:0px!important; }
img{width: auto}
.wcp-search-widget-field .ng-pristine .ng-valid .ng-touched {
	width: 260px!important;
}

/*====================Photo Gallery======================*/
ul.pgallery{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.pgallery li{
	float:left;
	width:212px;
	height:180px;
	padding:2px;
	margin:0px 5px 10px 5px;
	
}

ul.pgallery li img{
	width: 212px !important;
	height:180px!important;
	
}
/*====================Pagination======================*/
.pagination{
	clear:both;

}

.prev-posts-link{
	 float:left;
    margin-left: 10px;
}

.prev-posts-link a{
    text-decoration:none;
	color:#360B6F;
	font-weight:normal;
    font-size: 18px;
    margin: 0px;
	

}

.next-posts-link{
	float:right;
    margin-right: 10px;
}

.next-posts-link a{
    text-decoration:none;
	color:#360B6F;
	font-weight:normal;
    font-size: 18px;
    margin: 0px;

}

.contact-form h2 {
	font-size: 18px;
	margin-top: 20px;
	font-weight: normal;
	text-decoration: double underline;
}

ul li{
list-style-position:inside;
}

#pop_signup {
	display: none!important;
}

.table-fix{
    float: left;
    width: 760px;
    
    display: flex;
}

.table-header{
    float: left;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-right: solid 1px #fff;
    background-color: #3ACF87;
   
}

.table-cell{
    float: left;
    word-wrap: break-word;
    box-sizing: content-box;
    border-right: solid 1px #3ACF87;
    border-bottom: solid 1px #3ACF87;
    
    text-align: center;
    min-height: 100px;
    display: flex;
    justify-content: center; 
    align-items: center;

}

.table-cell>img{
    height: auto;
    width: 100%;
    vertical-align: middle;
    display: flex;
    padding: 3px;
   
}

.cell-fix{
    display: flex;
    float: left;
    width: 760px;
        
}

.useo-leftside-otherpage{ width: 760px; margin-top: 15px;}

.scroll-notice{width: 1100px;}

.nopost-warning {
	font-size: 26px !important;
	text-align: center !important;
	color: red !important;
    margin-bottom: 20px;
}
.scroll-notice {
	width: 1021px;
	height: 30px;
	background-color:#F80694;
	margin-top: 7px;
    border:solid 2px #160034;
}
.notice-title {
	float: left;
	background-color:#160034;
	padding: 0px 10px;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	letter-spacing: 0.1px;
}
.notice-body {
	width: 942px;
	padding-right: 5px;
	float: left;
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.2px;

}
    
    #s1{height: 30px; overflow: hidden!important;}  
    #s1>div{height: 30px; overflow: hidden!important;}
    #s1 div p a {text-decoration: none; color: #fff; line-height: 30px; display: block}
    #s1 div p a:hover{background: #000;}

.notice-body{width: 942px;}
/*Mobile Menu */
.stellarnav ul{text-align: left!important;}

.profile-details img{border-radius: 50%; width:100%;}
.profile-details, .small-profile-details{ width: auto; padding: 5px; background: #ddd; margin-top:10px; position: relative;}
.small-profile-details img{width:100%;}
.profile-base {
	position: absolute;
	padding: 10px;
	background-color: #F80694;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 20px;
}
.scroll-content{max-height: 800px; overflow-y:scroll;}

/*Scroll photo banner*/
p.nothing-found{color: #000;}

.all-notice{position: absolute;
    top: 10px;
    right: 10px;
    padding: 7px;
    word-wrap: break-word;
    width: auto;
    height: auto;
    background-color: #160034;
    text-align: center;
    line-height: 21px;
    border-radius: 0;
    font-size: 12px;
    color:#fff;
   
}


.all-notice a{color:#F9FC09; text-decoration:underline;}

.all-notice:hover {
	background: #F208D4;

}

.departmnt-section img{width:100%;} div.wpforms-container-full{margin-bottom: 0px!important;}

#CF5966f01f7e2fa_1 br{display:none;}
.caldera-grid .form-control{padding:0px 12px!important;; margin-top:5px!important; border-radius:0px!important;background-color: #000!important;color: #FFF425!important;}
.caldera-grid .form-group{margin-bottom:5px!important;;margin-top: 8px!important;}
.caldera-grid .btn-default{background-color: #000!important; color: #fff!important;}
.caldera-grid .alert {
	padding: 8px;
	margin-bottom: 0px!important;
	border-radius: 2px;
	text-align: left;
	margin-top: 5px;
	
}
.view-profiles {
	padding: 2px;
	background: #360B6F;
	border-radius: 3px;
	text-align:center;
}

.view-profiles a {
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 0px;
}
.view-profiles:hover {
	background: #F208D4;

}

.useo-leftside-otherpage figure{
	width: 100%!important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px;
}

.useo-single-footer p{color: #fff;}

.profile-base a{
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.cprofile-image {
	border-radius: 50%;
	border: solid 1px #360B6F;
	padding: 0px;
	width: 60px;
	height: 60px;
}

.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{
    vertical-align: middle;
    font-size: 16px;
}