/* 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 */
html,body,h4,h5,h6 {font-family: "PT Sans"; sans-serif}
.scis_mainframe {          /* The main content area of the webpages */
    margin-top: 13vw;           /* It lies below the SCIS banner */
    border: none;
/*    height: 86vh;  */
    margin-bottom: 48px;
/*    background-image: url("scis_original_files/Scis-entry.jpg");
    background-size: 100% 100%; */
    overflow: scroll
}
/* 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: 1025px) {
    body {
        font-size: 1.8vw;
        background-color: #fffff0
    }
    .scis_sideframe {
        margin-top: 13vw;
        margin-bottom: 48px;
        background-color: inherit;
/*        height: 86vh;  */
        border: none;
        overflow: scroll
    }
    .scis_titlefont {
        font-size: 4.25vw;
        font-family: "Averia Serif Libre"; serif
    }
    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: #b49;
    }
    .scis_pagetext {
        font-family: "Crimson Pro"; serif;
        font-size: 20px
    }
    .scis_pageitem {
        font-family: "PT Sans"; sans-serif;
        font-size: 20px}
    hr {
        background-color: #c35;
        height: 0.2vw;
        border: none
    }
    h1 {
        font-size: 6vw;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        color: #a46
    }
    h2 {
        font-size: 3.5vw;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        text-align: right;
v        color: #a46
    }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
    body {
        font-size: 1.8vw;
        background-color: #fffff0
    }
    .scis_sideframe {
        margin-top: 13vw;
        margin-bottom: 48px;
        background-color: inherit;
/*        height: 86vh;  */
        border: none;
        overflow: scroll
    }
    .scis_titlefont {
        font-size: 4.25vw;
        font-family: "Averia Serif Libre"; serif
    }
    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: #b49;
    }
    .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: 6vw;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        color: #a46
    }
    h2 {
        font-size: 3.5vw;
        font-family: "Gentium Book Basic"; serif;
        font-weight: bold;
        text-align: right;
        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: 480px) {
    .scis_sideframe {
        margin-top: 12px;
        height: 100%;
        background-color: inherit;
        border: none
    }
    .scis_titlefont {
        font-size: 18pt;
        font-family: "Averia Serif Libre"; serif
    }
    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}
.scis_rld {color: #c35}
.w3-bar-item {font-family: "Averia Serif Libre"; sans-serif;
              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 {
    box-shadow: 0px 4px 16px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
    background-color: #ffe0d0
}
div.scis_emphcard {
    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.5);
    text-align: center;
    background-color: #fafaf0;
    opacity: 0.85
}
div.scis_card {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    background-color: inherit
}
.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;
}
#wrapper {
    display: table
}
#leftdiv {
    display: table-cell
}
#rightdiv {
    display: table-cell
}