:root {
--gray-c: #7e94ff;
--green-c: #6f35df;
--green-2-c: #3d3387;
--black-c: #12089b;
--white-c: #ffffff;
}

.gray-c {
color: var(--gray-c);
}

.green-c {
color: var(--green-c);
}

.green-2-c {
color: var(--green-2-c);
}

.black-c {
color: var(--black-c);
}

.white-c {
color: var(--white-c);
}

input::-webkit-input-placeholder {
line-height: 1.5rem;
}

h1, h2, h3, h4, h5, h6, a, button {
font-family: "Almarai";
font-weight: 800;
text-transform: uppercase;
}

body {
font-family: "Almarai";
font-weight: 300;
background: linear-gradient(45deg, var(--black-c), var(--green-2-c));
color: var(--white-c);
position: relative;
}

p {
font-family: "Almarai";
font-weight: 300;
}

button.nav-icon {
background: rgba(0,0,0,0);
background-repeat: no-repeat;
background-size: 75%;
background-image: url(https://spaceappssaudi.com/assets/images/menu-main.svg);
background-position: center center;
padding: 58.5px 45px;
cursor: pointer;
position: fixed;
top: 2vh;
left: 2.5vh;
z-index: 998;
}

.off-canvas.is-open button.nav-icon {
background-image: url(https://spaceappssaudi.com/assets/images/menu-white.svg);
}

.position-left {
padding: 150px 10px 0 10px;
z-index: 999 !important;
}

.position-left ul {
margin-bottom: 50px;
}

.off-canvas {
background: var(--gray-c);
}

.off-canvas a, .off-canvas a:focus {
color:var(--white-c);
font-size: 1.125rem;
display: inline-block;
}

.off-canvas a.language {
color: var(--green-c);
}

.off-canvas li.sub a {
font-size: 1.25rem;
text-transform: normal;
font-weight: 300;
margin-right: 25px;
}

.off-canvas li.sub {
display: none;
}

.off-canvas li.sub.open {
display: block;
}

.off-canvas a:hover {
color: var(--green-c);
}

.js-off-canvas-overlay {
background: rgba(0,0,0,0.75);
}

div.hero, div.hero div.grid-x {
min-height: 66vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

div.hero p {
margin-top: 1.5vh;
font-size: 1.5rem;
}

.overlay {
background: rgba(0,0,0,0.5);
}

/*------------------------ Homepage ------------------------*/

div#cover {
background-repeat: no-repeat;
background-color: var(--black-c);
background-size: cover;
min-height: 100vh;
position: relative;
}

div#cover-inner {
min-height: 100vh;
background: rgba(0,0,0,0.75);
background: linear-gradient(rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
}

div#cover-inner img {
position: absolute;
-webkit-filter: drop-shadow(0 0 5px var(--black-c));
filter: drop-shadow(0 0 5px var(--black-c));
}

div#cta {
position: absolute;
color: var(--white-c);
}

div#cta h2 {
color: var(--green-c);
}

div#cta a {
font-size: 2rem;
background: var(--green-c);
color: var(--white-c);
padding: 5px 25px 10px 25px;
border: 5px solid var(--green-c);
}

div#cta a:hover, div#cta a:focus  {
background: var(--white-c);
color: var(--gray-c);
border-color: var(--gray-c);
}

div#stats div.cell h1 {
margin-top: 100px;
font-size: 6rem;
line-height: 5rem;
}

div#stats div.cell p {
font-size: 1.5rem;
margin: 25px 0 100px 0;
color: var(--gray-c);
text-transform: uppercase;
text-indent: 0.1em;
font-weight: bold;
}

div#about h1 {
padding: 0 50px 0 50px;
}

div#about p {
padding: 0 50px 100px 50px;
margin-top: 50px;
font-size: 1.5rem;
color: var(--white-c);
}

div#why-join {
min-height: 88vh;
color: var(--white-c);
background-repeat: no-repeat;
background-color: var(--black-c);
background-size: cover;
background-image: url(https://spaceappssaudi.com/assets/images/why-join-rtl.jpg);
background-position: center bottom;
}

