/*
    Theme Name: All about Coffee
    Theme URL: https://elegant-jang-1fda3b.netlify.app/drinks.html
    Description: A theme testing only
    Author: Ahmed Naeem
    Author URL: https://elegant-jang-1fda3b.netlify.app/drinks.html
    Template: Coffee!
    Version:  1.0.0
    license: GNU General Public Liscense v2 or later
    License URL: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: coffee, diet, choco-beans, choco
    Text Domain: allabooutcoffee
*/

#centralize{
    margin: 0px 155px;
    }
    p{
        font: 15px none, Tahoma;
    }
    ul{
        list-style-image: url("tiny-coffee-cup.gif");
    }
    #video-edit{
        position: relatve;
        text-align: center-left;
        -webkit-box-flex: 1;
    }
    h5{
        margin: 0px 0px;
    }	
    video{
        filter: grayscale(100%);
    }
    #align-horizontal{
        display: -webkit-box;
        -webkit-box-flex: 1;
        -webkit-box-orient:horizontal;
    }
    #align-vertical{
        display: -webkit-box;
        -webkit-box-flex:1;
        -webkit-box-orient:vertical;
        margin: 0px 20px;
    }
    #text-over-video{
        position: absolute;
        top: 0; 
        top: 60%;
        left: 15%;
        right: 0; 
        bottom: 0; 
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #editing-text-over-video{
        font: 80px bold, none;
        font-family: 'Allan';
        text-align: center;
        vertical-align:center;
    }
    li{
        font: 15px none, Tahoma;	
    }
    #set-width{
        width: 500px;
    }
    #align-image{
        clear: right;
        float: right;
        float: top;
        margin: -550px 0px;
    }
    #image-align{
        float: right;
        margin: -460px 340px;
    }
    #roasting_material{
        width: 333px;
    }
    #image{
        margin: 0px -40px;
        -webkit-box-flex: 1;
        text-align: center-left;
        position: relative;
    }
    #material{
        font: 15px none, Tahoma;
    }
    #aligned{
        width: 700px;
    }
    #totheright{
        float: right;
        text-align: center;
        background: #F4A460;
        width: 170px;
        height: 170px;
        text-align: condensed;
        padding: 40px;
        margin: 0px 40px;
        border: solid black;
    }
    table, th, td{
        border: 1px solid black;
        text-align: center;
        font: 15px none, Tahoma;
    }
    h2{
        color: #991D1D;
        font: 30px bold, Tahoma;
    }
    h3{
        color: #991D1D;
        font: 20px bold, Tahoma;
    }
    h4{
        color: #991D1D;
        font: 18px bold, Tahoma;
    }
    #move{
        display: -webkit-box;
        -webkit-box-flex:1;
        -webkit-box-orient:vertical;
        border: 2px;
        border-color: #808080;
        border-style: ridge;
        padding: 10px;
        border-radius: 10px;
        margin: -35px -10px;
    }
    #text-line{
       width: 100%; 
       text-align: left; 
       line-height: 0.1em;
       margin: 10px 0 29px; 
    } 
    #text-line span { 
        background:#fff; 
        padding:0px 10px; 
    }
    h5{
        font: 15px none, Tahoma;
    }
    #pane{
        margin: 100px 0px;
        display: -webkit-box;
        -webkit-box-flex: 1;
        height: 40px;
        -webkit-box-orient: horizontal;
        font: 15px bold, Tahoma;
        text-align: center;
        color: #42717D;
        width: 1000px;
    }
    #styling{
        color: #991D1D;
    }
    #image_text{
        position: absolute;
        top:43%;
        left:10%;
        color: white;
        font: 50px bold, Tahoma;
    }
    #linkage{
        color: #991D1D;
    }
    #TextWrap{
        clear: right;
        float: left;
        margin: 10px;
    }
    #content_pane{
        background-color: #991D1D;
        height: 40px;
        font: 15px none, Tahoma;
        display: -webkit-box;
        -webkit-box-flex: 1;
        -webkit-box-orient: horizontal;
        width: 1000px;
        font: 15px bold, Tahoma;
        font-weight: 20px;
        text-align: center;
        color: white;
    }
    #set-color-home{
        color: white;
    }
    #set-color-roasting{
        color: white;
    }
    #set-color-grinding{
        color: white;
    }
    #set-color-brewing{
        color: white;
    }
    #set-color-drinks{
        color: white;
    }
    #set-color-survey{
        color: white;
    }
    #home{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #brewing{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #roasting{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #grinding{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #drinks{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #coffee_survey{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #home2{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #brewing2{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #roasting2{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #grinding2{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #drinks2{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #coffee_survey2{
        -webkit-box-flex: 1;
        padding: 10px;
    }
    #home3{
        color: #7F8399;
    }
    #brewing3{
        color: #7F8399;
    }
    #roasting3{
        color: #7F8399;
    }
    #grinding3{
        color: #7F8399;
    }
    #drinks3{
        color: #7F8399;
    }
    #survey3{
        color: #7F8399;
    }
    #set_text{
        color: #991D1D;
        font: 30px bold, Tahoma;
    }
    #home:hover{
        background: black;
    }
    #brewing:hover{
        background: black;
    }
    #roasting:hover{
        background: black;
    }
    #grinding:hover{
        background: black;
    }
    #drinks:hover{
        background: black;
    }
    #locate{
        top : 136%;
        left : 13.5%;
        position : absolute;
        font: 15px none, Tahoma;
    }
    #coffee_survey:hover{
        background: black;
    }
    #image-alt{
        margin:10px 25px;
        border-color: #F4A460;
    }
    #multi-images{
        width: 333px;
        background: #F4A460;
        clear: right;
        float: right;
        height: 520px;
        margin: -460px 0px;
    }
    #home3:hover{
        color: black;
    }
    #brewing3:hover{
        color: black;
    }
    #roasting3:hover{
        color: black;
    }
    #grinding3:hover{
        color: black;
    }
    #drinks3:hover{
        color: black;
    }
    #survey3:hover{
        color: black;
    }