/* ----------------------------------------------------- [ FONTS ] */
.google-font, h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
}




/* ----------------------------------------------------- [ HEADINGS: Color ] */
h1, h2, h3, h4, h5, h6 {
  color: #4b4b4b;
}




/* --------------------------------------------------------- [ FONT: Sizes ] */
body {
  font-size: 1.3em;
  /* 14px/16=0.875em */
}
p {
  font-size: 1.3em;
  /* 14px/16=0.875em */
}
h6 {
  font-size: 1.35em;
  /* 30px/16=1.875em */
}
h5 {
  font-size: 1.4em;
  /* 30px/16=1.875em */
}
h4 {
  font-size: 1.45em;
  /* 30px/16=1.875em */
}
h3 {
  font-size: 1.5em;
  /* 30px/16=1.875em */
}
h2 {
  font-size: 1.7em;
  /* 30px/16=1.875em */
}
h1 {
  font-size: 2.0em;
  /* 40px/16=2.5em */
}




/* ----------------------------------------------------- [ COLOR: Group A ] */
/* Overall Logo color */
.colorgroup-a-primary-tx {
  color: #56bd41;
  /* Green Neutral */
}
.colorgroup-a-primary-bg {
  background-color: #56bd41;
}

/* The accent color in the logo */
.colorgroup-a-second-tx {
  color: #63d94b;
  /* Green Light */
}
.colorgroup-a-second-bg {
  background-color: #63d94b;
}

.colorgroup-a-third-tx {
  color: #211007;
  /* Green Dark */
}
.colorgroup-a-third-bg {
  background-color: #211007;
}





/* ----------------------------------------------------- [ COLOR: Group B ] */
/* Overall Logo color */
.colorgroup-b-primary-tx {
  color: #929599;
  /* Gray Neutral */
}
.colorgroup-b-primary-bg {
  background-color: #929599;
}

/* The accent color in the logo */
.colorgroup-b-second-tx {
  color: #aeafb1;
  /* Gray Light */
}
.colorgroup-b-second-bg {
  background-color: #aeafb1;
}

.colorgroup-b-third-tx {
  color: #727275;
  /* Gray Dark */
}
.colorgroup-b-third-bg {
  background-color: #727275;
}




/* ----------------------------------------------- [ COLOR: Contrast A & B ] */
.colorgroup-a-primary-tx-contrast {
  color: #ffffff !important;
  /* White */
}
.colorgroup-a-second-tx-contrast {
  color: red !important;
  /* Red */
}
.colorgroup-a-third-tx-contrast {
  color: #ffffff !important;
  /* White */
}
.colorgroup-b-primary-tx-contrast {
  color: #ffffff !important;
  /* White */
}
.colorgroup-b-second-tx-contrast {
  color: red !important;
  /* Red */
}
.colorgroup-b-third-tx-contrast {
  color: #ffffff !important;
  /* White */
}




/* ------------------------------------------------------------- [ FOOTER ] */
.footer-label {
  font-weight: bolder;
  line-height: 2;
  color: #56bd41;
  /* Green Neutral */
}
.footer-link {
  display: block;
  line-height: 2;
  color: #929599;
  /* Gray Neutral */
}





/* --------------------------------------------------------- [ NAVIGATION ] */
.text-color-nav-primary {
  color: #56bd41;
  /* Same as brand primary */
}
.nav-brand-bgcolor-primary {
  background-color: #161616;
}
.nav-brand-bgcolor-primary:hover {
  background-color: #1b1b1b; /* 2c5539 */
}
.center-nav-buttons {
  text-align: center;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.center-nav-buttons:hover {
  background-color: #56bd41;
  /* Green Neutral */
}
#navbar1 {
  position: fixed;
  top: 0;
  width: 100%;
  display:block;
  transition: top 0.4s;
}
#navbar2 {
  transition: top 0.4s;
}




/* -------------------------------------------------------------- [ FORMS ] */
select{
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  padding-right: 15px;

  background-image: url('../images/ui/arrow-down.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 13px) center;
  background-size: 10px;
}

.form-max-width-500px {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}





/* -------------------------------------------------------------- [ GALLERY ] */
.gallery-image {
  object-fit: cover;
  width: 100%;
  height: 500px;
  overflow: hidden;
}





/* --------------------------------------------------------- [ BROADCASTING ] */
.broadcasting-bg-color {
  background-color: #242424;
  /* Gray Very Dark */
}





/* --------------------------------------------------------- [ PROFILE ] */
.profile-edit {
  text-align: center;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
}














/* BRAND COLORS */
.brand-color-primary {
  color: #161616; /*<---------------- BG */
}
.brand-color-secondary {
  color: green;
}
.brand-color-primary-offset {
  color: white;
}
.brand-color-secondary-offset {
  color: white;
}

/* BRAND BG COLORS */
.brand-bgcolor-primary {
  background-color: #161616;/*<---------------- BG */
}
.brand-bgcolor-secondary {
  background-color: green;
}
.brand-bgcolor-thirdtiary {
  background-color: cyan;
}













a {
  text-decoration: none;
}

.text-color-body {
  color: #222223; /* 1d1d1f */
}
.text-color-copyright {
  color: gray;
}
.text-color-fade {
  color: gray;
}






/* BACKGROUND COLORS */
.light-gray {
  background-color: #fbfbfd;
}
.light-gray-detail {
  background-color: #ebebf5;
}









/* BORDERS */
.bottom-border-brand-bgcolor-primary {
  border: 2px solid #161616;
}


/* WARNINGS COLORS */
.invalid {
  color: red;
}
.correct {
  color: green;
}




















/* Aligment */
.center {
  text-align: center;
}
.center-all {
  margin: auto;
  max-width: 1500px;
}











/* Positioning */
.positionTop {
  position: absolute;
  top: 0;
}












/* DIMMERS */
#dimmer
{
    background:#000;
    opacity:0.6;
    position:fixed; /* important to use fixed, not absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}
#dimmerpopup
{
    background:#000;
    opacity:.9;
    position:fixed; /* important to use fixed, not absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index: 1;
}

















/* Pop-Ups */
.popup
{
  z-index: 2;
  position: fixed;
}



























.alert-box {
	padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.failure {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}