/*--------------------------------------------------------------
# Font & Color Variables
--------------------------------------------------------------*/

.rl {
	background: #ffe6e6;
}
.ol {
	background: #fff2e6;
}
.yl {
	background: #ffffe6;
}
.gl {
	background: #ebfaeb;
}
.bl {
	background: #e6ecff;
}
.vl {
	background: #f9e6ff;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

.perks .section-foot {
    margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.top4 {
    margin-top: 4px;
}

.top10 {
    margin-top: 10px;
}

.top20 {
    margin-top: 20px;
} 

/* Make Google Calendar Responsive*/

@media (max-width: 550px) {
   .big-container {
       display: none;
   }
}
@media (min-width: 550px) {
   .small-container {
       display: none;
   }
}

/* Hides screen reader text from sighted */
.screen-reader-text {
    overflow: hidden;
    clip: rect(0,0,0,0);
    position: absolute !important;
    width: 1px;
    height: 1px;
    border: 0;
    word-wrap: normal !important;
}
/* Use <span class="screen-reader-text">opens a new window</span> in a tag text to display to screen reader. */

.talent ul {
  list-style: disc inside;
  padding: 0;
}

.talent ul li {
  padding-left: 20px;
}
.btn-talent {
  padding: 8px 40px;
  background: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50px;
  transition: 0.3s;
}

.btn-talent:hover {
  background: rgba(var(--accent-color-rgb), 0.8);
}

.btn-blog {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: var(--accent-color);
  color: var(--contrast-color);
}

.btn-blog:hover {
  color: var(--contrast-color);
  background-color: rgba(var(--accent-color-rgb), 0.8);
}

.st {
  text-decoration: line-through;
}