div#why-join img {
max-width: 350px;
animation: zoom-in-zoom-out 25s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
0% {
transform: scale(0.75, 0.75) rotate(45deg);
}
50% {
transform: scale(1, 1) rotate(-45deg);
}
100% {
transform: scale(0.75, 0.75) rotate(45deg);
}
}

div#skills {
padding: 100px 0 0 0;
}

div#skills h1 {
color: var(--white-c);
}

div#skills i {
color: var(--green-c);
font-size: 5vw;
margin: 8vh 0 2vh 0;
}

div#skills img {
padding: 25px;
max-width: 150px;
}

div#map {
padding: 50px 0 100px 0 ;
}

div#map h1 {
color: var(--white-c);
margin-bottom: 50px;
}

div#map img {
max-width: 550px;
}

div#cities-box {
max-height: 40vh;
overflow: scroll;
border: 2px solid var(--gray-c);
}

div#map h3 {
color: var(--green-c);
margin: 25px 0 0 0;
padding-bottom: 10px;
}

div#map table {
border-bottom: 2px solid var(--gray-c);
padding: 5%;
}

div#map thead, div#map tfoot {
background: rgba(0,0,0,0);
border: 0;
}

div#map td {
width: 25%;
}

div#map small {
color:  var(--gray-c);
}

div#map i {
font-size: 3rem;
}

div#map a {
color: var(--gray-c);
}

div#map a:hover, div#map a:focus {
color: var(--green-c);
}

div#journey h1 {
color: var(--white-c);
text-align: center;
width: 100%;
margin-bottom: 50px;
}

ul#journey-h {
width: 100%;
border-bottom: 5px solid var(--gray-c);
padding-bottom: 25px;
margin-bottom: 100px;
border-image: linear-gradient(90deg, rgba(99,102,106,0) 0%, rgba(99,102,106,1) 10%, rgba(99,102,106,1) 90%, rgba(99,102,106,0) 100%) 1;
position: relative;
}

ul#journey-h li {
position: relative;
}

ul#journey-h li:after {
position: absolute;
right: calc(50% - 6px);
bottom: -35px;
content: '';
display: block;
width: 12px;
height: 12px;
background: var(--white-c);
border-radius: 10px;
border: 4px solid var(--green-c);
z-index: 10;
}

ul#journey-h h6.journey-title {
margin: 0 auto;
padding: 2vh 0;
display: inline-block;
display:flex;
align-items: center;
justify-content: center;
}

ul#journey-h h6.journey-date {
margin: 0;
background: var(--green-c);
padding: 6px 10px;
display: inline-block;
font-size: 0.875rem;
position: relative;
}

ul#journey-h h6.journey-date:after {
content: "";
position: absolute;
right: calc(50% - 8px);
bottom: -15px;
height: 0;
width: 0;
border: 8px solid rgba(0,0,0,0);
border-top-color: var(--green-c);
}

ul#journey-h li.down {
transform: rotate(180deg);
bottom: -18.7vh;
}

ul#journey-h li.down h6.journey-title, ul#journey-h li.down h6.journey-date {
transform: rotate(-180deg);
}

ul#journey-h li.down h6.journey-title {

}

ul#journey-h li.down h6.journey-date:after {
right: calc(50% - 8px);
top: -15px;
bottom: auto;
border-top-color: rgba(0,0,0,0);
border-bottom-color: var(--green-c);
}

.timeline {
position: relative;
width: 660px;
margin: 0 auto;
margin-top: 20px;
padding: 1em 0;
list-style-type: none;
direction: ltr !important;
}

.timeline:before {
position: absolute;
right: 50%;
top: 0;
content: ' ';
display: block;
width: 5px;
height: 100%;
margin-right: -3px;
background: rgba(0,0,0,0);
background: -o-linear-gradient(top, rgba(99,102,106,0) 0%, rgb(99,102,106) 8%, rgb(99,102,106) 92%, rgba(99,102,106,0) 100%);
background: -webkit-gradient(linear, right top, right bottom, from(rgba(99,102,106,0)), color-stop(8%, rgb(99,102,106)), color-stop(92%, rgb(99,102,106)), to(rgba(99,102,106,0)));
background: linear-gradient(to bottom, rgba(99,102,106,0) 0%, rgb(99,102,106) 8%, rgb(99,102,106) 92%, rgba(99,102,106,0) 100%);
z-index: 5;
}

