@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);
}

/* Common start */
.font-style-mulish {
  font-family: Mulish, Arial;
}

.font-style-kanit {
  font-family: Kanit, Arial;
}

.bg-color-white {
  background: #FFFFFF;
}

.bg-color-gradient-pink-to-blue {
  /*background: linear-gradient(45deg, #8E2DE2, #002D62);*/
  background: linear-gradient(45deg, #8E2DE2, #4A00E0);
}

.bg-color-blue-astros-navy {
  background: linear-gradient(45deg, #002D62, #002D62);
}
/* Common end */

/* Main nav start */
#mainNav .navbar-brand:hover {
  color: #6c756e;
  font-size: 1.5rem;
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #212518;
  font-size: 1.2rem;
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #6c756e;
  font-size: 1.2rem;
}

#mainNav .navbar-brand {
  font-family: Kanit, Arial;
  font-size: 1.5rem;
}

#mainNav .nav-link, #mainNav .btn {
  font-family: Kanit, Arial;
  font-size: 1.2rem;
}

#mainNav .navbar-toggler {
  font-family: Kanit, Arial;
  padding: 0.5rem 0.75rem;
  font-size: 1.0rem;
  line-height: 2;
}

/* Main nav end */

/* Main footer start */
#mainFooter {
  color: rgba(255, 255, 255, 0.5);
  font-family: Mulish, Arial;
}

#mainFooter a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

#mainFooter a:hover, footer a:active, footer a:focus {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: underline;
}
/* Main footer end */

/* Card start */
.card-title {
  font-family: Mulish, Arial;
  font-weight: bolder;
}

.card-text {
  font-family: Mulish, Arial;
}

.card-text {
  font-family: Mulish, Arial;
}

.bg-gradient-sublime-light {
  background: linear-gradient(45deg, #FC5C7D, #6A82FB);
}

.bg-gradient-dark-ocean {
  background: linear-gradient(45deg, #373B44, #4286f4);
}
/* Card end */

/* Newsletter start */
#newsletter .text-header {
  font-family: Mulish, Arial;
  font-weight: bolder;
  font-size: larger;
}

#newsletter .text-body, #newsletter .btn {
  font-family: Mulish, Arial;
}

#newsletter a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  font-family: Mulish, Arial;
}

#newsletter a:hover, footer a:active, footer a:focus {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: underline;
  font-family: Mulish, Arial;
}

.bg-color-gradient-black {
  background: linear-gradient(45deg,#000000, #434343);
}
/* Newsletter end */

/* Contact start */
#contact .offcanvas-header {
  font-family: Kanit, Arial;
}

#contact .offcanvas-body {
  font-family: Mulish, Arial;
}

#contact a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  font-family: Mulish, Arial;
}

#contact a:hover, footer a:active, footer a:focus {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: underline;
  font-family: Mulish, Arial;
}
/* Contact end */

/* Articles start*/
#article .text-body {
  font-family: Mulish, Arial;
}

#article a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: underline;
  font-family: Mulish, Arial;
}

#article a:hover, footer a:active, footer a:focus {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: underline;
  font-family: Mulish, Arial;
}

/* privacy content start */
#privacy-content a {
  color: rgb(14, 13, 13);
  text-decoration: none;
  font-family: Mulish, Arial;
}

#privacy-content a:hover, a:active, a:focus {
  color: rgb(14, 13, 13);
  text-decoration: none;
  font-family: Mulish, Arial;
}
/* privacy content end */