@import url("/resources/fonts/fonts.css");




/***TAGS***/
html
{
    background-color: white;
    color: black;
    font-family: "Avenir", sans-serif;
    font-weight: lighter;
    font-size: 5vw;
    text-rendering: optimizeLegibility;
    width: 100vw;
    overflow-x: hidden;
}


body
{
    width: 100vw;
    overflow-x: hidden;
}
/***************/



/***MAIN-NAV***/
.navbar ul li a
{
    font-family: "Avenir", sans-serif;
    font-size: 20px;
}
/***************/



/***SLIDESHOW***/
.slideshow .projects-carousel
{
/*    max-width: 100vw !important;*/
/*    min-width: 100vw;*/
/*    width: 100%;*/
    widows: 100%;
    margin-top: -1.25%;
    margin-bottom: 7.5%;
/*    margin-left: auto;*/
/*    margin-right: auto;*/
    display: block;
    background-color: #333;
}


/*
.projects-carousel .carousel-inner>.item>img, .carousel-inner>.item>a>img
{
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    width: 100%;
}
*/


.slideshow .projects-carousel .carousel-indicators li
{
    border-radius: 0%;
    width: 50px;
/*    height: 2px;*/
/*    background-color: rgb(214, 214, 214);*/
    height: 20px;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 2px solid rgb(214, 214, 214);
/*    border-color: transparent;*/
    transition: all 0.2s;
}

.projects-carousel .carousel-indicators li:hover
{
/*    background-color: rgba(102, 102, 102, 1);*/
    border-bottom: 2px solid rgba(102, 102, 102, 1);
    cursor: pointer;
}

.projects-carousel .carousel-indicators .active
{
/*    height: 2px;*/
    height: 20px;
    border-style: solid;
/*    border-width: 1px;*/
    border-color: transparent;
/*    background-color: rgba(102, 102, 102, 1);*/
    border-bottom: 2px solid rgba(102, 102, 102, 1);
    cursor: default;
}


.projects-carousel .carousel-control.left
{
/*    width: 5%;*/
/*    background-color: red;*/
    background-image: none;
}


.projects-carousel .carousel-control.right
{
/*    width: 5%;*/
/*    background-color: red;*/
    background-image: none;
}


/*
.projects-carousel .carousel-control.left,
.projects-carousel .carousel-control.right
{
    background-image: none;
    color: rgb(102, 102, 102);
    opacity: 1;
    text-shadow: none;
    top: 50%;
}
*/


.projects-carousel .carousel-control .AppleIcon
{
/*    background-color: rgba(240, 240, 240, 0.75);*/
    border-radius: 50%;
    width: 75px;
    height: 75px;
    font-size: 100%;
    line-height: 75px;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
    color: white;/*rgb(102, 102, 102);*/
    border: 2px solid white;
    opacity: 0;
    transition: all 0.2s;
}

.projects-carousel .carousel-control .AppleIcon:hover
{
    cursor: pointer;
}


.projects-carousel .carousel-control.left .AppleIcon
{
/*    margin-left: -75px;*/
}

.projects-carousel .carousel-control.right .AppleIcon
{
    margin-left: -75px;
}

.projects-carousel:hover .carousel-control .AppleIcon
{
    opacity: 1;
}


.carousel-inner > .item > img
{
    margin: 0 auto;
}


.carousel-inner > .item > img:hover
{
    cursor: pointer;
}
/***************/



/***WELCOME***/
.welcome
{
    width: 75%;
    margin-left: 12.5%;
    margin-bottom: 15%;
}


.welcome h1
{
    color: /*black;*/
    font-family: 'Avenir Book';
    font-size: 60px;
    text-align: center;
}


.welcome hr
{
    color: black;
    background-color: black;
    width: 45%;
    height: 2.5px;
    margin-bottom: 2.5%;
}


.welcome p
{
    color: black;
    font-family: "Avenir", sans-serif;
    font-size: 20px;
    text-align: center;
}
/***************/



/***FOOTER***/
footer
{
    margin-bottom: 1.25%;
}


footer p
{
    color: black;
    font-family: "Avenir", sans-serif;
    font-size: 20px;
    text-align: center;
}
/***************/