.faculty-title{
font-size: 150%;
}
.box-profile-info{
line-height: 175%;
}
.box-profile-link > a{
height: 125px;
width: 100%;
}
.box-profile-image > img{
background-size: cover;
background-repeat: no-repeat;
width: 125px;
height: 125px;
background-position: center;
border-radius: 5px;
}
@media(max-width: 760px){
.box-profile-image > img,
.box-profile-image > div{
margin: auto;
}
.box-profile-link > a{
height: auto;
}
}
header.showBackImg{
background-image: url(//www.jkcollegefatehpur.org.in/wp-content/themes/theme-perfin-inserp/assets/img/back.gif);
background-repeat: no-repeat;
background-position: top left;
}
#sidebarMenu{
position: fixed;
top: 0;
left: 0;
width: 25vw;
height: 100vh;
z-index: 1200;
overflow: auto;
box-shadow: 3px 0 2px rgba(0, 0, 0, 0.3);
transform: translateX(-26vw);
transition: all 300ms ease-in-out;
}
#sidebarMenu.open{
transform: translateX(0);
}
#sidebarMenu ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.sidebarMenuItem:first-child{
border-top: solid 1px rgba(0, 0, 0, 0.2);
}
.sidebarMenuItem{
display: block;
padding: 10px 15px 10px 25px;
border-top: solid 1px rgba(0, 0, 0, 0.2);
}
.sidebarMenuItem > a{
font-size: 18px;
display: block;
position: relative;
color: rgba(255, 255, 255, 1);
}
.sidebarMenuItem[data-has-children="true"] > a::after{
content: "";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 0;
top: 3px;
color: rgba(255, 255, 255, 0.5);
}
.sidebarSubMenu{
background: rgba(0, 0, 0, 0.2);
padding: 15px;
}
.sidebarSubMenuLink{
display: block;
padding: 5px;
color: rgba(255, 255, 255, 0.6);
}
.sidebarSubMenuLink:hover{
color: rgba(255, 255, 255, 0.8);
}
@media(max-width: 570px) {
#sidebarMenu{
width: 95vw;
transform: translateX(-95vw);
}
#sidebarMenu.open{
transform: translateX(0);
}
}
.fixedButton{
position: fixed;
top: 8vh;
z-index: 1000;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
border: solid 3px #fff;
border-radius: 4px;
background: #fff;
}
.fixedButton:hover{
animation-name: flash;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
.fixedButton.right{
right: -7px;
transform-origin: bottom;
transform: rotate(90deg);
}
.fixedButton.left{
left: -7px;
transform-origin: bottom;
transform: rotate(-90deg);
}
@media(max-width: 570px){
body{
margin-bottom: 30px;
}
#fixedButtonContainer{
position: fixed;
bottom: 0;
width: 100vw;
left: 0;
box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.3);
background: #fff;
z-index: 1000;
padding: 3px;
}
.fixedButton{
position: static;
display: inline-block;
border: none;
}
.fixedButton.right,
.fixedButton.left{
transform: none;
transform-origin: unset;
}
}
#rightSidebarMenu{
position: fixed;
width: 200px;
top: 8vh;
right: 0;
z-index: 1000;
transform: translateX(300px);
transition: all 300ms ease-in-out;
background: #fff;
}
#rightSidebarMenu.open{
transform: translateX(0);
}
@media(max-width: 570px){
#rightSidebarMenu{
top: 0;
}
}
.gridInfo{
display: grid;
grid-template-columns: 50% 50%;
}
.gridInfo > div{
height: 50px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
text-align: center;
transition: ease-in-out all 300ms;
}
.gridInfo > div.ani:hover{
transform: rotate(360deg) scale(1.5);
filter: contrast(150%);
}
.tickerWidget {
flex-shrink: 0;
flex-grow: 1;
max-width: calc(100% - 130px);
}
#list-updates {
display: flex;
overflow: hidden;
gap: 15px;
align-items: center;
}
#list-updates > div {
flex-shrink: 0;
}
@media (max-width: 570px) {
.tickerWidget{
width: 100%;
max-width: none;
}
}