/* Import Roboto */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");

/* Apply font everywhere except Elementor editor */
body:not(.elementor-editor-wp-page),
body:not(.elementor-editor-wp-page) div,
body:not(.elementor-editor-wp-page) span,
body:not(.elementor-editor-wp-page) button,
body:not(.elementor-editor-wp-page) p,
body:not(.elementor-editor-wp-page) a,
body:not(.elementor-editor-wp-page) h1,
body:not(.elementor-editor-wp-page) h2,
body:not(.elementor-editor-wp-page) h3,
body:not(.elementor-editor-wp-page) h4,
body *:not(i) {
  font-family: "Roboto", sans-serif !important;
}

body {
  margin: 0;
}

p {
  margin: 0;
}

.container {
  padding: 0 60px!important;
}

/* color */
:root {
  --white: #ffffff;
  --black: #000000;
  --extra-light-gray:hsl(0 0% 96.1%);
  --light-gray: rgb(243 244 246);
  --dark-gray:rgb(75 85 99);
  --dark-blue:rgb(17 24 39);
}

.c-w,
.c-w * {
  color: var(--white) !important;
}
.c-b,
.c-b * {
  color: var(--black);
}
.c-dg,
.c-dg * {
  color: var(--dark-gray);
}

/* font weight */
.light,
.light * {
  font-weight: 300 !important;
}
.regular,
.regular * {
  font-weight: 400 !important;
}
.medium,
.medium * {
  font-weight: 500 !important;
}
.semibold,
.semibold * {
  font-weight: 600 !important;
}
.bold,
.bold * {
  font-weight: 700 !important;
}

/* uppercase */
.uppercase {
  text-transform: uppercase;
}
/* flex */
.flex {
  display: flex;
}
.hidden {
  overflow: hidden;
}
.underline-none a {
	text-decoration:none!important;
}
/* margin */

.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}

/* font size */
.fs-14,
.fs-14 * {
  font-size: 14px;
  line-height: 20px;
}
.fs-16,
.fs-16 * {
  font-size: 16px!important;
  line-height: 26px;
}
.fs-18,
.fs-18 * {
  font-size: 18px;
  line-height: 28px;
}
.fs-20,
.fs-20 * {
  font-size: 20px!important;
  line-height: 26px;
}
.fs-28,
.fs-28 * {
  font-size: 28px!important;
  line-height: 34px;
}
@media (max-width: 1024px) {
.fs-20,
.fs-20 * {
  font-size: 18px!important;
  line-height: 24px;
}	
.container {
  padding: 0 30px!important;
}	
}
@media (max-width: 767px) {
  .fs-20,
  .fs-20 * {
    font-size: 16px!important;
  }
}
/* header */
.signin-btn ,.mobile-menu .hfe-nav-menu__layout-horizontal{
	border-top: 1px solid var(--extra-light-gray);
}
.signin-btn a ,.signup-btn a {
    justify-content: center!important;
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
    margin-top: 10px;
	margin-right: 30px;
    margin-left: 30px;
}
.signup-btn a {
	background-color:var(--black)!important;
	color:var(--white)!important;
	margin-bottom:15px;
}
.signup-btn a:hover {
   background-color:#000000BA!important;
}
.btn:hover , .signin-btn a:hover{
    background-color: var(--extra-light-gray)!important;
	border-radius:5px;
	color:var(--dark-blue);
}

/* post */
.site-main {
	max-width: 1150px;
	margin: 0 auto;
	padding: 60px;
}
@media (max-width: 1024px) {
	.site-main {
	padding: 30px;
	}
}