/*** uncss> filename: theme.css ***/
/*
Theme Variables:
--primary-color     => Primary used (dark) color
--secondary-color   => Light color
--theme-color       => Theme color
--link-color        => General a href color
--button-color      => CTA button background
--button-text       => button text color
*/

/** 
* ********************
* General
* ********************
*/

/* Body */
body {
  overflow: initial;
}

/* Page Area => Main */
.theme-14 > .row-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.theme-14 .row.outer .inner {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 15px 0;
}
.theme-14 .row .main h1 {
  line-height: 2;
  font-size: 45px;
  font-weight: 500;
}
.theme-14 .row .content {
  position: relative;
  opacity: 1;
}

/* Page Area => Main: Menu opened */

/* Page Area => Menu Icon */

/* Element => Content Main */
.theme-14 .theme-element-text u {
  border-bottom: 3px solid;
  text-decoration: none;
}

/* Element => Content Page */

/* Element => Links */
.theme-14 .theme-element-links a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin-bottom: 15px;
  color: var(--primary-color, #000);
}
.theme-14 .theme-element-links i.theme-element-social-btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 23px;
  margin: 0px;
  margin-right: 5px;
  color: var(--primary-color, #000);
  border: 0px;
}
.theme-14 .theme-element-links a i.theme-element-social-btn:hover {
  color: #FFF;
}
.theme-14 .theme-element-links a span {
  display: none;
}
.theme-14 .theme-element-links a:first-of-type {
  border-left: 3px solid;
  padding-left: 10px;
}

/* Element => CTA */

/* Element => Menu */

/* Element => Background */
.theme-14 .theme-element-bg-area .theme-element-bg {
  position: fixed;
}

/** 
* ********************
* Edit
* ********************
*/

/** 
* ********************
* Responsive
* ********************
*/

/* Custom */
@media only screen and (max-width: 800px) {
  /* Page Area => Main */
  .theme-14 > .row-container {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  .theme-14 .row .main h1 {
    font-size: 35px;
  }

  /* Element => Content Page */

  /* Element => Menu */
}

@media only screen and (max-width: 350px) {
  /* Page Area => Main */
  .theme-14 > .row-container {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  .theme-14 .row .main h1 {
    font-size: 30px;
  }

  /* Element => Content Page */

  /* Element => Menu */
}

/* Custom Styles */
.theme-main {
  --primary-color: #000000;
  --link-color: #1277eb;
}
.dark-mode {
  --primary-color: #FFFFFF;
  --link-color: #1277eb;
}
 
/*** uncss> filename: style-system-lib.css ***/
.row-container {
  display: -webkit-box;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 0px;
  flex: 0px;
}
.row-col {
  -webkit-box-flex: 1 !important;
  flex: 1 !important;
}
.row.no-padding {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.row {
  -webkit-box-orient: horizontal;
}
.middle-xs {
  -webkit-box-align: center;
  align-items: center;
} /*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-at:before {
  content: "\f1fa";
}
@font-face {
  font-family: Font Awesome\5 Brands;
  font-style: normal;
  font-weight: 400;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.woff2)
    format("woff2");
}
@font-face {
  font-family: Font Awesome\5 Free;
  font-style: normal;
  font-weight: 900;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff2)
    format("woff2");
}
.fas {
  font-family: Font Awesome\5 Free;
}
.fas {
  font-weight: 900;
}
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\5 Brands;
  font-weight: 400;
}
.fa-github:before {
  content: "\f09b";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-stack-overflow:before {
  content: "\f16c";
}

/*** uncss> filename: style-system-home.css ***/ 
/*** uncss> filename: style-system-ui.css ***/
 
/*** uncss> filename: style-system-general.css ***/
:root {
  --bg-color-white: #fff;
  --bg-color-light: #f6f9fc;
  --bg-color-dark: #e3e8ee;
  --txt-color-white: #fff;
  --txt-color-light: rgba(82, 95, 128, 0.6);
  --txt-color-mid: #525f7f;
  --txt-color-dark: #4e566d;
  --color-blue: #0084ff;
  --color-green: #4fafaa;
  --color-white: #fff;
  --color-red: #f92f45;
  --color-pink: #ea3e7a;
  --color-grey: #4e566d;
  --color-orange: #dc6200;
  --border-main-style: 1px solid #efefef;
  --gradient-text: linear-gradient(90deg, #f76698, #ea407b 18.07%, #3b488c);
  --gradient-color-1: #ea407b;
  --gradient-color-2: #3b488c
}

body,
html {
  margin: 0;
  font-family: Montserrat, sans-serif;
  color: #4e566d;
  color: var(--txt-color-dark, #4e566d);
  background: #fff;
  background: var(--bg-color-white, #fff)
}

a {
  text-decoration: none;
  color: #fff;
  color: var(--txt-color-white, #fff)
}

:focus {
  outline: 0
}

::-webkit-input-placeholder {
  color: rgba(82, 95, 128, .6);
  color: var(--txt-color-light, rgba(82, 95, 128, .6))
}

::-moz-placeholder {
  color: rgba(82, 95, 128, .6);
  color: var(--txt-color-light, rgba(82, 95, 128, .6))
}

:-ms-input-placeholder {
  color: rgba(82, 95, 128, .6);
  color: var(--txt-color-light, rgba(82, 95, 128, .6))
}

::-ms-input-placeholder {
  color: rgba(82, 95, 128, .6);
  color: var(--txt-color-light, rgba(82, 95, 128, .6))
}

h1 {
  margin: 0;
  padding: 0
} 
/*** uncss> filename: style-system-responsive.css ***/
 
/*** uncss> filename: style-system-elements.css ***/
.theme-main {
  color: #000;
  color: var(--primary-color, #000);
}
.theme-main a {
  color: #3498db;
  color: var(--link-color, #3498db);
}
.theme-element-bg-area,
.theme-element-bg-area .theme-element-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
}
.theme-element-bg-area .theme-element-bg {
  z-index: 0;
  margin: -5px;
}
.theme-element-bg-area .theme-element-bg .theme-element-bg-col {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 3;
}
.theme-element-bg-area .theme-element-bg .theme-element-bg-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2);
}
.theme-element-links {
  color: #000;
  color: var(--primary-color, #000);
}
.theme-element-links .theme-element-links-inner a span {
  display: none;
}
.theme-element-links .theme-element-social-btn {
  color: #000;
  color: var(--primary-color, #000);
  display: inline-block;
  cursor: pointer;
  font-size: 30px;
  border: 2px solid;
  line-height: 50px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin: 0 10px 20px;
  vertical-align: middle;
}
.theme-element-links .theme-element-social-btn:hover {
  background: #949494;
}
i.fa-at.theme-element-social-btn:hover {
  background: #7f8c8d;
}
i.fa-github.theme-element-social-btn:hover {
  background: #221e1b;
}
i.fa-stack-overflow.theme-element-social-btn:hover {
  background: #FD9827;
}
i.fa-linkedin-in.theme-element-social-btn:hover {
  background: #0077b5;
}