body {
  min-height: 100vh; 
  display: flex;
    flex-direction: column;
}

.iti__flag {background-image: url("../images/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../images/flags%402x.png");}
}

.flex-grow {
   flex: 1;
}


h1, h2, h3, h4, h5, h6 {
    color: #06b493;
}

h1 {
    /*-webkit-text-stroke: 1px white; */
    /*text-shadow: #19b694 -2px -2px 0, white 2px -2px 0, white 2px 2px 0, white -2px 2px 0, #00000066 0 2px 1px, #00000036 0 2px 7px;*/
    /* font-weight: 700; */
    color: rgba(0,0,0,.9);
    font-size: 46px;
}

a {
    color: #06b493;
}

.big-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding-right: 1.5em;
    font-size: 14px !important;
    height: 48px;
    line-height: 29px;
    font-weight: 600;
}

.alert {
    padding: .55rem 1.25rem;
}

.navbar-nav .nav-link{
    font-weight: 600;
}

.navbar-light .navbar-nav .active>.nav-link{
        text-shadow: white -1px -1px 0, white 1px -1px 0, white 1px 1px 0, white -1px 1px 0, #00000066 0 1.5px 1.5px, #00000036 0 1.5px 5px;
    color: #2cb640;
    font-weight: 700;
}

.number-exists {
    font-size: 23px;
    font-style: italic;
    font-weight: 600;
}

.number-exists.exists{
    color: #4caf50;
}

.number-exists.no-exists{
    color: #F44336;
}

/************/

.lds-ring {
  display: inline-block;
  position: relative;
  width: 24px;
    height: 24px;
    margin-bottom: -2px;
    margin-left: 2px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 4px;
  border: 3px solid #b8daff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #b8daff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.site-info p{
  font-size: 14px;
}
.site-info h3{
  font-size: 22px;
}

.blog-post h1{
  color: #383838;
}

.blog-post h2 small{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
}

.featured-image{
  width: 100%;
  height: 200px;
  max-height: 200px;
  background-position: center;
  background-size: cover;
}

#content{
  margin-top: 20px;
}

picture img, picture source{
  max-width: 800px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.metadata {
  font-size: 13px;
  margin-top: 8px;
  font-style: italic;
}

div.card-body a:hover{
  text-decoration: none !important;
}

div.card-body p.card-text{
  color: #212529 !important;
}

#try-it-label{
    position: absolute;
    width: 140px;
    top: -64px;
    right: calc(50% - 350px);
}
@media only screen and (max-width: 767px) {
    #try-it-label{
        width: 120px;
        top: -55px;
        right: calc(50% - 300px);
    }
}
@media only screen and (max-width: 600px) {
    #try-it-label{
        width: 110px;
        top: -50px;
        right: -10px;
    }
}