.timeline li {
padding: 1em 0;
}

.timeline li:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.direction-l {
position: relative;
width: 300px;
float: right;
text-align: left;
}

.direction-r {
position: relative;
width: 300px;
float: left;
}

.flag-wrapper {
position: relative;
display: inline-block;
text-align: center;
}

.flag {
position: relative;
display: inline;
background: var(--green-c);
color: var(--white-c);
padding: 6px 10px;
text-align: right;
}

.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: 50%;
left: auto;
content: ' ';
display: block;
width: 12px;
height: 12px;
margin-top: -10px;
background: var(--white-c);
border-radius: 10px;
border: 4px solid var(--green-c);
z-index: 10;
}

.direction-r .flag:before {
right: -36px;
}

.direction-l .flag:after {
content: "";
position: absolute;
right: 100%;
top: 50%;
height: 0;
width: 0;
margin-top: -8px;
border: solid rgba(0,0,0,0);
border-right-color: var(--green-c);
border-width: 8px;
pointer-events: none;
}

.direction-r .flag:after {
content: "";
position: absolute;
left: auto;
top: 50%;
height: 0;
width: 0;
margin-top: -8px;
border: solid rgba(0,0,0,0);
border-left-color: var(--green-c);
border-width: 8px;
pointer-events: none;
}

.desc {
margin: 0;
line-height: 1.5em;
padding: 1em;
direction: ltr;
}

.direction-r .desc {
margin: 0;
}

@media screen and (max-width: 660px) {
.timeline {
width: 100%;
padding: 4em 0 1em 0;
}
.timeline li {
padding: 2em 0;
}
.direction-l,
.direction-r {
float: none;
width: 100%;
text-align: center;
}
.flag-wrapper {
text-align: center;
}
.flag {
background: var(--green-c);
z-index: 15;
}
.direction-l .flag:before,
.direction-r .flag:before {
position: absolute;
top: -30px;
right: 50%;
content: ' ';
display: block;
width: 12px;
height: 12px;
margin-right: -6px;
background: var(--white-c);
border-radius: 10px;
border: 4px solid var(--green-c);
z-index: 10;
}
.direction-l .flag:after,
.direction-r .flag:after {
content: "";
position: absolute;
right: 50%;
top: -8px;
height: 0;
width: 0;
margin-right: -8px;
border: solid rgba(0,0,0,0);
border-bottom-color: var(--green-c);
border-width: 8px;
pointer-events: none;
}
.time-wrapper {
display: block;
position: relative;
margin: 4px 0 0 0;
z-index: 14;
}
.direction-l .time-wrapper {
float: none;
}
.direction-r .time-wrapper {
float: none;
}
.desc {
position: relative;
margin: 0;
padding: 1em;
z-index: 15;
}
.direction-l .desc,
.direction-r .desc {
position: relative;
padding: 1em;
z-index: 15;
}
}

@media screen and (min-width: 400px) and (max-width: 660px) {
.direction-l .desc,
.direction-r .desc {
margin: 0;
}
}

a.view-more {
background: rgba(0,0,0,0);
color: var(--white-c);
padding: 5px 0;
margin-top: 25px;
border-bottom: 3px solid var(--green-c);
}

a.view-more:hover {
color: var(--white-c);
border-color: var(--white-c);
}

div#challenges {
margin: 100px 0 50px 0;
}

div.challenge img {
min-width: 100%;
}

div.challenge a h4 {
color: var(--green-c);
}

div.challenge a p {
color: var(--black-c);
text-transform: none;
}

div.challenge span.learn-more {
color: var(--green-c);
position: absolute;
bottom: 10px;
left: 15px;
}

div.challenge-desc {
background: var(--white-c);
color: var(--back-c);
padding: 30px 30px 60px 30px;
margin-bottom: 25px;
position: relative;
}

div#ideas {
margin: 100px 0 50px 0;
}

