197 lines
2.5 KiB
CSS
Vendored
197 lines
2.5 KiB
CSS
Vendored
/* https://coolors.co/3f3f37-eef4d4-983628-ff7f11-daefb3 */
|
|
|
|
body {
|
|
font-family: Ubuntu;
|
|
text-align: justify;
|
|
background: #EEF4D4 url("./images/bg.png");
|
|
}
|
|
|
|
body.photo-bg {
|
|
background: url("./images/clay-bg.jpg") no-repeat fixed;
|
|
background-size: cover;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
font-family: Comfortaa;
|
|
color: #FF7F11;
|
|
}
|
|
|
|
a {
|
|
color: #FF7F11;
|
|
}
|
|
|
|
a:hover {
|
|
color: #983628;
|
|
}
|
|
|
|
/** HEADER **/
|
|
header.top-bar {
|
|
background: #3F3F37;
|
|
padding: 0;
|
|
border-bottom: solid 1px #FF7F11;
|
|
}
|
|
|
|
header.top-bar h1 {
|
|
font-size: 130%;
|
|
line-height: 38px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
header.top-bar.centered .menu li {
|
|
display: inline-block;
|
|
}
|
|
|
|
header.top-bar ul {
|
|
background: none;
|
|
}
|
|
|
|
header.top-bar a {
|
|
color: white;
|
|
}
|
|
|
|
header.top-bar h1 a {
|
|
color: #FF7F11;
|
|
}
|
|
|
|
.menu .active > a {
|
|
background: #FF7F11;
|
|
}
|
|
|
|
.menu a:hover {
|
|
background: #983628;
|
|
transition: background 400ms linear;
|
|
}
|
|
|
|
.logo {
|
|
max-height: 25px;
|
|
margin: 0 15px;
|
|
}
|
|
|
|
/** END HEADER **/
|
|
|
|
.stripe {
|
|
width: 100%;
|
|
}
|
|
|
|
.stripe.light {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.content-container.row {
|
|
margin-top: 1em;
|
|
line-height: 170%;
|
|
padding: 1em;
|
|
background: #F8FEF0;
|
|
box-shadow: 0 0 10px #CBCBCB;
|
|
border-radius: 5px 5px 0 0;
|
|
width: 98%;
|
|
}
|
|
|
|
.content-container h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.orbit {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: silver;
|
|
}
|
|
|
|
.orbit-bullets {
|
|
margin-top: -100px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.orbit .stripe {
|
|
height: 20px;
|
|
background: rgba(255, 127, 17, 0.3);
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.orbit-top {
|
|
top: 0;
|
|
}
|
|
|
|
.orbit-bottom {
|
|
bottom: 0;
|
|
border-bottom: solid 1px #3F3F37;
|
|
}
|
|
|
|
.slow {
|
|
transition-duration: 3500ms !important;
|
|
}
|
|
|
|
.trainee-team {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.trainee-team .thumbnail {
|
|
max-height: 150px;
|
|
}
|
|
|
|
.trainee-team p {
|
|
line-height: 20%;
|
|
}
|
|
|
|
.trainee-team ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.trainee-team h2, .trainee-team h3, .trainee-team h4 {
|
|
font-size: 130%;
|
|
}
|
|
|
|
.rounded {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.title-photo img {
|
|
border-radius: 0 0 5px 5px;
|
|
}
|
|
|
|
.trainer {
|
|
max-width: 25%;
|
|
padding: 3px;
|
|
border: solid 1px #CCC;
|
|
}
|
|
|
|
.hotel {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.required input, .required textarea {
|
|
float: left;
|
|
width: calc(100% - 13px);
|
|
}
|
|
.required:after {
|
|
color: red;
|
|
content: ' *';
|
|
float: right;
|
|
margin-top: 4%;
|
|
}
|
|
|
|
#footer {
|
|
margin-bottom: 50px;
|
|
width: 98%;
|
|
border-top: solid 2px #FF7F11;
|
|
background: #3F3F37;
|
|
padding: 1em;
|
|
border-radius: 0 0 5px 5px;
|
|
color: #EEF4D4;
|
|
}
|
|
|
|
#binarity, #binarity a {
|
|
color: #ABA48E;
|
|
}
|
|
|
|
@media screen and (max-width: 639px) {
|
|
.menu > li {
|
|
display: block !important;
|
|
}
|
|
} |