@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap');

body {
    font-family: 'Quicksand', sans-serif;
    color: #242424;
	font-size: 1.2rem;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.3;
}

h1, .h1 { font-size: 3.5rem; }
h2, .h2 { font-size: 2.4rem; }
h3, .h3 { font-size: 1.9rem; }
h4, .h4 { font-size: 1.6rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }

.textglow { text-shadow: 0px 0px 25px rgba(255, 255, 255, 1.0) !important;
}

.lead {
  font-size: 2.1rem;
  font-weight: 700;
  line-height:1.2;
}

.display-1 {
  font-size: 6rem;
  font-weight: 500;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.bg-home-height  { background: url(../img/backgrounds/bg-juul-home01.jpg) center center no-repeat; background-size: cover;
}
.bg-home-sm  { background: url(../img/backgrounds/bg-juul-home-sm.jpg) center center no-repeat; background-size: cover;
}
.bg-header  { background: url(../img/backgrounds/bg-juul-header.jpg) center center no-repeat; background-size: cover;
}

.text-white {
  color: rgba(255, 255, 255, 1.0) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.text-white-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.text-white-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.text-white-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.text-grey {
  color: #424242 !important;
}

.text-turq {
  color: rgba(3, 212, 225, 1.0) !important;
}

.bg-darker {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-black {
  background-color: rgba(0, 0, 0, 1.0) !important;
}

.border-white-15 {
  border: 2px solid rgba(255, 255, 255, 0.15) !important;
}

label.form-check-label {
  color: rgba(255, 255, 255, 0.8) !important;
}

hr.white {
  border-top: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.btn-turq {
  color: #fff;
  background-color: #01b0bb;
  border-color: #028c95;
}

.btn-turq:hover {
  color: #fff;
  background-color: #028c95;
  border-color: #017e86;
}

.btn-turq:focus, .btn-turq.focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 212, 225, 0.5);
}

.btn-turq.disabled, .btn-turq:disabled {
  color: #fff;
  background-color: #028c95;
  border-color: #028c95;
}

.btn-turq:not(:disabled):not(.disabled):active, .btn-turq:not(:disabled):not(.disabled).active,
.show > .btn-turq.dropdown-toggle {
  color: #fff;
  background-color: #017e86;
  border-color: #017e86;
}

.btn-turq:not(:disabled):not(.disabled):active:focus, .btn-turq:not(:disabled):not(.disabled).active:focus,
.show > .btn-turq.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 212, 225, 0.5);
}


.fa {
  padding-top: 10px;
  font-size: 23px;
  line-height:1.0 !important;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  margin: 0px 7px;
  color: rgba(0, 0, 0, 0.9);
  background: rgba(3, 212, 225, 0.9);
}

.fa:hover {
	color: rgba(0, 0, 0, 0.85);
    background: rgba(255, 255, 255, 0.75);
}

.fa:active, .fa:focus {
	color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
}

.container-fluid-90 {
    width: 92%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid-80 {
    width: 70%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1201px) {
	.container-fluid-90 { width: 95%; }
	.bg-home-height  { background: url(../img/backgrounds/bg-juul-home02.jpg) center center no-repeat; background-size: cover; }
	h2.sizeit { font-size: 2.2rem; }
}
@media (max-width: 1200px) {
	.container-fluid-90 { width: 92%; }
	.container-fluid-80 { width: 82%; }
	.bg-home-height  { background: url(../img/backgrounds/bg-juul-home03.jpg) center center no-repeat; background-size: cover; }
	h2.sizeit { font-size: 1.8rem; }
}
@media (max-width: 991px) {
	.container-fluid-80 { width: 84%; }
	h2.sizeit { font-size: 1.5rem; }
}
@media (max-width: 767px) {
	.center-small { text-align: center !important; }
	h2.sizeit { font-size: 3.0rem; }
}
@media (max-width: 720px) {
	.container-fluid-80 { width: 88%; }
	h2.sizeit { font-size: 2.4rem; }
}
@media (max-width: 540px) {
h2.sizeit { font-size: 2.0rem; }
}
@media (max-width: 440px) {
h2.sizeit { font-size: 1.5rem; }
}



a, a:visited {
  color: rgba(114, 165, 216, 1.0);
  text-decoration: none !important;
}

a:focus, a:hover {
  color: rgba(0, 0, 0, 1.0);
  text-decoration: none !important;
}

footer a, footer a:visited {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none !important;
}

footer a:focus, footer a:hover {
  color: rgba(255, 255, 255, 1.0);
  text-decoration: none !important;
}



.submitted {
  background-color: yellow;
  color: black;
}


.cat-links a, cat-links a:visited{
  color: #000!important;
  padding: 10px;

}
.cat-links a:hover, cat-links a:active{
  color: #F00!important;
  padding: 10px;

}
.post-link a, post-link a:visited{
  color: #000!important;
  padding: 10px;
}

.edit-link a, edit-link a:visited{
  color: #000!important;
  padding: 10px;
}
.post-thumbnail img {
  max-width:100% !important;
  height:auto !important;
  margin-bottom:40px !important;
}

span.tags-links a, span.tags-links a:visited  {
  color: #909090;
}
span.tags-links a:hover, span.tags-links a:active  {
  color: #72A5D8;
}