div.idea {
margin-bottom: 30px;
padding: 0 15px;
}

div.idea img {
min-width: 100%;
}

div.idea div.cell {
position: relative;
background: var(--white-c);
}

div.idea thead, div.idea tbody, div.idea tfoot {
border: 0;
background: rgba(0,0,0,0);
}

.responsive-embed, .flex-video {
margin-bottom: 0;
}

div.idea-desc {
background: var(--white-c);
color: var(--black-c);
padding: 15px 15px 0 15px;
}

div.idea-desc h5 {
position: absolute;
top: 0;
left: 0;
background: var(--gray-c);
color: var(--white-c);
padding: 3px 15px 7px 15px;
}

div.idea-desc h6, div.idea-desc span {
color: var(--green-c);
}

div.idea-desc a.request-link {
color: var(--white-c) !important;
position: absolute;
bottom: 15px;
left: 15px;
background: var(--green-c) !important;
padding: 5px 25px 10px 25px;
border: 3px solid var(--green-c);
}

div.idea-desc a.request-link:hover, div.idea-desc a.request-link:focus {
color: var(--gray-c) !important;
background: var(--white-c) !important;
border-color: var(--gray-c);
}

div#schedule {
margin: 100px 0 50px 0;
}

div#schedule h1 {
margin-bottom: 50px;
}

.tabs, .tabs-content, .tabs-panel, .tabs-title, .tabs-title a, .tabs-title a:hover, .tabs-title a:focus {
background: rgba(0,0,0,0) !important;
border: 0 !important;
}

.tabs-title {
color: var(--gray-c) !important;
}

.tabs-title a {
color: var(--gray-c) !important;
font-size: 1.5rem !important;
text-align: center;
}

.tabs-title a:hover, .tabs-title a:focus {
color: var(--green-c) !important;
}

.tabs-title.is-active a {
background: var(--green-c) !important;
color: var(--white-c) !important;
}

.tabs-content {
border-top: 5px solid var(--green-c) !important;
}

.tabs-panel {
padding: 0;
}

.tabs-panel table h6 {
text-align: center;
}

thead, tbody, tfoot {
border: 0;
}

td.schedule_time {
width: 25%;
}

tr.day-title {
background: var(--gray-c);
color: var(--white-c);
border: 0;
}

div#speakers {
margin: 100px 0 50px 0;
}

div.speaker div.cell {
border: 3px solid rgba(0,0,0,0);
}

div.speaker div.cell:hover, div.speaker div.cell:focus {
border-color: var(--green-c);
}

div.speaker img {
border-radius: 999px;
max-width: 250px;
margin: 25px 0;
}

div.speaker h5 {
padding-bottom: 25px;
border-bottom: 2px solid var(--gray-c);
color: var(--green-c);
}

div.speaker h6 {
font-size: 0.875rem;
}

div.speaker i {
color: var(--gray-c);
}

div.speaker a {
display: inline-block;
color: #008dff;
padding: 0;
}

div#mentors {
margin: 100px 0 50px 0;
}

div.mentor div.cell {
border: 3px solid rgba(0,0,0,0);
}

div.mentor div.cell:hover, div.speaker div.cell:focus {
border-color: var(--green-c);
}

div.mentor img {
border-radius: 999px;
max-width: 250px;
margin: 25px 0;
}

div.mentor a {
background: var(--green-c);
color: var(--white-c);
border: 3px solid var(--green-c);
padding: 5px 25px 10px 25px;
display: inline-block;
margin-bottom: 25px;
}

div.mentor a:hover, div.mentor a:focus  {
background: var(--white-c);
color: var(--gray-c);
border-color: var(--gray-c);
}

div#speakers-grid, div#speakers-orbit, div#mentors-grid, div#mentors-orbit {
display: none;
}

div#testimonials {
margin: 100px 0 50px 0;
}

div#testimonials h1 {
margin-bottom: 50px;
}

div#testimonials p {
font-size: 1.5rem;
max-width: 80%;
margin: 0 auto;
}

div#testimonials h6 {
color: var(--green-c);
}

div#testimonials span {
color: var(--gray-c);
}

