/*
Theme Name: Hung Phat
Theme URI: https://gpkthungphat.com
Author: Huy Quang
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.nav-link:hover{
    background-color: #343a40;
    border-radius: 10%;
}
.li-footer{
    list-style: none;
}
.carouesl {
   max-height: 400px;
   max-width: 100%;
   overflow: hidden;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}
.product-title:hover{
    text-decoration: none;
}
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: Open sans;
}
img{
    max-width: 100%;
}
.slideshow{
    width: 100%;
    position: relative;
}
.slider-item{
    width: 100%;
    height: 500px;
}
.slider-item img{
    width: 100%;
    height: 100%;
}

.slider .caption{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 150px 150px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
z-index: 1;

}
.slider .caption h1{
    font-size: 50px;
}

.slider .caption p{
    font-size: 20px;
    margin-top: 10px;
}
.pagination{
position: absolute;
top: 102%;
width: 100%;
display: flex;
justify-content: center;

}

.pagination li{
    font-size: 20px;
    margin: 2px 5px;
    color: #858585;
    cursor: pointer;
}
.left, .right{
    position: absolute;
    top: 0;
    height: 100%;

    display: flex;
    align-items: center;
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    z-index: 2;

}
.left{
    left: 10px;
}
.right{
    right: 10px;
}

.list-group-item .link-in-menu:hover{
    text-decoration: none;
}

.icon-sidebar{
    font-size: 20px;
}