@font-face {
    font-family: "Enriqueta";
    src: url(/static/fonts/Enriqueta-Regular.otf) format("truetype");
}

@font-face {
    font-family: "Enriqueta Bold";
    src: url(/static/fonts/Enriqueta-Bold.otf) format("truetype");
}


body {
  font-family: 'Enriqueta' serif,'Lato', Arial;
  color: black !important;
  font-size:14px;
}
a {
  font-family: 'Enriqueta Bold' serif,'Lato', Arial;
  color:#7DBBB5 !important;
  -webkit-font-smoothing: antialiased;
}

a, p, li{
  font-size: 16px;
}

div.content {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #666666;
}

header .navbar-default {
  background: none;
  border: none;
  padding-top: 40px;
  padding-bottom: 20px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav {
  padding-top: 55px;
}
header .navbar-default ul.navbar-nav li a {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 130%;
  padding: 7px 20px;
  color: black !important;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav li a:after {
  content: '';
  width: 32px;
  background: none;
  height: 4px;
  position: absolute;
  bottom: 2px;
  z-index: 99999;
  left: 20px;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  -ms-border-radius: 5em;
  -o-border-radius: 5em;
  border-radius: 5em;
  color: black;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
header .navbar-default ul.navbar-nav li a:hover {
  color:#FAC65C !important;

}

header .navbar-default ul.navbar-nav li a.getApp:after {
  display: none;
}
header .navbar-default .navbar-brand {
  height: auto;
  padding: 0;
}
header .navbar-default.scrolled {
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  padding: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
header .navbar-default.scrolled .navbar-brand {
  padding: 15px 20px;
}
header .navbar-default.scrolled .navbar-brand img {
  width: auto;
  max-height: 33px;
}
header .navbar-default.scrolled ul.navbar-nav {
  padding-top: 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #F99E99 !important;
    background: none;
}

.mood{
  float:right;
  color: #7DBBB5;
  margin-bottom: 0;
  font-size: 160%;
}

.page{
  margin-top: 60px;
}

.circles{
  padding-bottom: 2em;
}

.circles a{
  color:white;
}

.circle{
  width:140px;
  height:140px;
  border-radius:80px;
  font-size:130%;
  line-height:140px;
  text-align:center;
  color:white;
  margin-left:1em;
}

.circle a{
  color:white !important;
  font-weight: bold;
  font-size: 100%;
}

.circular {
  width: 400px;
  height: 400px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  background: url(/static/img/artemis.jpg) no-repeat;
  background-size: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

.yellow{
  background: #FAC65C;
}

.featured{
  width:100%;
}

.pink{
  background: #F99E99;
}

.green{
  background: #7DBBB5;
}

.title{
  color:#F99E99;
}

.subtitle{
  color:#7DBBB5 !important;
}
.date{
  color:#7DBBB5;
}

.seperation{
  border-right: 1px dotted #999999;
  margin-bottom: 2em;
}

.left-sep{
  border-left: 1px dotted #999999;
  margin-bottom: 2em;
}
ul.tagcloud {
    font-size:120%;
    list-style: none outside none;
    margin: 4em 0;
    padding: 0;
}

ul.tagcloud li {
    display: inline;
    margin: 0;
    padding: 0 10px;
}

.slider{
  width: 100%;
  margin:1em;
}

.slider img{
  width:100%;
}

.slick-dots{
  margin-bottom: 2em;
}

i{
  color:#F99E99 !important;
}

.section-icon{
  margin-top: 4em;
}

.list-unstyled{
  margin-top:0.5em;
  margin-left:1.5em;
}

.resume-title{
  font-size:155%;
  color:#7DBBB5 !important;
}

.pad{
  margin-top:1em;
}

.list-unstyled li{
  padding-bottom:0.3em
}