.orbit {
width: 100%;
}

div#testimonials .orbit-container {
background: var(--white-c);
color: var(--black-c);
}

.orbit-previous, .orbit-next {
top: 55%;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
}

.orbit-previous, .orbit-next, .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
background-color: var(--green-c);
color: var(--white-c);
}

div#testimonials div.testimonial-photo {
position: relative;
}

div#testimonials div.testimonial-photo img.triangle {
position: absolute;
top: 0;
left: -1px;
max-height: calc(100% + 1px);

}

div#testimonials div.testimonial-wrapper {
background-image: url("https://spaceappssaudi.com/assets/images/quote.svg");
background-position: 5% 10%;
background-size: 15%;
background-repeat: no-repeat;
}

div#faq h1 {
padding: 100px 0 50px 0;
color: var(--white-c);
}

.accordion {
background: rgba(0,0,0,0);
}

.accordion-title, .accordion-title:hover, .accordion-title:focus, :last-child:not(.is-active) > .accordion-title {
border: 0;
background: var(--gray-c);
margin-bottom: 15px;
padding-right: 3rem;
line-height: 1.75rem;
}

.accordion-content {
border: 0 !important;
color: var(--white-c);
background: rgba(0,0,0,0);
margin-bottom: 15px;
}

.accordion-title::before, .is-active > .accordion-title::before {
content: "";
}

.accordion-title::after {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: "⇣";
}

.is-active > .accordion-title::after {
content: "⇡";
}

div#faq a {
font-size: 1.25rem;
color: var(--white-c);
}

div#faq a:hover, div#faq a:focus {
color: var(--green-c);
}

div#faq p {
font-size: 1.25rem;
}

div#logos {
margin: 0 0 50px 0;
}

div#logos h1 {
margin: 100px 0 50px 0;
}

div#logos img {
margin-bottom: 25px;
background: var(--white-c);
padding: 50px;
}

div#contact {
margin-top: 100px;
}

div#contact-hear {
min-height: 100vh;

background-position: right top;
background-size: 100%;
background-repeat: no-repeat;
position: relative;
}

div#contact-hear h1 {
position: absolute;
top: 50px;
left: 50px;
}

div#contact-hear span {
color: var(--green-c);
}

div#contact-form {
min-height: 100vh;
background-image: url("https://spaceappssaudi.com/assets/images/contact-bg-2-rtl.png");
background-position: left bottom;
background-size: 66%;
background-repeat: no-repeat;
position: relative;
}

div#contact-form form {
max-width: 60%;
margin: 0 15%;
padding-bottom: 100px;
}

div#contact-form label {
color: var(--white-c);
font-size: 1.25rem;
margin-bottom: 10px;
}

div#contact-form button {
background: var(--green-c);
color: var(--white-c);
border: 5px solid var(--green-c);
padding: 5px 25px 10px 25px;
font-size: 1.5rem;
width: 100%;
margin-top: 15px;
cursor: pointer;
}

div#contact-form button:hover, div#contact-form button:hover:focus  {
background: var(--white-c);
color: var(--gray-c);
border-color: var(--gray-c);
}

label.required:after {
content:" *";
color: red;
}

div#thanks {
padding: 15vh 0;
}

/*------------------------ 0 ------------------------*/

div#footer {
background: var(--gray-c);
min-height: 25vh;
}

div#footer img {
max-width: 96px;
margin: -20px 0 0 10px;
}

div#footer p {
display: inline-block;
text-align: right;
margin-bottom: -10px;
}

div#footer i {
color: var(--white-c);
font-size: 2.5rem;
padding-top: 15px;
}

div#footer a {
color: var(--white-c);
}

div#footer h5 {
margin-bottom: -15px;
}

div#footer a:hover, div#footer a:focus {
color: var(--green-c);
}

/*------------------------ Challenges ------------------------*/

a.challenge-cat {
background: rgba(0,0,0,0);
color: var(--white-c);
padding: 5px 25px 10px 25px;
margin: 10px 10px 0 0;
display: inline-block;
border: 3px solid var(--green-c);
border-radius: 999px;
}

