@charset "utf-8";

/*
    Front-End Web Devolopment CA1

    Diabetes: Main style sheet
    Author: Ong Qi Jun
    Student ID: 1922657
    class: DCITP / 1A04
    Date: 26th May 2019

    Filename:   DBT_styles.css
*/

/*body styles*/
body {
    width:100%;
    background-color:rgb(255, 255, 255);
    height:auto;
    position:relative;

    /*font*/
    color:rgb(19, 18, 18);
    font-family:Arial;
}

/*header styles*/
header > img {
    width:100%;
    padding-bottom:2px;
}

/* Home page blockquote navigation */
blockquote {
    margin-top:50px;
    outline:1px solid black;
    background-color:rgb(255, 217, 217);
}
ul > li {
    margin:auto;
}
li > blockquote > p {
    padding:15px;
}
blockquote > p {
    height:110px;
}
blockquote > img {
    width:100%;
    height:auto;
    margin-top:15px;
}

/* Navigation styles */
nav {
    color:rgb(255, 255, 255);
    background-color:rgb(255, 61, 61);
}

li.nav-item {
    display:block;
    width:100%;
    text-align:center;
}

li > a.nav-link:link,
li > a.nav-link:visited {
    font-weight:bold;
    color:rgb(255, 255, 255);
}

li > a.nav-link:hover,
li > a.nav-link:active {
    background-color:rgb(255, 255, 255);
    color:rgb(0, 0, 0);
    border-radius:4px;
}

/* Button styles */
button.btn.btn-danger {
    margin-top:15px;
    float:bottom;
    margin-bottom:15px;
    margin-left:15px;
}

/*Heading styles*/
h1 {
    padding-top: 60px;
    padding-left: 30px;
    font-size: 2.5em;
    font-weight:bold;
    margin-left:40px;
}

h2 {
    padding-top:15px;
    padding-left:30px;
    margin-left:40px;
    padding-bottom:20px;
    font-size:1.7em;
    font-style:italic;
    font-weight:bold;
}

h3 {
    padding-top:3px;
    padding-left:30px;
    margin-left:40px;
    padding-bottom:7px;
    font-size:1.5em;   
    font-style:italic; 
    text-decoration:underline;
}

/*div styles*/
/*div styles: paragraphs*/
div p {
    padding-left:30px;
    padding-right:30px;
    padding-bottom:10px;
    line-height:1.5em;
    font-size:1.4em;
    margin-left:40px;
    margin-right:40px;
}

div.col-lg-8 {
    margin:auto;
}


/*div styles: For images that float right*/
div img.float-right {
    width:300px;
    height:auto;
    margin-left:30px;
    margin-right:40px;
    margin-top:5px;
    margin-bottom:0.5em;
    outline:3px solid rgb(255, 0, 0);
}

/*div styles: For images that float left*/
div img.float-left {
    width:300px;
    margin-right:30px;
    margin-left:40px;
    margin-bottom: 0.8em;
    outline:3px solid rgb(255, 0, 0);
}


/*Header line styles*/
/*Header line styles: Dashed line*/
hr.sub {
    border:2px dashed rgba(255, 0, 0, 0.897);
    width:99%;
    margin-top:30px;
    margin-bottom:30px;
}

/*Header line styles: Solid line*/
hr.main {
    border:6px double rgb(248, 3, 3);
    width:99.1%;
    margin-top:40px;
    margin-bottom:40px;
}

/*Footer styles*/
footer {
    width:100%;
    padding-top:20px;
    margin-top:30px;
    height:auto;
    padding-bottom:10%;
    background:linear-gradient(345deg, rgb(255, 91, 91), rgb(143, 0, 0));
}

/*Footer styles: Back to top button*/
footer a > img.backup {
    width:50px;
    height:auto;
    margin-left:80px;
    margin-top:43px;
}

/*Footer styles: Contact info*/
footer > p {
    /*footer font*/
    font-style:italic;
    font-weight:bold;
    font-size:1em;
    color:rgb(0, 0, 0);

    /*Contact info box*/
    border-radius:4px;
    border: 4px double rgb(255, 255, 255);
    width:67%;
    clear:right;
    float:right;
    text-align:center;
    min-width:400px;
}

/*Footer styles: links*/
footer > p a {
    color:white;
}

/*Footer styles: Link hover animation*/
footer a > img.backup:hover,
footer a > img.backup:active {
    transition-duration:0.2s;
    transform:scale(1.2)
}


/*Individual img styles*/
/*Individual img styles: Images in index.html*/
figure > img#type1 {
    /*img alt="Type1Diabetes"*/
    width:325px;
    height:auto;
}

figure > img#type2 {
    /*img alt="Type2Diabetes"*/
    width:325px;
    height:auto;
}

/*Indivisual img styles: Images in DBT_FX.html*/
figure > img#cardioVS {
    /*img alt="cardiovascular"*/
    width:170px;
    height:145px;
}

figure > img#kidneyD {
    /*image alt="kidney"*/
    margin-top:50px;
    margin-left:50px;
}

figure > img#bacteria {
    /*image alt="infection"*/
    margin-top:50px;
}

* {box-sizing:border-box}

div.slideShow {
    background-color:rgb(255, 182, 182);
}

img.mySlides{
    margin:auto;
    outline:1px solid rgb(19, 18, 18);
}

/* Slideshow container */
.mySlides {display:none;}