.wcgs-slider-image {
justify-content: center;
display: flex !important;
}.feature {
background: #006E8C;
}
.header__bg__blue {
background: #006E8C;
position: absolute;
border-bottom:1px solid #fffded;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.header .row{
height: 6vh;
}
.header .container{
padding: 0 6vw;
} .ct-slick-arrows--type2 .slick-prev,
.ct-slick-arrows--type2 .slick-next {
opacity: 0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
background-color: #fff;
height: 15px;
height: 1.5rem;
width: 70px;
width: 7rem;
}
.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before {
margin-top: -20px;
margin-top: -2rem;
}
.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
margin-top: 20px;
margin-top: 2rem;
}
.ct-slick-arrows--type2 .slick-prev:hover:before,
.ct-slick-arrows--type2 .slick-next:hover:before {
margin-top: -20px;
margin-top: -2rem;
}
.ct-slick-arrows--type2 .slick-prev:hover:after,
.ct-slick-arrows--type2 .slick-next:hover:after {
margin-top: 20px;
margin-top: 2rem;
}
.ct-slick-arrows--type2 .slick-prev:hover:active,
.ct-slick-arrows--type2 .slick-next:hover:active {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ct-slick-arrows--type2 .slick-prev {
left: 10px;
left: 1rem;
}
.ct-slick-arrows--type2 .slick-prev:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ct-slick-arrows--type2 .slick-prev:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ct-slick-arrows--type2 .slick-prev:hover:before {
margin-top: -27px;
margin-top: -2.7rem;
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.ct-slick-arrows--type2 .slick-prev:hover:after {
margin-top: 27px;
margin-top: 2.7rem;
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.ct-slick-arrows--type2 .slick-next {
right: 10px;
right: 1rem;
}
.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-next:after {
left: auto;
right: 0;
}
.ct-slick-arrows--type2 .slick-next:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ct-slick-arrows--type2 .slick-next:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ct-slick-arrows--type2 .slick-next:hover:before {
margin-top: -27px;
margin-top: -2.7rem;
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.ct-slick-arrows--type2 .slick-next:hover:after {
margin-top: 27px;
margin-top: 2.7rem;
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
#home.ct-header.ct-header--slider {
background-size: cover;
}
.ct-header .ct-slick {
margin-bottom: 0;
}
.slick-initialized .slick-slide {
display: block;
}
.ct-u-display-tablex {
display: table;
width: 100%;
height: 600px;
}
.ct-u-display-tablex > .inner {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.ct-header h1.big {
font-size: 6.7rem;
line-height: 1;
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
padding-top: 50px;
}
.ct-header p {
font-size: 2.3rem;
line-height: 1.1;
margin: 30px 0 40px;
color: #fff;
}
.btn-transparent {
background-color: transparent;
border: 3px solid #fff;
color: white;
}
.ct-slick .slick-track,
.ct-slick .slick-list,
.ct-slick .item,
.ct-slick .slick-item {
min-height: inherit;
}
.ct-slick .item {
background-size: cover;
}
.slick-list {
height: 600px;
} .region-box{ font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;  color: #006E8C;
display:inline-block;
}
.voir-box{ position: absolute;
left: 7%;
bottom: 10%; font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;  color: #006E8C;    
}
.header__title_open{
display: none;
}
@media screen and (max-width: 960px) {
.post-box {    
width: calc( (100% / 2) - 20px );
}
}
@media screen and  (max-width: 480px) {
.post-box {    
width: 100%;
}
.post {
width: 100%;
}
} .container {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0; } .row {
position: relative;
left: -2rem;
display: flex;
flex-wrap: wrap;
width: calc(100% + 4rem); }
.row--horizontal-center {
justify-content: center; }
.row--vertical-center {
align-items: center; }
.row--vertical-center .col:last-of-type {
margin-bottom: 2rem; }
.col {
padding: 0 2rem;
margin-bottom: 1rem; }
@media only screen and (min-width: 650px) {
.col {
margin-bottom: 2rem; } }
.col:last-of-type {
margin-bottom: 0; }
@media only screen and (min-width: 650px) {
.hide-from\@xsmall {
display: none !important; } }
@media only screen and (max-width: 650px) {
.hide-until\@xsmall {
display: none !important; } }
@media only screen and (max-width: 800px) {
.hide-until\@medium {
display: none !important; } }    html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } article,
aside,
footer,
header,
nav,
section {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  figcaption,
figure,
main { display: block; } figure {
margin: 1em 40px; } hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  audio,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } img {
border-style: none; } svg:not(:root) {
overflow: hidden; }  button,
input,
optgroup,
select,
textarea { font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block; } summary {
display: list-item; }  canvas {
display: inline-block; } template {
display: none; }  [hidden] {
display: none; }
*,
*::before,
*::after {
box-sizing: border-box; }
a {
display: inline-block;
color: var(--rougesaman);
text-decoration: none; }
a:hover, a:active, a:focus {
text-decoration: underline;
cursor: pointer; }
strong {
font-weight: 600; }
input,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none; }
::placeholder { color: #000;
opacity: 1; }
:-ms-input-placeholder { color: #000; }
::-ms-input-placeholder { color: #000; }
table {
color: var(--noirsaman);
width: 100%;
margin-bottom: 2vw;
border-collapse: collapse; }
table thead {
display: none; }
table tr td {
padding: 1rem 0;
border-bottom: 1px solid #007997; }
table tr td a {
font-weight: 600;
text-decoration: underline; }
table tr:last-of-type td {
border-bottom: 0; }
html {
font-size: 4vw; }
@media only screen and (min-width: 650px) {
html {
font-size: 2.5vw; } }
@media only screen and (min-width: 800px) {
html {
font-size: 1.75vw; } }
@media only screen and (min-width: 1024px) {
html {
font-size: 1.5vw; } }
body {
color: #060000;
font-family: "Montserrat", Arial, sans-serif;
line-height: 1.4;
-webkit-font-smoothing: antialiased; }
h1 {
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
margin: 0 0 0.5em; }
h2 {
font-size: 1.75rem;
line-height: 1.2;
color: var(--noirsaman);
margin: 0; } h3 {
font-size: 1.25rem;
font-weight: 600;
margin-top: 0; }
p {
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.75em; }
p:last-of-type {
margin-bottom: 0; }
p + h2 {
margin-top: 2rem; }
button {
font-family: "Montserrat", Arial, sans-serif; }
input {
font-family: "Montserrat", Arial, sans-serif; }
.footer {
background-color: #fff;
padding-top: 4vw;
padding-bottom: 4vw; }
@media only screen and (max-width: 650px) {
.footer {
background-color: #007997;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh; } }
.footer-nav {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
list-style-type: none; }
@media only screen and (min-width: 650px) {
.footer-nav {
flex-direction: row;
justify-content: space-between;
align-items: flex-end; } }
@media only screen and (max-width: 650px) {
.footer-nav__item {
margin: 2.5vh 0; }
.footer-nav__item:first-of-type {
margin-bottom: 4vh; }
.footer-nav__item:last-of-type {
margin-top: 4vh; } }
.footer-nav__link {
font-size: 1rem;
text-decoration: underline;
color: #fff; }
@media only screen and (min-width: 650px) {
.footer-nav__link {
color: #000;
font-size: .8rem; } }
.footer-nav img {
max-width: 100%; }
@media only screen and (min-width: 650px) {
.footer-nav img {
max-width: 20vw; } }
.header {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 8vw;
overflow: hidden;
position: relative; }
@media only screen and (min-width: 650px) {
.header {
justify-content: center; } }
@media only screen and (min-width: 1024px) {
.header {
justify-content: center;
padding: 2vw 2vw; } } .header__bg {
background: url(https://saman.ca/wp-content/themes/saman/tools/css/.https://saman.ca/wp-content/themes/saman/tools/css/img/home/aurore.jpg) no-repeat center bottom;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.header__title {
color: #fffded;
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.25;
font-weight: 800;
letter-spacing: .1em;
width: 100%; }
@media only screen and (min-width: 650px) {
.header__title {
font-size: 2rem;
width: 65vw;
margin-bottom: 1.5rem !important; } }
@media only screen and (min-width: 1024px) {
.header__title {
width: 45vw; } }
.header__title:hover, .header__title:focus {
text-decoration: none; }
.header__nav_in {
position: relative; bottom: 0;
right: 0vw; }
.header__nav {
position: absolute; bottom: 0;
left: 8vw; }
.header__nav__toggle {
background-color: #fff;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
width: 7vw;
height: 3px;
padding: 0;
margin: 3vw 0;
border: 0;
position: fixed;
top: 3vw;
right: 4vw;
z-index: 9400;
transition: width .2s; }
.header__nav__toggle:focus {
outline: none; }
.header__nav__toggle::before, .header__nav__toggle::after {
content: '';
background-color: #fff;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
display: block;
width: 7vw;
height: 3px;
position: fixed;
top: 4vw;
right: 4vw;
z-index: 9999;
transition: all .2s; }
.header__nav__toggle::after {
top: 8vw; }
.header__nav__toggle.is-open {
width: 0; }
.header__nav__toggle.is-open::before {
top: 6vw;
transform: rotate(45deg); }
.header__nav__toggle.is-open::after {
top: 6vw;
transform: rotate(-45deg); }
@media only screen and (min-width: 650px) {
.header__nav__toggle {
display: none; } }
.header__close-form {
background: none;
display: block;
width: 6vw;
height: 6vw;
border: 0;
position: absolute;
top: 3vw;
right: -100px;
z-index: 9600;
transition: right .5s; }
@media only screen and (min-width: 650px) {
.header__close-form {
width: 4vw;
height: 4vw; } }
.header__close-form:hover, .header__close-form:focus {
outline: 0;
cursor: pointer; }
.header__close-form::before, .header__close-form::after {
content: '';
background-color: #007997;
display: block;
width: 3px;
height: 6vw;
position: absolute;
top: 0;
left: 2vw;
transform: rotate(45deg); }
@media only screen and (min-width: 650px) {
.header__close-form::before, .header__close-form::after {
height: 4vw; } }
.header__close-form::before {
transform: rotate(-45deg); }
.header__close-form.is-open {
right: 2vw; }
@media only screen and (min-width: 650px) {
.header__close-form.is-open {
right: 3vw; } }
.header--hero {
height: 100vh;
padding: 24vw 8vw 8vw; }
@media only screen and (min-width: 650px) {
.header--hero {
padding: 2vw 8vw; } }
.header--hero .header__title {
font-size: 2.5rem;
width: 100%; }
@media only screen and (min-width: 650px) {
.header--hero .header__title {
font-size: 3rem;
width: 65vw; } }
@media only screen and (min-width: 1024px) {
.header--hero .header__title {
width: 35vw; } }
.header--hero .header__nav {
top: 1.5rem;
right: 8vw;
bottom: auto; }
.header--hero .header__bg {
animation: herobeat 3s linear infinite; }
@keyframes herobeat {
0% {
transform: scale(1); }
10% {
transform: scale(1); }
12% {
transform: scale(1.02); }
15% {
transform: scale(1); }
16% {
transform: scale(1); }
18% {
transform: scale(1.02); }
21% {
transform: scale(1); }
100% {
transform: scale(1); } }
.heartbeat {
width: 300%;
height: auto;
position: absolute;
bottom: 5vw;
left: -10%;
right: 0; }
@media only screen and (min-width: 650px) {
.heartbeat {
width: 200%;
left: -5%; } }
@media only screen and (min-width: 800px) {
.heartbeat {
width: 100%;
left: 0; } }
.heartbeat__path {
stroke-dasharray: 300, 2000;
animation: heartbeat 3s linear infinite; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.heartbeat {
display: none; } }
@keyframes heartbeat {
from {
stroke-dashoffset: 300; }
to {
stroke-dashoffset: -2000; } }
.header-nav {
display: flex;
margin: 0;
padding: 0;
list-style-type: none; }
@media only screen and (max-width: 650px) {
.header__title_open {
font-size: 1.2rem;
color:#FFFDEA;
width: 70%;
z-index: 9999;
position: absolute;
top: 10px;
display: block;
}
.header-nav {
background-color: rgba(0, 110, 140, 1);
flex-direction: column; padding: 10vw;
width: 100vw;
position: fixed;
top: 0;
right: -101vw;
bottom: 0;
z-index: 9000;
transition: right .2s; }
.header-nav__item{
padding:20px 0px
}
.header-nav.is-open {
right: 0; }
.header-nav__link {
color: #fffded;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2; }
.header-nav__link span {
display: block; } }
@media only screen and (min-width: 650px) {
.header-nav__link {
color: #fffded;
font-weight: 600;
font-size: .6rem;
text-transform: uppercase;
padding: 1vw 1vw; }
.header-nav__link.is-active {
background-color: #fff;
color: #000;
border-radius: 5px 5px 0 0; } }
@media only screen and (min-width: 650px) {
.header-nav--top {
justify-content: flex-end; }
.header-nav--top .header-nav__item {
margin-left: 1rem; } }
.page-section {
display: flex;
flex-wrap: wrap;
padding: 4vw 0; }
.page-section--paddingless {
padding: 0; }
.page-section__content {
width: 100%;
padding: 4vw 8vw; }
@media only screen and (min-width: 800px) {
.page-section__content {
width: 70%;
padding: 4vw 2.6666666667vw 4vw 8vw; } }
.page-section__aside {
background-color: #fffded;
color: #007997;
font-size: .8rem;
width: 100%;
padding: 8vw; }
@media only screen and (min-width: 800px) {
.page-section__aside {
font-size: .65rem;
width: 30%;
padding: 4vw 8vw 4vw 2.6666666667vw; } }
.page-section__aside__spacer {
display: block;
height: 2rem; }
@media only screen and (min-width: 800px) {
.page-section__aside__spacer {
height: 4rem; } }
.page-section__aside h2 {
color: #007997 !important;
margin-bottom: .25em; }
.page-section__similar {
list-style-type: none;
margin: 0;
padding: 0; }
.page-section__similar__item {
border-bottom: 1px solid #007997; }
.page-section__similar__item:last-of-type {
border-bottom: 0; }
.page-section__similar__link {
display: block;
padding: .4rem 0; }
.page-section__similar__link h3 {
font-size: .8rem;
text-decoration: underline;
margin: 0; }
.button {
color: #000;
font-size: .7rem;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
padding: 1rem 1.25rem;
border-radius: 5px;
border: 0;
transition: all .2s; }
.button--outlined {
color: #007997;
background-color: transparent;
border: 1px solid #007997; }
.button--primary {
background-color: #007997;
color: #fffded; }
.button:hover, .button:active, .button:focus {
background-color: #007997;
color: #fffded;
text-decoration: none;
cursor: pointer; }
.button-white {
background-color: #ffffff;
color: #006E8C;
font-size: .7rem;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
padding: 1rem 1.25rem;
border-radius: 5px;
border: 1px solid #006E8C; 
transition: all .2s; }
.button-yellow {
background-color: #FFFDEA;
color: #006E8C;
font-size: .7rem;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
padding: 1rem 1.25rem;
border-radius: 5px;
border: 1px solid #006E8C; 
transition: all .2s; }
.button-white:hover, .button-white:active, .button-white:focus{
background-color: #006E8C;
color: #ffffff;
cursor: pointer;
}
.button-yellow:hover, .button-yellow:active, .button-yellow:focus{
background-color: #006E8C;
color: #ffffff;
cursor: pointer;
}
.cards {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 6vw; }
@media only screen and (min-width: 650px) {
.cards {
margin-bottom: 0; } }
.card {
background-color: #fffded;
width: 100%;
padding: 4vw;
margin-bottom: 2vw; }
@media only screen and (min-width: 650px) {
.card {
width: 48%;
padding: 3vw; } }
@media only screen and (min-width: 800px) {
.card {
width: 23%;
margin-bottom: 0;
padding: 2vw; } }
.card__title {
font-size: 1.2rem;
text-decoration: underline;
font-weight: 600;
margin: 0; }
.job_filters {
background-color: #fff;
display: flex;
flex-wrap: wrap;
padding: 0;
margin-bottom: 1vw; }
.job_filters .search_jobs {
padding: 0;
width: 100%;
margin-bottom: 10px; }
.job_filters .search_jobs input {
padding: .5vw;
border: 1px solid #ddd; }
.job_filters .search_jobs .search_location {
display: none !important; }
.job_filters .search_jobs .search_keywords.search_keywords {
padding: 0;
float: none;
width: 100%; }
.job_filters .job_types {
display: none !important;
background: none;
border: 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center; }
@media only screen and (max-width: 800px) {
.job_filters .job_types {
flex-wrap: wrap; } }
@media only screen and (min-width: 1240px) {
.job_filters .job_types {
width: 60%;
justify-content: flex-end; } }
.job_filters .job_types li {
border: 0;
padding: 0; }
@media only screen and (max-width: 800px) {
.job_filters .job_types li {
width: 50%; } }
@media only screen and (min-width: 1240px) {
.job_filters .job_types li {
padding: 0 0 0 2vw; } }
.job_filters .showing_jobs {
background-color: #fff;
width: 100%;
padding: 0;
border: 0; }
.job_listings {
border: 0 !important; }
.job_listings ul.job_listings li.job_listing {
border-color: #007997; }
.job_listings ul.job_listings li.job_listing a {
padding: .75em 0; }
.job_listings ul.job_listings li.job_listing a:hover {
background-color: #fffded; }
.job_listings ul.job_listings li.job_listing a div.position {
font-weight: 600;
padding: 0;
width: 100%; }
@media only screen and (min-width: 800px) {
.job_listings ul.job_listings li.job_listing a div.position {
width: 40%; } }
.job_listings ul.job_listings li.job_listing a div.location {
color: #007997;
text-align: left;
font-size: 90%;
width: 100%;
padding-left: 0; }
@media only screen and (min-width: 800px) {
.job_listings ul.job_listings li.job_listing a div.location {
width: 60%;
padding-left: 1rem; } }
.job_listings ul.job_listings li.job_listing a ul.meta {
display: none !important;
text-align: left;
width: 100%;
padding-left: 0; }
@media only screen and (min-width: 800px) {
.job_listings ul.job_listings li.job_listing a ul.meta {
text-align: right;
width: 30%;
padding-left: 1rem; } }
.job_listings ul.job_listings li.job_listing a ul.meta .job-type {
display: inline-block; }
@media only screen and (max-width: 800px) {
.job_listings ul.job_listings li.job_listing a ul.meta .job-type {
margin-right: 1.5vw; } }
@media only screen and (min-width: 800px) {
.job_listings ul.job_listings li.job_listing a ul.meta .job-type {
margin-left: 1.5vw; } }
.job_listings ul.job_listings li.job_listing a .meta .job-type {
color: #007997;
font-weight: 400; }
.job_listings .load_more_jobs {
background-color: #007997;
color: #fffded;
font-size: .7rem;
font-weight: 700;
text-transform: uppercase;
display: inline-block !important;
margin: 2vw auto;
padding: .5rem 1.25rem !important;
border-radius: 5px;
border: 0 !important;
position: relative;
left: 50%;
transform: translateX(-50%); }
.job_listings .load_more_jobs:hover {
background-color: #007997 !important;
color: #fffded; }
.job_listings .no_job_listings_found {
text-align: center; }
.single_job_listing .meta .job-type {
background-color: #fffded;
color: #007997;
font-weight: 600; }
.postcards {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 4vw; }
.postcard {
background-size: 100% auto;
background-position: center center;
width: 100%;
height: 42vw;
margin-bottom: 2vw;
position: relative;
transition: background-size .5s; }
.postcard:hover, .postcard:active, .postcard:focus {
background-size: 105% auto; }
@media only screen and (min-width: 800px) {
.postcard {
width: 48.5%;
height: 22vw;
margin-bottom: 0; } }
.postcard__title {
font-size: 1.2rem;
font-weight: 700;
text-decoration: none;
line-height: 1.25;
color: #060000;
background-color: #fffded;
margin: 0 0 1rem;
padding: 1vw 2vw;
max-width: 50%;
position: absolute;
top: 2vw;
left: 2vw; }
@media only screen and (min-width: 800px) {
.postcard__title {
max-width: 40%; } }
.section {
padding: 10vw 0;
position: relative; }
@media only screen and (min-width: 650px) {
.section {
padding: 4vw 0; } }
.section--full {
display: flex;
align-items: stretch;
flex-wrap: wrap;
width: 100%;
height: 100vh;
padding: 0;
position: relative; }
.section--tint {
background-color: #fffded; }
.section--centered {
justify-content: center;
align-items: center; }
.section__big-title {
font-size: 2.5rem;
text-transform: uppercase;
text-align: center;
color: #007997; }
.section__big-title span {
display: block; }
.section__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 8vw; }
@media only screen and (max-width: 800px) {
.section__content {
background-color: #fffded;
position: absolute;
left: 8vw;
right: 8vw;
top: 16vw;
z-index: 200; } }
@media only screen and (min-width: 800px) {
.section__content {
width: 50%;
padding: 4vw 8vw; } }
@media only screen and (min-width: 1024px) {
.section__content {
width: 40%; } }
.section__content__title {
font-size: 2rem;
font-weight: 800;
line-height: 1.2;
color: #007997;
margin-bottom: .5em; }
@media only screen and (min-width: 800px) {
.section__content__title {
font-size: 1.5rem; } }
.section__img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%; }
@media only screen and (min-width: 650px) {
.section__img {
background-attachment: fixed;
background-size: auto 100%; } }
@media only screen and (max-width: 800px) {
.section__img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100; } }
@media only screen and (min-width: 800px) {
.section__img {
background-position: right center;
width: 50%; } }
@media only screen and (min-width: 1024px) {
.section__img {
width: 60%; } }
.section__arrow {
background-color: #007997;
width: 3px;
height: calc(35vh - 2rem);
position: absolute;
bottom: 8vh;
left: 50%;
transform: translateX(-50%); }
.section__arrow::before {
content: '';
display: block;
width: 5vh;
height: 5vh;
border-left: 3px solid #007997;
border-bottom: 3px solid #007997;
position: absolute;
bottom: .5vh;
left: -2.3vh;
transform: rotate(-45deg); }
.similars {
list-style-type: none;
margin: 1vw 0 0;
padding: 0; }
.similars__more {
text-transform: uppercase;
text-align: center;
color: #007997;
font-weight: 800;
display: block;
padding: .5rem 1.25rem;
margin-top: 1vw;
border-radius: 5px;
border: 1px solid #007997; }
.similars__more:hover, .similars__more:focus {
background-color: #007997;
color: #fffded;
text-decoration: none; }
.similar {
padding: 1vw 0;
border-bottom: 1px solid #007997; }
.similar:last-of-type {
border-bottom: 0; }
.similar__link {
font-weight: 400;
font-size: .85rem; }
.similar__link strong {
text-decoration: underline;
font-size: 1rem;
display: block; }
.testimonies {
color: #007997;
background-color: #fff;
padding: 16vw 20vw 16vw 8vw; }
@media only screen and (min-width: 650px) {
.testimonies {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-grow: 1;
padding: 8vw 20vw 8vw 8vw; } }
.testimonies__title {
color: #000;
font-size: 1.25rem;
margin-bottom: 1.5em; }
.testimonies__pager {
margin-top: 20px; }
.testimonies__pager__button {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
border: 2px solid #007997;
border-radius: 50%;
padding: 0; }
.testimonies__pager__button.is-active, .testimonies__pager__button:hover, .testimonies__pager__button:focus {
background-color: #007997;
cursor: pointer;
outline: 0; }
.testimony {
display: none;
margin: 0; }
.testimony:first-of-type {
display: block; }
.testimony > p {
font-size: 1.7rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: .5em; }
@media only screen and (min-width: 800px) {
.testimony > p {
font-size: 2rem; } }
.testimony > cite {
font-style: normal; }
.p-home__all-jobs-btn {
padding: 0; }
.p-home__all-jobs-btn > .button {
text-align: center;
display: block; }
@media only screen and (min-width: 650px) {
.p-home__footer {
background-color: #fff;
height: 100vh;
display: flex;
flex-direction: column; } }
.p-job__side p {
color: #007997; }
@media only screen and (max-width: 650px) {
.p-job__side p {
margin-top: 3vw;
font-size: 60%; } }
@media only screen and (min-width: 650px) {
.p-job__side {
display: flex;
justify-content: flex-start;
align-items: center; }
.p-job__side a {
width: 35vw;
margin-right: 2vw; }
.p-job__side p {
font-size: 65%; } }
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0 0 0 0); }
.clearfix::after {
content: '';
display: table;
clear: both; }
.is-left {
text-align: left !important; }
.is-centered {
text-align: center !important; }
.is-right {
text-align: right !important; }
@media only screen and (min-width: 800px) {
.is-left\@medium {
text-align: left !important; }
.is-centered\@medium {
text-align: center !important; }
.is-right\@medium {
text-align: right !important; } }
.is-smaller {
font-size: 80%; }
.is-block {
display: block; }
.margin-top {
margin-top: 2rem; }
.margin-bottom {
margin-bottom: 2rem; }
.margin-bottom-0 {
margin-bottom: 0; }
.p-keep-margin {
margin-bottom: 0.75em !important; }