a.challenge-cat:hover, a.challenge-cat:focus, a.challenge-cat.is-active {
background: var(--green-c);
color: var(--white-c);
}

ul#challenge-tabs {
margin-top: 50px;
}

div.tabs-content.challenge {
padding-top: 50px;
color: var(--white-c);
border-top: 5px solid var(--green-c) !important;
border-right: 0 !important;
}

div.tabs-content.challenge a {
color: var(--white-c);
}

div.tabs-content.challenge a:hover, div.tabs-content.challenge a:focus {
color: var(--gray-c);
}

div.tabs-content.challenge table h6 {
text-align: right;
}

/*------------------------ Ideas ------------------------*/

div#ideas-hero {
background-position: center bottom;
margin-bottom: 100px;
}

ul#idea-tabs {
margin-top: 50px;
}

div.tabs-content.idea {
padding-top: 50px;
color: var(--white-c);
}

div.tabs-content.idea a {
color: var(--gray-c);
}

div.tabs-content.idea a:hover, div.tabs-content.idea a:focus {
color: var(--white-c);
}

div.tabs-content p.resource-link {
font-size: 1rem;
}

div.tabs-content span {
color: var(--gray-c);
}

ul.pagination a {
color: var(--white-c);
}

ul.pagination li.current {
background: rgba(0,0,0,0);
}

ul.pagination a:hover, ul.pagination a:focus, ul.pagination li.current a {
background: var(--green-c);
}

/*------------------------ Workshops ------------------------*/

div#workshops-hero {
margin-bottom: 50px;
}

a.workshop-cat {
background: rgba(0,0,0,0);
color: var(--green-c);
padding: 5px 25px 10px 25px;
margin: 10px 10px 0 0;
display: inline-block;
border: 3px solid var(--green-c);
border-radius: 999px;
}

a.workshop-cat:hover, a.challenge-cat:focus, a.workshop-cat.is-active {
background: var(--green-c);
color: var(--white-c);
}

div.workshop {
margin: 25px 0 0 0;
width: 100%;
}

div.workshop img {
border-radius: 999px;
max-width: 80%;
margin: 10% 0;
}

div.workshop-speaker {
background: var(--white-c) ;
background: linear-gradient(90deg, var(--white-c) 50%, rgba(0,0,0,0) 50%);
}

div.workshop-info {
background: var(--white-c);
color: var(--black-c);
padding: 40px 0;
position: relative;
}

div.workshop-info h4 {
color: var(--gray-c);
}

div.workshop-info h6.workshop-category {
position: absolute;
top: 0;
left: 0;
background: var(--green-c);
color: var(--white-c);
padding: 3px 15px 7px 15px;
}

div.workshop-info i {
color: var(--green-c);
}

div.workshop-info a {
color: #008dff;
}

div.workshop-info a:hover, div.workshop-info a:focus, h6.workshop-speaker {
color: var(--green-c);
}

/*------------------------ Mentors ------------------------*/

div#mentors-hero {
margin-bottom: 50px;
}

/*------------------------ Resources ------------------------*/

div#resources-hero {
background-position: center top;
margin-bottom: 50px;
}

div.resource p {
font-size: 1rem;
}

div.resource a {
color: var(--white-c);
}

div.resource a:hover, div.resource a:focus {
color: var(--gray-c);
}

div.resource hr {
border: 0;
border-top: 5px solid rgba(255,255,255,0.05);
width: 50%;
margin-top: 25px;
margin-bottom: 25px;
}

/*------------------------ Register ------------------------*/

form a, form a:hover, form a:focus {
color: var(--white-c);
border-bottom: 2px solid var(--white-c);
padding-bottom: 5px;
}

div#have-team {
display: none;
}

div.team-info {
border-top: 5px solid rgba(255,255,255,0.1);
margin-top: 2.5vh;
padding-top: 2.5vh;
display: none;
}

#team-yes:checked ~ #have-team { display: block; }

