/* This is the stylesheet for the Webpages of the School of Computer
   and Information Sciences, University of Hyderabad. The webpages are 
   responsive and use the w3 schools templates for their style */
h1,h2,h3 {
    font-family: "PT Sans"; sans-serif;
}
body {
    font-family: "Raleway"; serif
}
.scis_titlebar {
    position: fixed;
    top: 2px; left:2px; padding: 16px;
    height: 156px; width: 100%;
    background-color: #802020;
    color: white;
    z-index: 9999;
    text-align: center
}
.scis_mainframe {          /* The main content area of the webpages */
    position:  absolute;
    margin-top: 18vw;           /* It lies below the SCIS banner */
    border: none;
    margin-bottom: 48px;
    overflow: scroll
}
.scis_widebox {
    overflow-x: auto;
    width: 64vw;
    padding: 12px
}
.scis_thinbox {
    overflow-x: auto;
    width: 16vw;
    padding: 6px;
}
.scis_narrowbox {
    overflow-x: auto;
    width: 32vw;
    padding: 8px
}
/* The fonts and other features are scalable with the size of the viewport
   on big screens and devices (those > 480px in width) */
@media screen and (min-width: 1152px) {
    body {
        font-size: 18px;
        background-color: #fffff0
    }
    .scis_sideframe {
        margin-top: 15vw;
        margin-bottom: 48px;
        background-color: inherit;
        border: none;
        overflow: scroll
    }
    .scis_titlefont {
        font-size: 3.5vw;
        font-family: "Faustina"; serif;
        font-weight: bold
    }
    .scis_tagline {
        font-size: 24px;
        font-family: "Raleway"; sans-serif;
        font-weight: bold;
        font-variant: small-caps;
        color: #f0f024
    }
    scis_spltext {
        color: #30a092;
        font-family: "Delius";
        font-weight: bold;
        font-size: inherit
    }
    .scis_newsitem {
        font-size: 20px;
        font-family: "Faustina"; serif
    }
    .scis_newstitle {
        font-size: 2.2vw;
        font-family: "Gentium Book Basic";
        font-weight: bold;
        background-color: #fee;
        color: #822;
        border: 1px solid #c66;
        padding: 4px;
    }
    hr {
        position: relative;
        top: -5px; margin-left: 0px;
        width: 50%;
        height: 1px;
        background-color: #c66;
        border: none
    }
    .scis_pagetext {
        font-family: "Crimson Pro"; serif;
        font-size: 20px
    }
    .scis_pageitem {
        font-family: "PT Sans"; sans-serif;
        font-size: 20px
    }
    h1 {
        font-size: 2.75vw;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
/*        background-color: #802020;
        color: white */
    }
    h2 {
        font-size: 2.8vw;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        text-align: center;
        color: #a46
    }
}
@media screen and (min-width: 831px) and (max-width: 1151px) {
    body {
        font-size: 18px;
        background-color: #fffff0
    }
    .scis_sideframe {
        margin-top: 18vw;
        margin-bottom: 48px;
        background-color: inherit;
/*        height: 86vh;  */
        border: none;
        overflow: scroll
    }
    .scis_titlefont {
        font-size: 40px;
        color: white;
        font-family: "Faustina"; serif;
        font-weight: bold
    }
    .scis_tagline {
        font-size: 24px;
        font-family: "Raleway"; sans-serif;
        font-weight: bold;
        font-variant: small-caps;
        color: #f0f024
    }
    scis_spltext {
        color: #30a092;
        font-family: "Delius";
        font-weight: bold;
        font-size: inherit
    }
    .scis_newsitem {
        font-size: 1.75vw;
        font-family: "Faustina"; serif
    }
    .scis_newstitle {
        font-size: 2.25vw;
        font-family: "Gentium Book Basic";
        font-weight: bold;
        color: inherit;
    }
    .scis_pagetext {
        font-family: "Crimson Pro"; serif;
        font-size: 2.10vw
    }
    .scis_pageitem {
        font-family: "PT Sans"; sans-serif;
        font-size: 1.85vw}
    hr {
        background-color: #c35;
        height: 0.2vw;
        border: none
    }
    h1 {
        font-size: 32px;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        color: #a46
    }
    h2 {
        font-size: 2.8vw;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        text-align: center;
        color: #a46
    }
}
/* The fonts and other features are fixed in size on small devices and
   screens (those <= 480px in width */
@media screen and (max-width: 830px) {
    .scis_sideframe {
        margin-top: 12px;
        height: 100%;
        background-color: inherit;
        border: none
    }
    .scis_titlefont {
        font-size: 32px;
        font-family: "Faustina"; serif;
        font-weight: bold
    }
    .scis_tagline {
        font-size: 20px;
        font-family: "Raleway"; sans-serif;
        font-weight: bold;
        font-variant: small-caps;
        color: #f0f024
    }
    body {
        font-size: 11pt;
        background-color: #fffff0
    }
    scis_spltext {
        color: #30a092;
        font-family: "Delius";
        font-weight: bold;
        font-size: 11pt
    }
    .scis_newsitem {font-size: 11pt}
    .scis_newstitle {
        font-size: 16pt;
        font-family: "Gentium Book Basic";
        font-weight: bold;
        color: #b49;
    }
    .scis_pagetext {
        font-family: "Faustina"; sans-serif;
        font-size: 14pt
    }
    .scis_pageitem {
        font-family: "PT Sans"; sans-serif;
        font-size: 12pt
    }
    hr {
        background-color: #c35;
        height: 1.5px;
        border: none
    }
    h1 {
        font-size: 24pt;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        color: #6ba
    }
    h2 {
        font-size: 20pt;
        font-family: "Gentium Book Basic"; serif;
        color: #6ab
    }
}
a {text-decoration: none; color: blue}
code {
    font-family: "Courier";
    font-size: 20px;
    color: #005f24;
}
pre {
    background-color: #e0e0e0;
    border: 1px solid rgb(0.5, 0.5, 0.5)
}    
.scis_rld {color: #c35}
.w3-bar-item {font-family: "Averia Serif Libre"; sans-serif;
              font-size:20px;
              border: 1px solid khaki}
w3-sidebar {
    z-index: 10;
    width: 128px;
    bottom: 0;
    height: inherit
}
div.scis_titlecard {
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.6); 
    text-align: center
}
div.scis_splcard {
    text-align: center;
    color: #886432!important;
    background-color: inherit;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);
}
div.scis_emphcard {
    position: relative;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    border: 1px solid rgba(0, 0, 0, 0.25);
    text-align: center;
    background-color: #inherit;
    padding: 12pt;
    opacity: 0.85
}
div.scis_card {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.25);
    text-align: center;
    background-color: #inherit;
    padding: 12pt;
    opacity: 0.85
}
.scis_dropdown-content {
    display: none;
    position: absolute;
    background-color: inherit;
    min-width: 160px;
    text-decoration: none;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10
}
.scis_dropdown-content a {
    color: inherit;
    padding: 0px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-family: "PT Sans";
    font-size: 12pt
}
.scis_dropdown-container {
    display: none;
    background-color: #262626;
    padding-left: 8px;
    border: 1px solid khaki
}
.fa-caret-down {
    float: right;
    padding-right: 2px;
}
.scis_dropdown-content a:hover {background-color: inherit;}
.scis_dropdown:hover .scis_dropdown-content {
    display: block;
}

div.scis_splcard:hover {
	background-color: khaki!important;
	color: black!important;
	box-shadow: 0px 0px 16px 2px #c0c0c0;
}  
#wrapper {
    display: table
}
#leftdiv {
    display: table-cell
}
#rightdiv {
    display: table-cell
}