@charset "UTF-8";

@font-face {
  font-family: Mulish;
  src: url(../vendor/font-mulish/Mulish-VariableFont_wght.ttf);
}

@font-face {
  font-family: Kanit;
  src: url(../vendor/font-kanit/Kanit-Regular.ttf);
}

/* Main nav start */
#mainNav a {
    font-family: Kanit, Arial;
    font-size: 1.5rem;
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    padding: 8px;
    border-radius: 1px;
}

#mainNav a:hover {
    font-family: Kanit, Arial;
    font-size: 1.5rem;
    color: #6c756e;
    background-color: #FFFFFF;
    text-decoration: none;
    padding: 8px;
    border-radius: 1px;
}

/* Main nav end */
#products-list-filter a:hover {
    color: #FFFFFF;
    background-color: #000000;
    text-decoration: none;
    font-family: Mulish, Arial;
    font-size: 1.25rem;
    padding: 10px;
    border-radius: 25px;
}

#products-list-filter a, #products-list-filter a:active, #products-list-filter a:focus {
    color: #FFFFFF;
    background-color: #002D62;
    text-decoration: none;
    font-family: Mulish, Arial;
    font-size: 1.25rem;
    padding: 10px;
    border-radius: 25px;
}

.font-text-header {
    font-family: Kanit, Arial;
    font-size: 3.0rem;
}

.font-text-body {
    font-family: Mulish, Arial;
    font-size: 1.25rem;
}

.font-text-reviewer-comment {
    font-family: Mulish, Arial;
    font-style: italic;
    font-size: 1.1rem;
}
  
.font-text-reviewer-name {
    font-family: Kanit, Arial;
    font-size: 1.5rem;
}
  
.font-text-reviewer-position {
    font-family: Mulish, Arial;
    font-size: 1.1rem;
}

#books-list .btn-buy a, #books-list .btn-buy a:hover, a:active, a:focus,
#courses-list .btn-buy a, #courses-list .btn-buy a:hover, a:active, a:focus,
#trainings-list .btn-buy a, #courses-list .btn-buy a:hover, a:active, a:focus,
#mentoring .btn-buy a, #courses-list .btn-buy a:hover, a:active, a:focus,
#consulting .btn-buy a, #courses-list .btn-buy a:hover, a:active, a:focus
{
    color: #FFFFFF;
    background-color: #002D62;
    text-decoration: none;
    font-family: Mulish, Arial;
    font-size: 1.25rem;
    padding: 15px;
    border-radius: 20px;
}

#books-list .btn-details a,
#courses-list .btn-details a,
#trainings-list .btn-details a,
#mentoring .btn-details a,
#consulting .btn-details a
{
    color: #000000;
    border-color: #002D62;
    border-width: 2px;
    background-color: #FFFFFF;
    text-decoration: none;
    font-family: Mulish, Arial;
    font-size: 1.25rem;
    padding: 15px;
    border-radius: 20px;
}

#books-list .btn-details a:hover, a:active, a:focus,
#courses-list .btn-details a:hover, a:active, a:focus,
#trainings-list .btn-details a:hover, a:active, a:focus,
#mentoring .btn-details a:hover, a:active, a:focus,
#consulting .btn-details a:hover, a:active, a:focus
{
    color: #FFFFFF;
    border-color: #002D62;
    background-color: #002D62;
    text-decoration: none;
    font-family: Mulish, Arial;
    font-size: 1.25rem;
}

#books-list .link a {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-family: Mulish, Arial;
    font-size: 1.1rem;
    padding: 15px;
    border-radius: 20px;
}
  
#books-list .link a:hover, a:active, a:focus {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
    font-family: Mulish, Arial;
    font-size: 1.1rem;
    padding: 15px;
    border-radius: 20px;
}

#mainFooter .font-text-header {
    color: rgba(255, 255, 255, 0.5);
    font-family: Mulish, Arial;
    font-size: 1.0rem;
}
  
#mainFooter a {
    color: rgba(255, 255, 255, 0.5);
    background-color: #000000;
    font-family: Mulish, Arial;
    text-decoration: none;
    font-size: 1.0rem;
    padding: 10px;
    border-radius: 10px;
}
  
#mainFooter a:hover, a:active, a:focus {
    color: rgba(255, 255, 255, 0.75);
    background-color: #000000;
    font-family: Mulish, Arial;
    text-decoration: underline;
    font-size: 1.0rem;
    padding: 10px;
    border-radius: 10px;
}