/*
* Theme Name: Netscriperwp
* Author: Netscriper
* Author URI: http://www.netscriper.com/
*/
/*
font-family: 'Playfair Display', serif;
font-family: 'Roboto', sans-serif;
*/
body{
margin:0 auto;
}
a{
transition: 0.5s ease;
}
a:hover, a:focus{text-decoration: none;outline: none;}
h1,h2,h3,h4,h5,h6,ul li,ol li,p{
font-family: 'Roboto',san-serif;
}
@font-face{
font-family:"PyidaungsuNumbers";
src:url(/wp-content/themes/ns-inya/fonts/PyidaungsuNumbers.ttf);
}
@font-face{
font-family:"Pyidaungsu-Bold";
src:url(/wp-content/themes/ns-inya/fonts/Pyidaung-Bold.ttf);
}
@font-face{
font-family:Pyidaungsu;
src:url(/wp-content/themes/ns-inya/fonts/Pyidaungsu.ttf);
}
.program-wrap strong{
margin-top: 15px;
margin-bottom: 15px;
display: block;
}
.mb-5{
padding-bottom: 50px;
}
/*Articles*/
.con-tab{
border-bottom: 0;
margin-top: 30px;
margin-bottom: 30px;
}
.con-tab>li.active>a, .con-tab>li.active>a:focus, .con-tab>li.active>a:hover {
color: #555;
cursor: default;
border: 0;
border-bottom-color: transparent;
background: #4890ae;
padding: 7px 20px;
color: #fff;
border-radius: 5px;
font-weight: 400;
}
.con-tab>li>a {
padding: 7px 20px;
color: #4890ae;
background: rgb(183 224 241 / 95%);
margin-right: 20px;
font-size: 16px;
border-bottom: none!important;
border-radius: 5px!important;
}
.con-tab>li:hover>a{
background-color: rgb(183 224 241 / 95%);
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.conf-day{
font-size: 23px;
text-transform: uppercase;
padding-bottom: 15px;
text-decoration: underline;
color: #4890ae;
}
.conf-inner p i{
color: #4890ae;
font-size: 17px;
padding-right: 10px;
}
.iej-wrap{
margin: 60px 0px;
}
.iej-gray{
/*background: #f8f9f3;*/
/*background-image: url(/wp-content/uploads/2022/04/years-bg.png);*/
color: #f5f5f5;
text-align: center;
padding: 40px;
border-radius: 5px;
margin-bottom: 20px;
/*background-repeat: no-repeat;
background-size: cover;*/
}
.iej-blue{
/*background: #29abe2;*/
/*background-image: url(/wp-content/uploads/2022/04/years-bg.png);*/
color: #f5f5f5;
text-align: center;
padding: 40px;
border-radius: 5px;
margin-bottom: 20px;
/*background-repeat: no-repeat;
background-size: cover;*/
}
.iej1{
background-image:
linear-gradient(to bottom, rgb(0 0 0 / 30%), rgb(0 0 0 / 60%)),
url(/wp-content/uploads/2022/05/latest-issue.jpg)
}
.iej2{
background-image:
linear-gradient(to bottom, rgb(0 0 0 / 30%), rgb(0 0 0 / 60%)),
url(/wp-content/uploads/2022/05/best-paper.jpg)
}
.iej3{
background-image:
linear-gradient(to bottom, rgb(0 0 0 / 30%), rgb(0 0 0 / 60%)),
url(/wp-content/uploads/2022/05/all-articles.jpg)
}
.iej4{
background-image:
linear-gradient(to bottom, rgb(0 0 0 / 30%), rgb(0 0 0 / 60%)),
url(/wp-content/uploads/2022/05/iej.bg_.jpg)
}
.art-line{
border-bottom: 1px solid #cfd5e4;
}
.abs{
float: left;
padding-right: 15px;
}
.abs i{
padding-left: 10px;
}
.collapse.in {
display: block;
clear: both;
}
.single-abs{
padding: 15px;
background: #eff2f7;
}
.iej-gray h3 span,.iej-blue h3 span{
font-size: 15px;
text-transform: uppercase;
line-height: 32px;
}
.iej-gray h3,.iej-blue h3{
font-size: 25px;
font-weight: bold;
padding-bottom: 30px;
}
.btn-iej{
background: #000;
color: #fff;
border-radius: 50px;
padding: 10px 25px;
font-size: 12px;
}
.iej-black{
/*background: #000;*/
background-image:
linear-gradient(to bottom, rgb(0 0 0 / 30%), rgb(0 0 0 / 60%)),
url(/wp-content/uploads/2022/05/call-for-papers1.jpg);
color: #fff;
text-align: left;
padding: 30px;
border-radius: 5px;
margin-bottom: 20px;
display: block;
overflow: hidden;
}
.iej-black1{
background: #000!important;
}
.iej-black .left{
width: 75%;
float: left;
}
.iej-black .right{
width: 25%;
float: right;
}
.iej-black .left .first {
font-size: 100px;
display: block;
position: relative;
line-height: 70px;
float: left;
font-weight: bold;
}
.iej-black .left .second{
font-size: 27px;
text-align: left;
line-height: 35px;
padding-bottom: 15px;
}
.iej-black .left .second span{
display: block;
}
.iej-black .btn-iej{
background-color: #29abe2;
float: right;
}
.iej-sidebar,.program-side-wrap{
transition: .5s;
padding: 30px;
line-height: 1.42857143;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 2px 5px 0 rgb(255 255 255 / 40%), 0 2px 10px 0 rgb(0 0 0 / 12%);
min-height: 385px;
position: relative;
}
.iej-sidebar ul,.program-side-wrap ul{
list-style: none;
padding-left: 0px;
}
.iej-sidebar li,.program-side-wrap li{
border-bottom: 1px dashed #ddd;
padding: 12px;
}
.iej-sidebar li a,.program-side-wrap li a{
color: #767676;
line-height: 35px;
font-size: 16px;
}
.iej-sidebar li a:hover,.iej-sidebar li a:focus,.program-side-wrap li a:hover,.program-side-wrap li a:focus{
color: #333;
}
.iej-sidebar h3,.program-side-wrap h3{
text-align: center;
padding-bottom: 15px;
color: #767676;
}
.iej-vdotitle{
padding: 60px 0px;
text-align: center;
font-size: 30px;
font-weight: bold;
}
.mt-5{
margin-top: 70px;
}
.mt-3{
margin-top: 30px;
}
.card{
border-bottom: 1px solid #ddd;
margin-top: 30px;
}
.card-footer{
text-align: left;
padding: 10px 0px;
}
.card-footer a{
color: #333;
}
.card-footer a:hover{
text-decoration: underline;
}
.card-paper{
padding: 30px;
}
.mb-4{
margin-bottom: 40px;
}
/* Pagination */
ul.page-numbers{
padding-left: 0px;
overflow: hidden;
margin-top: 20px;
}
ul.page-numbers li{
float: left;
height: 35px;
width: 35px;
list-style: none;
line-height: 35px;
text-align: center;
padding: 0px;
border-radius: 100px;
margin-right: 3px;
border: 1px solid #999;
}
ul.page-numbers li span.current{
color: #000;
font-size: 16px;
}
.pagination ul li .current {
background-color:
#22a5db;
padding: 7px 15px;
}
.pagination ul li .inactive {
background-color:
#ddd;
padding: 7px 15px;
}
.pagination ul {
padding-left: 0;
font-family: 'Playfair Display';
font-size: 17px;
}
.mb-4{
margin-bottom: 40px;
}
.youtube-vdo{
margin-top: 25px;
overflow: hidden;
display: block;
}
.content-img img{
width: 100%;
height: auto;
}
/* 404 error */
.error img {
position: relative;
margin: 0 auto;
}
.back-home-wrap p {
font-size: 21px;
margin-top:50px;
}
.back-home-wrap {
text-align: center;
left: 0;
right: 0;
}
.error {
height: 400px;
}
.back-home {
margin-top: 14px;
border-radius: 0;
}
.pagination ul li {
display: inline;
margin-left: 16px;
}
.card-body h3{
font-size: 16px;
}
.program-card .card-body{
border-bottom: 1px solid #ddd;
margin-top: 30px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
overflow: hidden;
}
.pro-wrap{
box-shadow: 1px 0 5px #eee;
border: 1px solid #eee;
padding: 20px 20px 30px;
}
.pro-wrap img{
margin: 0px auto;
}
.pro-wrap .protxt-inner a{
display: block;
background: #22a5db;
width: 120px;
padding: 8px;
margin-top: 30px;
color: #fff;
text-align: center;
}
#program-project{
padding-top: 40px;
padding-bottom: 60px;
}
#program-project h3{
font-size: 24px;
font-family: roboto,san-serif;
font-weight: 300;
margin-bottom: 50px;
}
#program-project h3 span{
position: relative;
padding-bottom: 15px;
}
#program-project h3 span::after {
content: '';
width: 46%;
border-style: solid;
border-color: #22a5db;
border-width: 2px;
position: absolute;
bottom: 0;
left: 30px;
right: 0;
}
.program-card h5{
font-weight: 900;
}
/* Program Template Start */
.program-project .item {
border: 3px solid #4890ae;
margin: 10px 0 30px;
}
.program-project .item .title {
background: #4890ae;
margin: 0;
color: #fff;
padding: 10px 20px;
font-size: 20px;
}
.program-project .body {
padding: 15px 20px 10px;
}
.objectives {
background: #f1f1f1;
padding: 10px 15px;
margin: 5px 20px 5px 0;
width: 100%;
margin-bottom: 20px;
border: 1px solid #dddddd;
}
.objectives h4 {
margin-bottom: 15px;
}
.objectives ul {
padding: 0;
list-style: none;
}
.objectives ul li {
margin: 10px 0;
display: flex;
align-items: flex-start;
}
.objectives ul li:before {
content: "\f05b";
font-family: 'FontAwesome';
color: #4890ae;
margin-right: 7px;
font-size: 20px;
}
.program-project .description p{
text-indent: 30px;
}
/* Breadcrumb */
#breadcrumbs {list-style-type: none;text-align: right;}
#breadcrumbs li{display: inline-block;margin-left: 9px;}
#breadcrumbs {
list-style-type: none;
text-align: right;
}
.top-breadcrumb {
width: 100%;
height: 50px;
line-height: 50px;
vertical-align: middle;
display: inline-block;
}
.bread-home,.bread-home:hover,.bread-home:focus {
color: #FFF;
font-family: 'Roboto',san-sarief;
font-weight: 500;
}
.separator-home {
color: #FFF;
}
.bread-cat {
color: #FFF;
font-weight: 500;
}
.bread-cat:hover,.bread-cat:focus{
color:#FFFFFF;
font-weight: 500;
}
.top-breadcrumb .breadcrumbs {
float: right;
}
.top-breadcrumb .breadcrumbs a {
color:
#FFF;
font-family: 'Playfair Dispaly';
font-weight: 600;
font-size: 16px;
}
.current {
color: #020202;
}
/*********************** Widget ******************/
.no-padding-left{padding-left:0;}
.no-padding-right{padding-right:0;}
.mywidget h4 {
font-size: 14px;
font-family: 'Roboto',san-sarief;
text-align: justify;
margin-top: 0;
}
.mywidget h4 a {
color: #333;
font-weight: 300;
font-size: 13px;
}
.widget-title {
font-family: 'Playfair Display',san-sarief;
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
}
.widget ul li a {
color: #333;
font-family: 'Roboto',san-sarief;
border-bottom: 1px solid #ddd;
display: block;
padding-top: 12px;
padding-bottom: 12px;
position: relative;
}
.widget ul li a::before {
content: '';
position: absolute;
border: 1px solid #333;
bottom: 0;
width: 53px;
}
.widget ul li a:hover::before {
content: '';
position: absolute;
border: 1px solid #333;
bottom: 0;
left: 0;
right: 0;
width: 100%;
transition: all .3s ease;
}
.widget ul li a:hover,
.widget ul li a:focus{
color:#22a5db;
text-decoration: none;
outline: none;
}
.widget ul{
padding-left:0;
list-style-type: none;
}
.sidebar {
margin-top: 30px;
}
.sidebar h3{
font-family: 'roboto',san-sarief;
font-size: 19px;
}
.widget h3 {
border-bottom: 2px solid #22a5db;
padding-bottom: 8px;
font-family: 'Playfair Display',san-sarief;
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
}
.mywidget {
padding-top: 5px;
padding-bottom: 5px;
}
.widget-post-date {
font-size: 11px;
margin-top: 0;
font-weight: 300;
color:#22a5db;
}
/*************** Menu ***************/
#site-navigation {
background-color: transparent;
border-color: transparent;
margin-bottom: 6px;
margin-top: 14px;
}
#site-navigation.navbar-default .navbar-nav > .active > a,
#site-navigation.navbar-default .navbar-nav > .active > a:focus,
#site-navigation.navbar-default .navbar-nav > .active > a:hover {
color: #22a5db;
background-color: transparent;
}
#site-navigation.navbar-default .navbar-nav > li > a{
color:#000;
font-family: 'Roboto', sans-serif;
}
#site-navigation.navbar-default .navbar-nav > li > a:hover,
#site-navigation.navbar-default .navbar-nav > li > a:focus{
color: #22a5db;
}
#site-navigation .nav > li > a{
padding:10px 8px;
}
#site-navigation ul.dropdown-menu li ul.dropdown-menu {
left: 100%;
top: -4px;
border-radius: 0;
}
#site-navigation ul.dropdown-menu{
border-radius: 0;
border-color: transparent;
}
#site-navigation.navbar-default .navbar-nav > .open > a,
#site-navigation.navbar-default .navbar-nav > .open > a:focus,
#site-navigation.navbar-default .navbar-nav > .open > a:hover {
color: #22a5db !important;
background-color: transparent;
}
#site-navigation ul.dropdown-menu .caret{
border-left:4px solid #333;
border-right: 4px solid transparent;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
#site-navigation .dropdown-menu > .active > a,
#site-navigation .dropdown-menu > .active > a:focus,
#site-navigation .dropdown-menu > .active > a:hover {
color: #22a5db;
background-color: transparent;
}
#site-navigation .dropdown-menu > li > a:focus,
#site-navigation .dropdown-menu > li > a:hover {
color: #22a5db;
background-color: transparent;
}
#site-navigation ul.dropdown-menu li{
padding-top:2px;
padding-bottom:2px;
}
/**************** Header **************/
header {
position: relative;
}
header img {
position: absolute;
}
.header {
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
.header.fixed {
position: fixed;
top: 0;
z-index: 999;
background-color: #FFFFFF;
width: 100%;
left: 0;
animation: smoothScroll 1s forwards;
box-shadow: 1px -1px 7px #000;
border-top-color: transparent;
}
@keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
/*************** Search Form **************/
.header-search-box .form-control{
border:none;
box-shadow: none;
}
.header-search-box .btn-default,
.header-search-box .btn-default:active,
.header-search-box .btn-default:focus,
.header-search-box .btn-default:hover{
background-color: transparent;
border-color:transparent;
color:#22a5db;
box-shadow: none;
}
.header-search-box input[type="search"] {
-webkit-appearance: none;
font-family: 'Roboto';
text-transform: lowercase;
}
.header-search-box {
margin-top: 17px;
}
.searchform h3 {
font-family: 'Roboto',sans-serif;
font-weight: 300;
font-size: 29px;
margin-top: 78px;
margin-bottom: 49px;
}
.second-search .input-group-addon{
background-color: #FFFFFF;
border-color: transparent;
}
.second-search .form-control{
border-color: transparent;
box-shadow: none;
width:900px !important;
}
.second-search .input-group{
border: 1px solid #ddd;
}
.second-search .input-group-btn {
padding-left: 15px;
}
.second-search .input-group-btn .btn {
background-color: #22a5db;
border-radius: 0;
border-color: #22a5db;
color: #FFF;
font-family: 'Roboto',sans-serif;
font-weight: 300;
font-size: 16px;
width: 111px;
height: 48px;
}
.second-search .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: transparent;
}
.second-search .form-control::-moz-placeholder { /* Firefox 19+ */
color: transparent;
}
.second-search .form-control:-ms-input-placeholder { /* IE 10+ */
color: transparent;
}
.second-search .form-control:-moz-placeholder { /* Firefox 18- */
color: transparent;
}
/********** Publications ***********/
#publications h3 span{
position: relative;
padding-bottom: 8px;
}
#publications h3 span::after {
content: '';
width: 46%;
border-style: solid;
border-color: #22a5db;
border-width: 2px;
position: absolute;
bottom: 0;
left: 31px;
right: 0;
}
#publications h3{
font-family: 'Roboto',sans-serif;
font-weight: 400;
}
.gray-bg-wrap {
background-color: #f9f9f9;
padding-bottom: 70px;
}
.pub-box {
padding-top: 35px;
}
.pub-box .caption {
background-color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
box-shadow: 1px -1px 3px 1px #ddd;
}
.pub-box .caption h4 a{
color:#000;
}
.pub-box .caption h4{
text-align: center;
font-size: 15px;
font-weight: 500;
font-family: 'Roboto',san-serif;
}
.pub-slider a{
color:#000;
text-decoration: none;
}
.publication-journal {
padding-top: 34px;
padding-bottom: 44px;
background-color:
#f7f7f7;
margin-bottom: 35px;
margin-top: 33px;
}
.publications-info-data ul {
padding-left: 0;
list-style-type: none;
}
.publications-info-data ul li {
display: inline-block;
}
.public-img img {
margin: 0 auto;
}
.publications-info-data h3 {
font-family: Pyidaungsu-Bold;
font-size: 20px;
color:
#22a5db;
font-weight: 600;
}
.publication-journal .journal-download-link .btn {
margin-right: 26px;
padding: 8px 22px;
font-size: 15px;
}
.public-img .cover-book {
position: relative;
border: 1px solid #f2f2f2;
}
.public-img .shadow {
position: absolute;
bottom: -42px;
left: 0;
z-index: 99;
}
.publications-info-data ul li a {
color:
#000;
font-weight: 300;
}
.publications-info-data ul li a::after {
content: '|';
color:
#22a5db;
font-weight: 900;
padding-left: 10px;
padding-right: 10px;
}
.publications-info-data ul li:last-child a::after {
content: '';
}
/************ Our Blog **************/
#ourblog {
padding-top: 44px;
padding-bottom: 51px;
}
#ourblog h3 span,#data-dashboard h3 span,#ourblog h3 span{
position: relative;
padding-bottom: 8px;
}
#ourblog h3 span::after, #data-dashboard h3 span::after, #ourblog h3 span::after {
content: '';
width: 38%;
border-style: solid;
border-color: #22a5db;
border-width: 2px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
#podcast h3 span{
position: relative;
padding-bottom: 8px;
}
#podcast h3 span::after {
content: '';
width: 60%;
border-style: solid;
border-color: #22a5db;
border-width: 2px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.row.exe-flex {
display: flex;
align-items: center;
}
#ourblog h3{
font-family: 'Roboto',sans-serif;
font-weight: 400;
}
.blogs h4 a{
font-family: 'Roboto',sans-serif;
font-weight: 500;
color:#000;
font-size: 15px;
}
.blogs h4 a:hover,
.blogs h4 a:focus{
color:#000;
}
.blogs p{font-family: 'Roboto',sans-serif;font-size: 12px;color: #6f6d6d;}
.blog-l {
padding-top: 30px;
}
.blog-r {
padding-top: 30px;
}
.blogs {
padding-top: 10px;
}
.download-btn-group {
margin: 20px 0;
}
.download-btn {
background: #57bbe6;
color: #fff;
padding: 8px 10px;
display: inline-block;
margin: 5px 1px;
}
.download-btn i {
margin-right: 5px;
}
.download-btn:hover {
color: #fff;
}
.parent-pageid-158 .table tbody tr td img {
margin: 0 auto;
width: 150px;
}
.parent-pageid-158 .table > tbody > tr > td{
background-color: #f2f0f0;
border: 1px solid #FFF;
padding-top: 30px;
padding-bottom: 30px;
}
.parent-pageid-158 h3{
font-size: 17px;
}
.parent-pageid-158 .table{
margin-top: 12px;
}
.program-box {
background-color: #f0efef;
margin-top: 10px;
margin-bottom: 20px;
}
/*.program-video {
margin-top: 20px;
padding-right: 10px;
}*/
.program-img {
padding: 9px 10px;
}
/*.play-btn {
position: absolute !important;
top: 90px;
width: 28px;
left: 0;
right: 0;
margin: 0 auto;
}
.program-video-id img {
position: relative;
}*/
.video-frame .play-btn {
position: absolute;
top: 39%;
width: 34px;
left: 0;
right: 0;
margin: 0 auto;
}
.video-frame{position: relative;margin-left: 20px;margin-bottom: 20px;}
/* PROGRAMS TEMPLATE START */
.program-circles .circle {
/* background: #f1f1f1;
width: 510px;
margin: -30px 0;
height: 510px;
border-radius: 50%;*/
text-align: center;
/*padding: 20px 70px;
border: 3px solid #57bbe6;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;*/
}
.program-circles .item {
width: 400px;
border: 5px solid #29abe2;
background: #ece6e6;
margin-right: 15px;
margin-bottom: 15px;
padding: 30px 15px;
}
.program-circles {
margin: 50px 0 70px;
display: flex;
flex-flow: wrap;
}
.program-circles .item:nth-child(even) {
display: flex;
flex-direction: row-reverse;
}
.program-circles .circle h3 {
width: 245px;
margin: 20px auto 20px;
position: relative;
padding-bottom: 13px;
}
.program-circles .circle h3:after {
content: "";
position: absolute;
width: 40px;
height: 2px;
background: #29abe2;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.program-circles p {
line-height: 25px !important;
}
.program-circles a, .program-project .item a {
display: inline-block;
background: #29abe2;
color: #fff;
padding: 5px 12px;
margin-top: 5px;
transition: all .2s;
}
.program-circles a:hover, .program-project .item a:hover{
background: #57bbe6;
}
/* PROGRAMS TEMPLATE END */
/************ Data Dashboard *************/
#program-project{background-color: #f9f9f9;padding-top: 40px;padding-bottom: 60px;}
#data-dashboard{background-color: #fff;padding-top: 40px;padding-bottom: 60px;}
#data-dashboard h3{text-align: center;font-size: 24px;font-family: 'Roboto',san-serif;font-weight: 300;}
#data-dashboard .btn{background-color: #22a5db;color:#FFF;border-color:transparent;border-radius: 0;font-family: 'Roboto',san-serif;}
.data-dashboard-btn {
text-align: center; padding-top: 30px;
}
/************ Podcast *************/
#podcast {
background: #f9f9f9;
padding-bottom: 50px;
margin-top: 50px;
background-position: center center;
padding-top: 40px;
}
.podcast {
margin: 25px 0px;
}
.podcastimage {
position: relative;
}
.podcastimageoverlay {
position: absolute;
width: 100%;
height: 100%;
background: #22a5db45;
top: 0;
background-image: linear-gradient(to top, #22a5db45 30%, transparent 60%);
}
h4.podcasttitle {
margin: 0;
padding: 15px;
background: #157da8;
color: white !important;
min-height: 70px;
display: flex;
align-items: center;
}
.podcasttitle a{
color: white;
}
.postcastlist {
border: 1px solid #22a5db59;
margin: 25px 0px;
padding: 8px 25px;
border-radius: 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.count {
width: 57px;
height: 57px;
background: #22a5db;
margin-right: 25px;
border-radius: 50%;
text-align: center;
font-size: 25px;
font-weight: bolder;
padding-top: 12px;
color: white;
}
.countflex {
width: 7%;
}
.postcastlist h4 {
width: 80%;
}
.audio,.playicon {
width: 10%;
}
.playicon {
display: flex;
float: right;
text-align: right;
flex-wrap: wrap;
justify-content: right;
align-items: center;
}
.playiconcast {
width: 35px;
margin-right: 15px;
}
.youtubeiconcast {
width: 45px;
}
.playicon .btn-primary {
background: transparent;
border: 0;
padding: 0;
}
.podcastdetailsection {
padding: 40px 0px;
}
/************** Services *************/
.service-box .caption{
position: relative;
}
.service-box .caption p {
font-size: 20px;
font-family: 'Roboto',san-serif;
font-weight: 500;
position: absolute;
bottom: 15px;
left:15px;
color: #FFF;
width: 100%;
right:0;
padding-bottom: 15px;
}
.service-box .caption p::after {
content: '';
border-bottom: 3px solid #fff;
position: absolute;
bottom: 0;
width: 17%;
left:0;
right: 0;
}
#services {
padding-top: 10px;
margin-bottom: 64px;
display: block;
overflow: hidden;
}
#services.visible-xs{
display: none !important;
}
.page-content {
padding-top: 20px;
}
.service-title {
font-size: 18px;
}
.service-content .read-more-btn {
display: none;
}
.excerpt-wrap {
/*height: 110px;*/
/*line-height: 110px;*/
display: inline-block;
vertical-align: middle;
}
.service-content a .service-title {
color: #000;
}
.service-content p a {
color:
#333;
}
.post-date {
color:
#625d5d;
font-size: 13px;
}
.column:last-child {
border-right-color:
transparent;
}
.services-post {
padding-top: 27px;
padding-bottom: 30px;
}
.services-post p {
line-height: 1.5em !important;
}
.services-wrap {
margin-bottom: 35px;
background-color:
#f0f0f0;
box-shadow: 4px 4px 6px
#9d9c9c;
height: 402px;
}
.services-wrap .post-date {
font-weight: 500;
margin-top: 17px;
}
.service-content {
padding-left: 10px;
padding-right: 5px;
padding-bottom: 10px;
}
#service-box-clr a::before {
position: absolute;
content: '';
background: linear-gradient(to bottom,rgba(20,185,253,0.8),rgba(0,0,0,0.4));
width: 100%;
height: 316px;
z-index: 99;
top: 0px;
}
#service-box-clr a {
position: relative;
}
#service-box-clr .caption {
position: absolute;
bottom: 20px;
left: 22px;
width: 201px;
color: #FFF;
font-family: 'Roboto',San Serif;
font-weight: 600;
font-size: 19px;
z-index: 999;
}
#service-box-clr .caption p::before {
position: absolute;
border-style: solid;
content: '';
bottom: 0;
width: 56px;
border-width: 2px;
}
/******************* Footer *****************/
footer {
background-color: #22a5db;
padding-top: 20px;
}#address {font-family: 'Roboto',san-serif;color:#FFFFFF;}
#address .phone{color:#FFFFFF;}
#address .phone:hover,#address .phone:focus{color:#FFFFFF;}
#address .fa {
font-size: 23px;
border: 1px solid #FFF;
width: 43px;
height: 43px;
text-align: center;
line-height: 43px;
}
.add p {
display: table-cell;
vertical-align: middle;
height: 40px;
}
.add .phone{
display: table-cell;
vertical-align: middle;
height: 40px;
}
.add {
display: table;
}
.social-pages a {
color: #fff;
display: inline-block;
margin: 0px 0px 5px;
transition: all .2s;
}
.social-pages a i {
opacity: .7;
margin-right: 5px;
}
.social-pages a:hover {
opacity: .7;
}
.newsletters p {
color: #fff;
font-family: 'Roboto',san-serif;
margin-top: 26px;
font-weight:bold;
}
.newsletters {
padding-top:40px;
padding-bottom: 30px;
border-bottom: 1px solid #d9cccc;
}
.mailchimp-form .form-control {
border-radius: 0;
background: rgba(100, 193, 232, 0.8);
border-color: transparent;
box-shadow: none;
}
.mailchimp-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFFFFF;
font-family: 'Roboto',san-serif;
}
.mailchimp-form .form-control::-moz-placeholder { /* Firefox 19+ */
color: #FFFFFF;
font-family: 'Roboto',san-serif;
}
.mailchimp-form .form-control:-ms-input-placeholder { /* IE 10+ */
color: #FFFFFF;
font-family: 'Roboto',san-serif;
}
.mailchimp-form .form-control:-moz-placeholder { /* Firefox 18- */
color: #FFFFFF;
font-family: 'Roboto',san-serif;
}
.search-form.btn.btn-default {
border-radius: 0;
border-color: transparent;
font-family: 'roboto';
padding-left: 48px;
padding-right: 48px;
}
#go-top {
position: fixed;
right: 3%;
bottom:37px;
border: 2px solid #57bbe6;
background-color: #57bbe6;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
color: #066e99;
}
.footer-widget p {
color: #FFF;
font-size: 13px;
font-family: 'Roboto',San-sarief;
}
.footer-widget {
background: #157da8;
padding-top: 14px;
margin-top: 10px;
}
.footergmail{
color: white;
text-align: right;
font-size: 13px;
}
.updatesocialflex {
display: flex;
width: auto;
justify-content: center;
align-items: center;
}
.eachupdatesocial {
margin: 15px 10px;
padding: 10px;
border: 1px solid #ffffffad;
border-radius: 2px;
}
.footer-widget p a{
color:#FFFFFF;
}
.footer-widget p a:hover,
.footer-widget p a:focus{
color:#FFFFFF;
}
.social-media {
float: right;
}
.social-media .fa {
color: #FFF;
font-size: 18px;
margin-left: 15px;
}
/*************** Page ************/
#page-wrapper p {
font-family: 'Roboto',san-serif,'Pyidaungsu';
line-height: 3rem;
/*font-size: 17px;*/
}
#page-wrapper h1 {
font-size: 21px;
color: #29abe2;
text-transform: uppercase;
font-family: 'Playfair Display', serif;
font-weight: 600;
}
.page-banner {
background-color: #4890ae;
margin-bottom: 23px;
}
.color-update{
color: #4890ae!important;
}
/************ About us *********/
.about-us-text h1 span
{
position: relative;
}
.about-txt h2 span {
position: relative;
font-size: 20px;
}
.about-us-text h1 span::after {
content: '';
position: absolute;
width: 100%;
bottom: -12px;
left: 0;
border-bottom: 5px double #1d1e1e;
text-align: center;
right: 0;
}
.about-txt h2 span::after {
content: '';
position: absolute;
width: 35px;
bottom: -12px;
left: 0;
border-bottom: 5px double #1d1e1e;
}
.about-us-text p{
margin-top: 35px;
text-align: center;
line-height: 1.5em;
font-size: 19px;
font-weight: 300;
}
.about-txt p{
margin-top: 35px;
text-align: justify;
line-height: 1.5em;
}
.about-txt ul{
text-align: justify;
line-height: 1.5em;
}
/*.about-us-wrap {
margin-top: 54px;
}*/
.about-us-wrap {
margin-bottom: 30px;
}
.about-txt {
margin-top: 43px;
margin-bottom: 30px;
}
.about-table-box {
background-color: #f5f5f5;
padding: 20px 20px;
height: 285px;
display: table;
width: 100%;
margin-top: 5px;
margin-bottom: 20px;
}
.table-box {
display: table;
width: 100%;
height: 427px;
}
.products ul {
margin-top: 32px;
}
.txt-middle {
display: table-cell;
vertical-align: middle;
}
.about-table-box:hover {
box-shadow: 0px 0px 7px -1px #9b9b9b;
}
.about-us-text h1 {
text-align: center;
}
.about-us-text {
display: table-cell;
vertical-align: middle;
}
/************** Founder **********/
.team-img {
overflow: hidden;
border-radius: 50%;
width: 150px;
height: 150px;
}
.our-teams-wrap {
margin-top: 10px;
margin-bottom: 30px;
background-color:
transparent;
padding: 20px;
border-bottom: 2px dotted
#eae9e9;
}
.people {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.people .team-img {
margin: 0 auto;
}
.people-text p {
text-align: center;
display: inline-block;
vertical-align: middle;
}
.people-text {
/* height: 165px;
line-height: 165px;*/
}
.post-type-archive-editors-list .editor {
margin-bottom: 30px;
}
.post-type-archive-editors-list .author-img{
border-radius: 0;
}
/************** Contact **************/
.contact-form .control-label {
font-family: 'Roboto',san-sarief;
}
.contact-form .form-control {
margin-top: 10px;
border-radius: 0;
resize: none;
}
.contact-submit-btn {
border-radius: 0;
width: 107px;
background-color: #22a5db;
color: #FFF;
font-family: 'Roboto',san-serif;
border-color: transparent;
float: right;
}
.contact-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ddd;
font-family: 'Roboto',san-serif;
}
.contact-form .form-control::-moz-placeholder { /* Firefox 19+ */
color: #ddd;
font-family: 'Roboto',san-serif;
}
.contact-form .form-control:-ms-input-placeholder { /* IE 10+ */
color: #ddd;
font-family: 'Roboto',san-serif;
}
.contact-form .form-control:-moz-placeholder { /* Firefox 18- */
color: #ddd;
font-family: 'Roboto',san-serif;
}
.contact-form {
margin-bottom: 32px;
}
/**************** Blog *******************/
.blogs-wrapper {
padding-top: 15px;
padding-bottom: 25px;
font-family: 'Roboto',san-serif;
}
.blogs-wrapper h3 a{color:#000;font-size: 18px;}
.blogs-wrapper h3 a:hover,.blogs-wrapper h3 a:focus{color:#000;}
.blogs-wrapper .read-more-btn {
color: #22a5db;
font-weight: 500;
font-size: 12px;
margin-left: 9px;
}
.blogs-wrapper p{font-weight: 300;}
.core-team-des-box {
display: table;
height: 213px;
width: 100%;
}
.team-title-desc {
display: table-cell;
vertical-align: middle;
}
/*.title-content {
padding-top: 3px;
}*/
.title-content p {
text-align: justify;
}
.core-team-box h4 {
text-transform: uppercase;
font-size: 16px;
color: #05658c;
}
.core-team-box h4 {
color: #22a5db;
}
.team-box {
margin-top: 20px;
margin-bottom: 20px;
border: 12px solid #b6d6e3;
}
.team-transprent-box {
border: 1px solid #ddd;
margin-bottom: 20px;
margin-top: 10px;
padding: 20px 20px;
}
.team-img-box img {
position: relative;
}
.team-intro-box {
position: absolute;
bottom: 6px;
left: 0;
right: 0;
padding: 29px 42px;
z-index: 999;
}
.team-description {
display: none;
}
.team-name {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
display: inline-block;
background-color: #22a5db;
padding-left: 18px;
padding-right: 24px;
}
.team-img-box::after {
position: absolute;
content: '';
background: rgba(0,0,0,.5);
width: 317px;
height: 318px;
z-index: 999;
top: 31px;
display: none;
}
.team-transprent-box:hover .team-img-box::after,
.team-transprent-box:hover .team-description {
display: inline-block;
}
.team-description {
color: #FFF;
text-align: justify;
}
.core-team-box {
padding: 20px 20px;
}
.inya h3 {
font-size: 15px;
text-align: center;
color: #FFF;
margin-top: 0;
background-color:#626364;
padding: 10px 0;
margin-bottom: 0;
}
.inya {
margin-top: 10px;
margin-bottom: 30px;
border: 2px solid #626364;
}
.story {
padding-top: 29px;
padding-bottom: 17px;
}
.story p {
position: relative;
font-size: 17px;
font-weight: 300;
text-indent: 3em;
}
.story p::after {
content: "\275E";
font-size: 40px;
position: absolute;
/* left: 170px;*/
bottom: -5px;
}
.story p::before {
content: "\275D";
font-size: 40px;
position: absolute;
left: -35px;
}
.editor-list .nav-tabs > li.active > a,
.editor-list .nav-tabs > li.active > a:focus,
.editor-list .nav-tabs > li.active > a:hover {
color: #22a5db;
border: 1px solid transparent;
}
.editor-list .nav-tabs{
border-bottom-color:transparent;
}
.editor-list .nav-tabs > li > a{
padding-left:50px;
padding-right:50px;
color:#000;
font-size: 16px;
}
.editor-list .nav-tabs > li > a:hover,
.editor-list .nav-tabs > li > a:focus {
border-color: transparent;
background-color:transparent;
color: #22a5db;
}
.editor-list .nav-tabs > li{
border-right:2px solid #22a5db;
}
.editor-list .nav-tabs > li:last-child {
border-right-color: transparent;
}
.editor-list {
padding-bottom: 38px;
padding-top: 30px;
}
.tab-content.editor-content {
padding: 20px 20px;
}
.editor-list h3 {
color: #22a5db;
font-size: 19px;
font-family: 'playfair display',serif;
text-transform: uppercase;
font-weight: 600;
}
.editor-info h4 {
font-family: 'Roboto',serif;
font-size: 17px;
font-weight: 500;
}
.editor-info p {
font-weight: 300;
}
.author-img {
/* border-radius: 50%; */
display: flex;
justify-content: center;
overflow: hidden;
}
.editor-img .caption p {
margin-bottom: 0;
text-align: center;
color:#000;
}
.editor-img .caption {
padding-top: 12px;
}
.editor-img .caption p:first-child {
font-weight: 500;
}
.author-title h3 {
font-size: 19px;
text-transform: uppercase;
color:
#22a5db;
font-family: 'Playfair Display',serif;
font-weight: 600;
}
.editor-slick .slick-prev::before, .editor-slick .slick-next::before{
color:#22a5db;
}
.book-library {
background-color:
#eeeff0;
}
.gray-bg {
background-color:
#70a8bf;
padding-top: 92px;
padding-bottom: 42px;
}
.journal-info-wrap h3 {
font-family: 'Playfair Display', serif;
text-transform: uppercase;
font-size: 32px;
display: inline-block;
position: relative;
margin-bottom: 30px;
}
.journal-info-wrap h3::before {
content: '';
position: absolute;
border-style: solid;
bottom: -12px;
border-width: 2px;
border-color:
#000;
width: 136px;
}
.center .slick-current img{
opacity: 1 !important;
}
.center .slick-slide img {
display: block;
opacity: .3;
}
.clip{cursor: pointer;}
.journal-author-info h4{
font-size: 16px;
margin-top: 22px;
font-family: 'Roboto', Serif;
}
/*.journal-author-info h4::before {
content: "\2666";
position: absolute;
left: 0;
font-size: 28px;
top: 17px;
}*/
.journal-info-wrap {
padding-left: 25px;
padding-top: 22px;
}
.journal-author-info h4 span{
color:#22a5db;
}
.journal-info-data ul li {
display: inline;
}
.journal-info-data ul{
padding-left: 0;
}
.journal-info-data ul li a.btn {
border-radius: 31px;
border-color:
#f0e9e9;
color: #22a5fb;
}
.journal-info-data {
padding-top: 10px;
padding-bottom: 10px;
}
.journal-info-data ul li a.btn:hover,
.journal-info-data ul li a.btn:focus{
background-color: #FFFFFF;
border-color:#f0e9e9;
color:#22a5db;
text-decoration: none;
outline: none;
}
.journal-download-link .btn {
background-color: #22a5db;
color: #FFF;
padding: 10px 26px;
border-color: transparent;
border-radius: 0;
font-size: 19px;
font-family: 'Roboto', Serif;
text-transform: uppercase;
}
.book-details ul li {
display: inline;
background-color: #eeebeb;
padding: 6px 10px;
color:#22a5db;
}
.book-details ul{padding-left: 0;text-align: center;}
.book-details h4 {
font-size: 14px;
}
.ebook-detail-wrap {
padding-top: 6px;
background-color: #ddd;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 20px;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
min-height: 595px;
}
.ebook-detail-wrap h3 {
font-size: 17px;
text-align: center;
font-family: 'Roboto',Serif;
height: 57px;
}
.journal-download-link p, .download-pdf {
background: #57bbe6;
margin-right: 5px;
width: 164px;
padding: 4px 6px;
color: #fff;
}
.journal-download-link {
display: flex;
flex-flow: wrap;
justify-content: center;
}
.journal-download-link p a {
color: #FFF;
}
a.download-pdf {
display: inline-block;
margin: 5px;
line-height: 2;
width: 200px;
text-align: center;
}
.book-details {
padding-top: 8px;
}
.book-details p span {
margin-left: 9px;
color:
#22a5db;
}
.journal-download-link p a {
color: #12a2df;
}
.book-thumb img {
margin: 0 auto;
border-radius: 4%;
border: 4px solid
#b4e7fd;
}
.book-thumb{margin-top:20px;}
.book-details {
text-align: center;
}
.jpdate {
font-size: 13px;
color:
#4f4f4f;
}
.abstract-title {
font-size: 16px;
text-transform: uppercase;
}
/********** Career *************/
.careers.table tbody tr th {
text-transform: uppercase;
font-family: 'Roboto',san serif;
background-color: #4890ae;
border: 3px solid #c6e4f0;
color: #FFF;
vertical-align: middle;
}
.careers.table tbody tr td {
font-family: 'Roboto',san serif;
border: 3px solid
#c6e4f0;
padding-top: 30px;
padding-bottom: 30px;
}
.careers.table.table-bordered {
border: 3px solid #c6e4f0;
}
.paperclip {
color: #22a5db;
}
.text-center.no_of_p {
width: 9%;
}
.widget-detail-wrap h5 {
margin-bottom: 0;
}
.widget-detail-wrap p{
font-size: 13px;
color: #797474;
}
.widget-img img {
border-radius: 50%;
width: 61px;
}
.widget-img {
overflow: hidden;
}
.widget-detail-wrap {
display: table;
height: 61px;
}
.widget-table {
display: table-cell;
vertical-align: middle;
}
.widget-row {
padding-top: 8px;
padding-bottom: 4px;
background-color: #f4f4f4;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
#service-box-color::before {
content: '';
position: absolute;
background: linear-gradient(to bottom, rgba(20, 185, 253, 0.8), rgba(0, 0, 0, 0.4));
z-index: 99;
width: 263px;
height: 316px;
}
#service-box-color {
position: relative;
}
.service-box .caption {
position: relative;
z-index: 99;
}
.journal-policy-page h3 {
/* background:
#f4f4f4; */
padding: 33px 15px;
text-align: center;
border-radius: 0;
/* box-shadow: 0px 2px 4px 1px
#c4c2c2; */
}
.journal-policy-page h3 a {
font-size: 26px;
text-transform: uppercase;
color: #000000;
font-family: 'Playfair Display';
}
.journal-policy-page h3 span {
color: #22a5db;
}
.journal-policy-page small {
font-size: 12px;
}
.jpp {
color: #29abe2;
text-transform: uppercase;
border-bottom: 2px dotted #4890ae;
padding-bottom: 6px;
font-family: 'Playfair Display';
}
.image_banner {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.p-top-25{
padding-top: 42px;
}
.p-top-40{
padding-top: 50px;
}
.p-top-40 .play-btn{
padding-top: 45px;
}
.program_coming_soon {
width: 262px;
}
/********** Media Query ************/
@media (max-width: 1024px) and (min-width: 768px){
.mobile-menu .navbar-header {
float: none;
}
.mobile-menu .navbar {
margin-bottom: 0px;
min-height: 40px;
}
.mobile-menu .navbar-toggle {
display: block;
border: 0px;
position: absolute;
right: -135px;
margin-top: 0px;
margin-right: 0px;
background: #29abe2;
}
.mobile-menu .navbar-toggle .icon-bar{
background: #fff;
}
.mobile-menu .navbar-collapse.collapse {
display: none!important;
}
.mobile-menu .navbar-collapse.collapse.in {
display: block!important;
}
.mobile-menu .navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.mobile-menu .navbar-nav>li {
float: none;
}
.mobile-menu .navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.mobile-menu .navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
width:auto;
float:none!important;
}
.navbar-form{
margin: 0px auto;
text-align: center;
margin-bottom: 20px;
}
.second-search .form-control{
width: 100%!important;
}
.header-search-box{
display: none;
}
.slick-slide img {
display: block;
width: 100%;
}
.blog-r-left h4{
min-height: 40px;
}
.blog-r-left img{
width: 100%;
}
.blogs {
text-align: center;
}
}
@media (min-width:992px) and (max-width: 1199px){
.countflex {
width: 7%;
position: absolute;
top: 15px;
left: -10px;
}
.postcastlist h4 {
width: 85%;
padding-left: 15px;
height: 50px;
display: flex;
align-items: center;
}
.postcastlist {
position: relative;
min-height: 88px;
}
.audio, .playicon {
width: 15%;
}
.count {
width: 45px;
height: 45px;
font-size: 20px;
}
.iej-vdo iframe{
width: 100%;
}
.iej-sidebar li a {
color: #767676;
line-height: 20px;
font-size: 14px;
}
.navbar-form{
margin: 0px auto;
text-align: center;
margin-bottom: 20px;
}
.second-search .form-control{
width: 100%!important;
}
.header-search-box{
display: none;
}
.slick-slide img {
display: block;
width: 100%;
}
.blog-r-left h4{
min-height: 40px;
}
.book-details {
min-height: 150px;
}
}
@media (min-width:768px) and (max-width: 991px) {
.countflex {
width: 7%;
position: absolute;
top: 15px;
left: -10px;
}
.postcastlist h4 {
width: 85%;
padding-left: 15px;
height: 50px;
display: flex;
align-items: center;
}
.postcastlist {
position: relative;
min-height: 88px;
}
.audio, .playicon {
width: 15%;
}
.count {
width: 45px;
height: 45px;
font-size: 20px;
}
header img{
max-width: 140px;
image-rendering: -webkit-optimize-contrast;
}
.sm #service-box-color::before {
width: 159px;
height: 189px;
}
.sm .second-search .form-control {
width: 535px !important;
}
.sm #service-box-clr a::before{
width: 159px;
height: 190px;
}
.sm #service-box-clr .caption {
/*top: 11em;*/
left: 9px;
width: 138px;
font-size: 14px;
}
.p-top-25{
padding-top: 0px;
}
.p-top-40{
padding-top: 0px;
}
.p-top-40 .play-btn{
padding-top: 0px;
}
.program-circles {
margin: 30px 0 15px!important;
}
.program-sidebar{
margin-bottom: 40px;
}
.ebook-detail-wrap{
min-height: 665px;
}
.book-details p{
line-height: 2rem!important;
}
.iej-vdo iframe{
width: 100%;
}
.iej-sidebar li a {
color: #767676;
line-height: 20px;
font-size: 14px;
}
.ie-inner-wrap{
width: 100%;
}
.iej-blue,.iej-gray{
padding: 15px 15px 30px;
}
.main-wrapper .image_banner2{
height: 230px;
}
}
@media(max-width: 1199px){
.program-circles .circle{
margin: unset;
}
}
@media (max-width: 767px) {
.program-project .item .title{
padding: 10px 15px;
}
.program-project .body {
padding: 10px 15px 5px;
}
.countflex {
width: 7%;
position: absolute;
top: 15px;
left: -10px;
}
.postcastlist h4 {
width: 95%;
padding-left: 15px;
height: 50px;
display: flex;
align-items: center;
}
.postcastlist {
position: relative;
min-height: 88px;
}
.audio, .playicon {
width: 95%;
justify-content: left;
align-items: center;
margin-left: 15px;
}
.count {
width: 45px;
height: 45px;
font-size: 20px;
}
.ebook-detail-wrap{
min-height: auto!important;
}
.xs .image_banner {
height: 130px !important;
background-position:top center;
}
.xs .carousel-indicators {
bottom: -36px !important;
}
.xs .mailchimp-submit {
margin-top: 12px;
width: 108px;
margin: 12px auto 0;
}
.xs .newsletters p {
text-align: center;
font-weight: bold;
}
.xs .second-search .form-control{
width:100% !important;
}
.xs .searchform h3{
font-size: 19px;
margin-top: 30px;
margin-bottom: 20px;
}
#publications h3 {
margin-top: 60px;
margin-bottom: 20px;}
header.xs img {
height: 77px;
position: static;
padding: 5px 0;
}
.xs .pub-box .caption {
background-color: transparent;
box-shadow: none;
padding-bottom: 16px;
}
.xs .pub-box img {
margin: 0 auto;
}
.xs .blog-l {
padding-top: 20px;
}
.xs #data-dashboard h3{
margin-top: 50px;
}
.xs #service-box-color img {
margin: 0 auto;
padding-bottom: 25px;
}
.xs .service-box .caption {
left: 59px;
bottom: 23px;
width: 79%;
}
#service-box-xs .caption {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
font-weight: 800;
text-shadow: 3px 2px 5px #131313;
right: 0;
width: 100%;
padding-left: 10px;
background: rgba(34, 165, 219,.5);
padding-top: 13px;
}
#service-box-xs {
position: relative;
margin-bottom: 20px;
}
.xs .service-box .caption p{
left:0;
}
.xs #address {
padding-bottom: 20px;
}
.xs .search-form.btn.btn-default{
padding-left:30px;
padding-right:30px;
}
.xs .footer-widget p{
text-align: center;
}
.xs .social-media {
float: inherit;
width: 100%;
text-align: center;
padding-bottom: 10px;
}
.xs #go-top{
right:3%;
bottom:11px;
}
.xs .newsletters{padding-top:12px;}
/*** About us for mobile ***/
.xs .table-box {
display: inherit;
height: auto;
}
.xs .about-us-text p{
font-size: 16px;
}
.xs .about-txt h2 span{
font-size: 20px;
}
.services-wrap img {
margin: 0 auto;
padding-top: 29px;
}
.author-img{
/*padding:57px; */
}
.xs #service-box-color::before {
left: 45px;
}
.xs #service-box-clr a::before {
width: 146px;
height: 175px;
}
.xs .journal-download-link .btn {
padding: 10px 21px;
font-size: 14px;
margin-bottom: 20px;
}
.xs #service-box-clr .caption {
font-size: 15px;
/*top: 7em;*/
left: 10px;
width: auto;
}
.xs #breadcrumbs {
list-style-type: none;
text-align: center;
padding-left: 0;
}
.xs .top-breadcrumb .breadcrumbs a{font-size:14px;}
.xs #breadcrumbs li.current {
font-size: 14px;
}
.xs #service-box-clr {
margin-bottom: 20px;
}
#program-project {
background-color: #f9f9f9;
padding-top: 0px;
padding-bottom: 10px;
}
.program-entry {
padding-left: 15px;
padding-right: 20px;
}
.program-box {
padding-top: 8px;
padding-bottom: 16px;
}
.program-video {
padding-right: 15px;
padding-left: 15px;
}
.career-xs-wrap {
background-color: #ececec;
padding: 10px 15px;
margin-top: 10px;
margin-bottom: 25px;
}
.career-xs-wrap h5 {
color: #151515;
font-size: 15px;
margin-top: 19px;
}
.career-view-more .paperclip {
background: #22a5db;
color: #FFF;
padding: 10px 16px;
font-family: 'Roboto';
}
.career-view-more {
margin-bottom: 20px;
margin-top: 20px;
}
.p-top-25{
padding-top: 0px;
}
.p-top-40{
padding-top: 0px;
}
.p-top-40 .play-btn {
padding-top: 17%;
}
.xs .blog-r-left img {
margin: 0 auto;
}
.xs .add p {
color: #FFF;
font-size: 14px;
}
.publications-side h1 {
text-align: center;
}
.blogs-wrapper img {
margin: 0 auto;
}
.program-circles {
margin: 0px 0 20px!important;
}
.program-sidebar{
margin-bottom: 40px;
}
.ebook-detail-wrap{
min-height: 650px;
}
.book-details p{
line-height: 2rem!important;
}
.iej-vdo{
margin-bottom: 20px;
}
.iej-vdotitle {
padding: 40px 0px;
}
.mt-5 {
margin-top: 30px;
}
.blog-l .blogs,.pro-wrap .blogs h4{
text-align: left;
}
.blogs {
padding-bottom: 0px;
}
.blogs h4 {
min-height:40px;
}
#ourblog {
padding-top: 24px;
padding-bottom:0px;
}
.blog-r .blog-r-left{
margin-bottom:40px;
}
.gray-bg-wrap {
padding-bottom: 10px;
}
#data-dashboard {
padding-bottom: 0px;
padding-top: 0px;
}
.contact-submit-btn {
font-size: 14px;
margin-top: 20px;
}
.more-jobs {
margin-top: 10px !important;
}
#podcast {
padding-bottom: 20px;
margin-top: 30px;
padding-top: 0px;
}
.menu-our-team-container{
margin-bottom:40px;
}
.footergmail{
text-align:center !important:
}
.mm-listitem_selected>.mm-listitem__text {
color:#22a5db !important;
}
.mm-menu_offcanvas.mm-menu_opened {
display: block;
z-index: 99999;
}
.blogs-wrapper h3 a {
font-size: 15px;
}
.header img, .mobile-menu{
text-align:left !important;
}
.service-box-xs img{
width: 100%;
}
.program-card .card-body{
padding-bottom: 30px;
margin-top: 10px;
}
.image_banner2{
height: 155px!important;
}
.iej-sidebar, .program-side-wrap{
min-height: auto;
}
}
@media(max-width: 550px){
.program-circles .circle {
width: unset;
height: unset;
border: unset;
border-radius: unset;
margin-bottom: 20px;
padding: 15px 25px 25px;
border-bottom: 3px solid #29abe2;
}
.program-circles .circle h3{
width: unset;
}
.iej-blue,.iej-gray{
background-size: cover;
}
.ie-inner-wrap{
width: 100%;
}
.iej-vdo{
width: 100%;
text-align: center;
}
.iej-vdo iframe{
width: 100%!important;
}
.top-breadcrumb{
width: 100%;
min-height: 50px;
line-height: 20px;
vertical-align: middle;
display: inline-block;
color: #fff;
display: flex;
align-items: center;
justify-content: flex-end;
height: unset;
padding: 5px 0;
}
#breadcrumbs {
margin: 0;
}
.pagination ul{
display: flex;
flex-wrap: wrap;
}
.pagination ul li{
margin: 10px 5px;
}
}
@media (max-width: 480px) {
.p-top-40 .play-btn {
padding-top: 20px;
}
.program-table h4{
font-size: 16px;
}
.mb-5{
margin-bottom: 20px;
}
div#sidebar-publications{
margin-top: 30px;
margin-bottom: 40px;
}
.program-circles .item{
width: 100%;
word-break: break-all;
margin: 0 !important;
}
}
/*************** Update **************/
.video-wrap ol.carousel-indicators {
bottom: -40px !important;
}
.page-id-149 h4 {
text-decoration: underline;
color:
#4890ae;
}
.latest-jobs ul li {
display: inline;
padding-right: 17px;
color: #605e5e;
font-family: 'Roboto';
}
.latest-jobs ul {
padding-left: 0;
}
.latest-jobs ul li .fa {
color:
#22a5db;
}
.latest-jobs {
padding-left: 21px;
padding-bottom: 13px;
border-bottom: 2px dotted
#ddd;
margin-bottom: 16px;
}
.more-jobs {
margin-top: 39px;
}
.more-jobs .btn {
background-color: transparent;
border-color: #FFF;
}
.page-id-492 #page-wrapper {
padding-bottom: 54px;
}
.career-wrap {
margin-top: 20px;
}
.latest-jobs.odd {
border-left: 4px solid #d6d9db;
}
.latest-jobs.even {
border-left: 4px solid #22a5db;
}
.latest-jobs h3 {
font-size: 16px;
}
.career-wrap {
margin-top: 20px;
background:
#f7f7f7;
padding: 20px 20px;
}
.more-jobs a {
color:
#22a5db;
font-family: 'Roboto';
}
.form-download h4 a {
color:
#22a5db;
font-size: 16px;
}
.form-control.mailchimp-submit {
color: #FFF;
}
.blog-author {
font-size: 13px !important;
text-transform: uppercase;
font-weight: 500;
}
.blog-author span {
margin-right: 8px;
border-bottom: 2px dotted
#a4a3a3;
}
.program_team h3 {
font-size: 21px;
color: #4f4e4e;
}
div#sidebar-publications {
margin-top: 50px;
}
.series_vid {
margin-left: 15px;
margin-bottom: 15px;
}
.video_content p {
width: 100%;
display: inline-flex;
}
.video_content {
display: flex;
flex-flow: nowrap;
}
.video-wrap .item .fa {
position: absolute;
top: 47%;
left: 0;
right: 0;
text-align: center;
font-size: 30px;
width: 100%;
}
.video-wrap .item img {
position: relative;
width: 100%;
}
.video-wrap {
margin-bottom: 20px;
}
.carousel-indicators .active {
background-color: #22a5db;
}
.modal-title {
text-align: center;
font-size: 20px;
color: white !important;
}
.modal-header {
display: none;
padding: 15px;
border-bottom: 1px solid #e5e5e542;
}
.modal-content {
background: transparent;
margin-top: 15%;
}
.modal-header .close {
margin-top: -25px;
color: white;
opacity: 1;
}
.modal-open .modal {
background: #000000de;
}
.modal-body {
padding: 50px;
}
.mejs-controls a.mejs-horizontal-volume-slider,.mejs-controls a.mejs-horizontal-volume-slider {
display: none;
}
@media(min-width: 1200px){
.modal-dialog {
width: 1000px;
margin: 30px auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#program-project #publications{
margin-top:40px;
}
#program-project {
padding-bottom:20px;
}
#podcast {
margin-top: 10px;
}
.gray-bg-wrap {
padding-bottom: 0px;
}
.searchform h3 {
font-size: 24px;
}
#page-wrapper p {
margin-bottom:0px;
}
.mm-menu_offcanvas.mm-menu_opened {
display: block;
z-index: 99999;
}
.mm-listitem_selected>.mm-listitem__text {
color:#22a5db !important;
}
.iej-vdotitle {
padding: 20px 0px 50px 0px;
}
.iej-sidebar{
padding: 15px;
}
.ebook-detail-wrap {
min-height: 645px;
}
.category-news-events .mywidget .no-padding-left, .news-events .mywidget .no-padding-left, .category-blogs .mywidget .no-padding-left {
padding-left: 15px;
margin-top: 10px;
}
.blogs-wrapper .col-sm-8 h3{
margin-top:-10px;
}
.mywidget h4 {
text-align: left;
}
/* .single-post.news-events ._1mf{
text-align:left;
} */
}
.page-id-2556 table {
margin-top: 50px;
}
.director-img-flex{
display: flex;
justify-content: center;
}
/* .director-info-txt{
padding: 0px 10px;
} */
.director-info-txt p:nth-child(2) {
color: #4890ae;
font-weight: 700;
}
.director-info-txt p:nth-child(1) {
color: #000;
font-weight: 600;
}
.director-img-size{
max-width: 250px !important;
max-height: 250px !important;
}
.flex-box{
display: flex;
}
/* .inner-box{
padding: 0px 30px;
} */
.circular-img{
width: 200px;
height: 200px;
overflow: hidden;
position: relative;
border-radius: 50%;
}
.oval-img{
overflow: hidden;
position: relative;
border-radius: 50%;
}
.director-txt{
font-size: 20px;
}
.drector-name{
font-size: 22px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
}
/* .slick-track{
width: 100% !important;
}
*/
/* .slick-slide{
width: 100% !important;
} */
.page-id-284 h4.director-txt {
font-weight: 400;
font-size: 17px;
}
.page-id-284 h3.director-txt {
font-size: 20px;
font-weight: 600;
}
h3.text-center.director-txt {
margin-bottom: 0;
}
.program-infobox h5 {
/* margin-bottom: 0; */
font-weight: 700;
}
h4.text-center.director-position {
font-weight: 400;
font-size: 16px;
}
.program-infobox .circular-img {
margin: 0 auto;
text-align: center;
}
.program-infobox {
margin: 0 auto;
text-align: center;
}
.executive-directors .program-infobox{
background: #f7f2f2;
padding: 20px 0;
box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.executive-directors {
padding-bottom: 50px;
}
.program-infobox p:last-child {
color: #000;
font-weight: 400;
}
.program-infobox p {
text-align: center;
color:#000;
font-weight: 400;
}
.program-infobox p .bi {
color: #4890ae;
font-size: 17px;
vertical-align: middle;
font-weight: bolder;
}
h3.text-center.director-txt {
margin-bottom: 0;
color: #337ab7;
font-weight: 700;
}
.program-infobox h5 {
font-weight: 700;
font-size: 16px;
}
.page-id-500 .core-team {
display: none;
}
.podcast-story p:before {
content: "\f10d";
font-family: fontawesome;
margin-right: 20px;
font-size: 26px;
color: #767676;
}
.podcast-story p:after {
content: "\f10e";
font-family: fontawesome;
margin-left: 20px;
font-size: 26px;
color: #767676;
}
.podcastdetailsection .row.ebook-detail-wrap {
min-height: auto;
padding-bottom: 60px;
padding-top: 60px;
}
.publication-title h3 {
font-size: 17px !important;
}
.publication-title {
text-align: center;
}
.postcastlist .youtube-thumbnail img {
width: 100%;
height: 150px;
object-fit: cover;
}
img.img-responsive.maxresdefault {
position: relative;
filter: brightness(0.8);
}
img.img-responsive.playicon-btn {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
img.img-responsive.maxresdefault:before {
content: '';
position: absolute;
height: 100%;
background-color: rgba(0,0,0,20%);
right: 0;
width: 100%;
z-index: 999;
display: none;
}
.podcast_field_box h4 {
font-size: 15px;
}
.podcast_field_box h4 span {
background: #157da8;
padding: 4px 9px;
border-radius: 50%;
color: #fff;
display: none;
}
.podcast_field_box h4 {
font-size: 16px;
line-height: 22px;
}
/*.podcast_field_box {
display: flex;
gap: 20px;
}
.podcast_field_box div {
flex: 0 0 50%;
max-width: 50%;
}*/
.youtube-img a {
position: relative;
}
.youtube-img iframe {
width: 100%;
}
.podcast_field_box {
background: #ddd;
padding: 1rem;
margin: 15px 0px;
height: 520px;
}
.detail {
padding-top: 15px;
}
.detail p i.bi {
font-size: 13px;
}
.detail p {
font-size: 13px;
color: #504e4e;
font-family: 'Roboto';
}
.detail div span:nth-child(2) {
flex: 0 0 70%;
max-width: 70%;
}
.detail div span:nth-child(1) {
flex: 0 0 25%;
max-width: 25%;
font-weight: 700;
font-family: math;
font-size: 15px;
}
.detail div {
display: flex;
}
.detail div span:nth-child(2) {
flex: 0 0 70%;
max-width: 70%;
font-family: math;
font-size: 16px;
}
.detail div span:nth-child(1) {
flex: 0 0 25%;
max-width: 25%;
font-weight: 700;
font-family: math;
font-size: 15px;
border-right: 2px dotted #167ac6;
margin-right: 10px;
margin-bottom: 10px;
}
.podcast img {
height: 300px;
width: 100%;
object-fit: cover;
}