#team-2:checked ~ #team-2-info { display: block; }
#team-3:checked ~ #team-2-info { display: block; }
#team-3:checked ~ #team-3-info { display: block; }
#team-4:checked ~ #team-2-info { display: block; }
#team-4:checked ~ #team-3-info { display: block; }
#team-4:checked ~ #team-4-info { display: block; }
#team-5:checked ~ #team-2-info { display: block; }
#team-5:checked ~ #team-3-info { display: block; }
#team-5:checked ~ #team-4-info { display: block; }
#team-5:checked ~ #team-5-info { display: block; }
#team-6:checked ~ #team-2-info { display: block; }
#team-6:checked ~ #team-3-info { display: block; }
#team-6:checked ~ #team-4-info { display: block; }
#team-6:checked ~ #team-5-info { display: block; }
#team-6:checked ~ #team-6-info { display: block; }

/*------------------------ Media Queries ------------------------*/

@media (orientation: landscape) {
div#cover {
background-image: url(https://spaceappssaudi.com/assets/images/cover-h-rtl.jpg);
background-position: center center;
}
div#cover-inner img {
bottom: 5vh;
left: 5vw;
max-width: 50vw;
}
div#cta {
top: 15vh;
left: 5vw;
max-width: 50vw;
}
div#challenges-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-01-h.jpg");
background-position: center bottom;
}
div#ideas-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-06-h.jpg");
background-position: center bottom;
}
div#workshops-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-03-h.jpg");
}
div#mentors-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-04-h.jpg");
}
div#resources-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-05-h.jpg");
}
}

@media (orientation: portrait) {
div#cover {
background-image: url(https://spaceappssaudi.com/assets/images/cover-v-rtl.jpg);
background-position: center center;
}
div#cover-inner img {
top: 12.5vh;
left: 5vw;
max-width: 90%;
margin: 0 auto;
}
div#cta {
bottom: 12.5vh;
right: 10vw;
left: 10vw;
max-width: 80vw;
}
div#challenges-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-01-v.jpg");
}
div#ideas-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-06-v.jpg");
}
div#workshops-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-03-v.jpg");
}
div#mentors-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-04-v.jpg");
}
div#resources-hero {
background-image: url("https://spaceappssaudi.com/assets/images/bg-05-v.jpg");
}
}

@media screen and (max-width: 39.9375em) {
div.grid-container.full.layout {
margin: 0 3.5%;
}
button.nav-icon {
padding: 33px 25px;
top: 1vh;
left: 1.25vh;
}
.position-left {
padding: 75px 12.5px 0 12.5px;
}
.position-left ul {
margin-bottom: 25px;
}
div.hero p {
font-size: 1.25rem;
}
div#cta a {
font-size: 1.25rem;
padding: 5px 25px 10px 25px;
}
div#stats div.cell {
min-height: 25vh;
}
div#stats div.cell h1 {
margin-top: 25px;
font-size: 3rem;
line-height: 2.5rem;
}
div#stats div.cell p {
font-size: 1rem;
}
div#about h1 {
padding: 0 25px 0 25px;
}
div#about p {
padding: 0 25px 100px 25px;
font-size: 1.25rem;
}
div#why-join img {
max-width: 250px;
}
div#skills i {
font-size: 6rem;
margin: 50px 0 25px 0;
}
div#map {
padding: 50px 0 75px 0;
}
div#map img {
max-width: 300px;
margin-bottom: 15px;
}
div#map i {
font-size: 2rem;
}
div#journey h1 {
margin-bottom: 0;
}
a.view-more {
font-size: 0.750rem;
padding: 0 0 5px 0;
margin-top: 5px;
}
div#challenges {
margin: 50px 0 25px 0;
}
div#ideas {
margin: 50px 0 25px 0;
}
div.idea {
padding: 0 10px;
}
div#schedule {
margin: 50px 0 25px 0;
}
.tabs-title a, .tabs-title a:hover, .tabs-title a:focus {
color: var(--gray-c)!important;
background: rgba(0,0,0,0) !important;
}
.tabs-title.is-active a {
background: var(--green-c) !important;
color: var(--white-c) !important;
}
div#speakers {
margin: 50px 0 25px 0;
}
div.speaker div.cell {
padding: 15px;
border: 0;
}
div.speaker img {
max-width: 150px;
}
div#mentors {
margin: 50px 0 25px 0;
}
div.mentor div.cell {
padding-bottom: 30px;
}
div.mentor img {
max-width: 150px;
}
div#testimonials {
margin: 50px 0 25px 0;
}
div#testimonials div.testimonial-photo img.triangle {
top: calc(40% + 1px);
left: 40%;
max-height: 100%;
transform: rotate(270deg);
}
div#testimonials div.testimonial-wrapper {
background-position: 10% 80%;
background-size: 25%;
}
div#testimonials div.testimonial-content {
padding-top: 50px;
padding-bottom: 50px;
}
div#faq h1 {
padding-top: 50px;
}
div#logos {
margin: 0 0 25px 0;
}
div#logos h1 {
margin: 50px 0 25px 0;
}
div#logos img {
margin-bottom: 12.5px;
background: var(--white-c);
padding: 25px;
}
div#contact {
margin-top: 50px;
}
div#contact-hear {
min-height: 50vh;
background-position: center top;
background-size: 125%;
}
div#contact-form {
min-height: 50vh;
background-position: center bottom;
background-size: 100%;
}
div#contact-hear h1 {
top: 35vh;
left: 5%;
}
div#contact-form form {
max-width: 95%;
margin: 0 2.5%;
padding-bottom: 50px;
}
div#contact-form button {
font-size: 1.25rem;
margin-top: 0;
}
div#footer {
min-height: 50vh;
}
div#footer img {
max-width: 96px;
margin: 0 0 25px 0;
}
div#footer p {
display: block;
text-align: center;
margin-bottom: 0x;
}
div#footer i {
font-size: 2rem;
padding: 10px;
}
a.challenge-cat {
font-size: 0.750rem;
padding: 5px 25px 5px 25px;
margin: 15px 15px 0 0;
}
ul#challenge-tabs {
margin-top: 25px;
}
ul#challenge-tabs a {
font-size: 0.875rem !important;
}
div.tabs-content p {
font-size: 1rem;
}
div.tabs-content.challenge {
padding-top: 25px;
}
div#ideas-hero {
margin-bottom: 50px;
}
ul#idea-tabs {
margin-top: 25px;
}
ul#idea-tabs a {
font-size: 0.875rem !important;
}
div.idea-desc {
padding-bottom: 50px;
}
div.idea-desc a {
width: calc(100% - 30px);
}
div.tabs-content.idea {
padding-top: 25px;
}
.tabs-title a {
width: 100% !important;
}
.tabs-content {
border-right: 0 !important;
border-top: 5px solid var(--green-c) !important;
}
div#workshops-hero {
margin-bottom: 25px;
}
div.workshop-info h6.workshop-category {
position: unset;
}
a.workshop-cat {
font-size: 0.750rem;
padding: 5px 25px 5px 25px;
margin: 15px 15px 0 0;
}
div.workshop {
margin: 15px 0 0 0;
}
div.workshop-info {
padding: 0 0 20px 0;
}
div.workshop-speaker {
background: rgba(0,0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 50%, var(--white-c) 50%);
}
div#mentors-hero {
margin-bottom: 25px;
}
div.mentor div.cell {
border: 0;
}
div#resources-hero {
margin-bottom: 25px;
}
div.resource p {
font-size: 1rem;
}
div.resource hr {
border-top: 3px solid rgba(255,255,255,0.05);
}
div#contact-form label {
font-size: 1rem;
}
}

@media screen and (min-width: 40em) {
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
div.grid-container.full.layout {
margin: 0 5%;
}
div.speaker img {
max-width: 160px;
}
div.mentor img {
max-width: 160px;
}
div#contact-hear {
min-height: 50vh;
}
div.workshop-speaker {
background: rgba(0,0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 50%, var(--white-c) 50%);
}
}

@media screen and (min-width: 64em) {
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}

@media screen and (min-width: 74.9375em) {
div.grid-container.full.layout {
margin: 0 8.5%;
}
div#speakers-grid, div#mentors-grid {
display: flex;
}
}

@media screen and (max-width: 74.9375em) {
div#speakers-orbit, div#mentors-orbit {
display: flex;
}
}