/*
Theme Name: Praca Bader
Theme URI: 
Author: Krzysiek Dróżdż
Author URI: 
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: pracabader
*/


/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none; height:200px; }blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

p, ul, ol, table, blockquote, address, dl {margin: 1em 0;}

::-webkit-input-placeholder {color: #939393;}
:-moz-placeholder {color: #939393;}
::-moz-placeholder {color: #939393; opacity: 1;}
:-ms-input-placeholder {color: #939393;}

img {max-width: 100%; height: auto;}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;}

embed,
iframe,
object,
video {margin-bottom: 1em; max-width: 100%;}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {margin-bottom: 0;}

input[type="submit"],
button,
.button {-webkit-appearance: none;}

main, article, section, header, footer, nav, aside {display: block;}


/* Global
 * ======================================== */

html {font-size: 16px; font-family: 'Poppins', sans-serif; background: #202126;}
body {font-size: 1rem; color: #1d1d1b; line-height: 1.5;}

.page-wrap {overflow-x: hidden;}

.container {width: 1220px; margin: 0 auto;}
.container:after {content: ''; display: block; clear: both;}

a {color: #73b1c6;}

h1 {font-size: 1.875rem; font-weight: 300; line-height: 1.1; margin: 1rem 0;}
h1 a {color: #1d1d1b; text-decoration: none;}
h2 {font-size: 1.875rem; font-weight: 400; color: #1f2835; line-height: 1.1; margin: 1rem 0;}
h2 a {color: #1f2835; text-decoration: none;}
h3 {margin: 1rem 0;}

address {font-style: normal;}

ul,
ol {margin-left: 2rem;}

input,
textarea,
select,
button,
.button {padding: .75rem 1rem; font-family: 'Poppins', sans-serif; background: #fff; font-size: 1.125rem; font-weight: 300; border: 1px solid #dbdbdb; border-radius: 3px; vertical-align: middle;}
input[type="submit"],
button,
.button {font-size: 1.5rem; border-color: #73b1c6; background: #73b1c6; color: #fff; padding: .5rem 1rem; cursor: pointer; text-decoration: none;}

select {-webkit-appearance:none;}

.wpcf7 {position: relative;}
.wpcf7 form br {display: none;}
.wpcf7 form .wpcf7-not-valid-tip {position: absolute; top: -16px; right: -10px; font-size: 80%; color: #fff; background: rgba(255, 0, 0, .75); display: block; padding: 4px 6px;}
.wpcf7 form .wpcf7-response-output {display: block; position: absolute; top: 100px; left: 10%; right: 10%; padding: 2em; border: 0; text-align: center; font-size: 18px; color: #fff; font-weight: bold; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2); z-index: 101;}
.wpcf7 form .wpcf7-response-output.wpcf7-display-none {display: none;}
.wpcf7 form .wpcf7-response-output:after {content: 'x'; position: absolute; top: 10px; right: 12px; color: #fff; cursor: pointer;}
.wpcf7 form .wpcf7-response-output.wpcf7-validation-errors {background: #e81b2a;}
.wpcf7 form .wpcf7-response-output.wpcf7-mail-sent-ok {background: #267F00;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #267F00; /* Green */ background: rgba(38,127,0, .75);}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {border-color: #e81b2a; /* Red */ background: rgba(255, 0, 0, .75);}




/* Header
 * ======================================== */

#header {background: #f2f3f3; padding: 1rem 0;}
#header .container {position: relative;}
#header .site-title {margin: 0;}
#header .site-title a {position: absolute; left: 64%; bottom: 2rem; display: block; max-width: 75%; width: 17.25rem; height: 3.5rem; background: url(https://pracabader.pl/wp-content/uploads/2023/10/bader-logo.png) no-repeat left bottom; background-size: contain; text-indent: -9999px;}
#header nav {padding: 4rem 0 2rem 0;}
#header nav:after {content: ''; clear: both; display: block;}
#header nav .nav-toggle {display: none;}
#header nav a {text-decoration: none; font-size: .8125rem; font-weight: 500; text-transform: uppercase; color: #1d1d1b;}
#header nav ul {list-style: none; margin: 0;}
#header nav ul li {display: inline-block;}
#header nav .main-menu {float: left;}
#header nav .main-menu li {margin-right: 1rem;}
#header nav .user-menu {float: right;}
#header nav .user-menu li {margin-left: 1rem;}


/* Footer
 * ======================================== */

#footer {font-size: .875rem; color: #fff; padding: 3rem 0;}
#footer:after {content: ''; clear: both; display: block;}
#footer a {color: #fff; text-decoration: none;}
#footer ul {list-style: none;}
#footer ul li {display: inline-block;}
#footer address {float: left; width: 25%;}
#footer nav {float: left; text-transform: uppercase; width: 50%; text-align: center;}
#footer nav li {margin: 1rem;}
#footer .logos {float: right; width: 25%; text-align: right; margin-top: -3rem;}
#footer .logos li {margin-left: 1rem;}
#footer .cookies-info {clear: both; text-align: center; margin-top: 2rem; color: #787878;}
        


/* Main
 * ======================================== */

.columns {margin: 0 -1.5rem;}
.columns:after {content: ''; clear: both; display: block;}
.columns .column {width: 50%; padding: 0 1.5rem; float: left;}

i.fa {color: #73b1c6; margin-right: .25rem;}

form .fields {margin-left: -1rem; margin-right: -1rem;}
form .fields:after {content: ''; clear: both; display: block;}
form .fields .field {margin: 1rem 0; padding: 0 1rem; float: left; width: 100%;}
form .fields .field.field--short {width: 50%; float: left;}
form .fields .field input,
form .fields .field select,
form .fields .field textarea {width: 100%;}

.job-offers-list {list-style: none; margin: -1.5rem;}
.job-offers-list:after {content: ''; clear: both; display: block;}
.job-offers-list .item {float: left; width: calc(33.3333333333% - 3rem); margin: 1.5rem; border: 1px solid #e0e3e7; padding: 3rem 3rem 9rem 3rem; text-align: center; position: relative;}
.job-offers-list .item .city {font-size: 1.25rem; color: #1f2835; font-weight: 300; display: block;}
.job-offers-list .item .title {margin: 2rem 0; padding-bottom: 2rem; position: relative;}
.job-offers-list .item .title:after {content: ''; position: absolute; left: 50%; bottom: 0; width: 40%; margin-left: -20%; border-top: 1px solid #e0e3e7;}
.job-offers-list .item .more {position: absolute; bottom: 3rem; left: 50%; text-align: center; text-decoration: none; border: 1px solid #73b1c6; padding: .5rem 2rem; border-radius: 3px;
    -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
}
.job-offers-list .item--archive p {color: silver}

.success-stories-list {list-style: none; margin: -1.5rem;}
.success-stories-list:after {content: ''; clear: both; display: block;}
.success-stories-list .item {float: left; width: calc(33.3333333333% - 3rem); margin: 1.5rem;}
.success-stories-list .item .quote {border: 1px solid #e0e3e7; padding: .5rem 1.5rem; font-style: italic; position: relative;}
.success-stories-list .item .quote:before {content: ''; position: absolute; left: .5rem; bottom: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #e0e3e7 transparent transparent transparent;}
.success-stories-list .item .quote:after {content: ''; position: absolute; left: .5rem; bottom: -11px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #fff transparent transparent transparent;}
.success-stories-list .item .author {font-style: normal; margin-top: 1rem; display: block;}
/*.success-stories-list .item .author .photo {display: block; float: left; border-radius: 100%; width: 3rem; height: 3rem; margin-right: 1rem; margin-bottom: 1rem; overflow: hidden;}*/
.success-stories-list .item .author .photo { position: relative; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; display: block; float: left; margin-right: 1rem; margin-bottom: 1rem;}
.success-stories-list .item .author .photo img {display: block; height: 100%; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; object-fit: cover;}
.success-stories-list .item .author .name {display: block;}
.success-stories-list .item .author .job {color: #73b1c6;}

.icons-list {list-style: none; margin: -1.5rem;}
.icons-list:after {content: ''; clear: both; display: block;}
.icons-list .item {float: left; width: calc(25% - 3rem); margin: 1.5rem; text-align: center; text-transform: uppercase;}
.icons-list .item span {display: block;}
.icons-list .item i {color: #73b1c6; font-size: 3rem;}
.icons-list .item .number {color: #73b1c6; font-size: 3rem; font-weight: 300;}
.icons-list .item .number small {font-size: 1.875rem;}


#main {background: #fff;}

.section {padding: .1px 0;}
.section .section-header {padding: 3rem 0;}
.section .section-title {}
.section .section-content {padding: 3rem 0;}
.section .section-header + .section-content {padding-top: 0;}

.section--colorscheme_gray {background: #f2f3f3;}
.section--colorscheme_black {background: #202126; color: #fff;}


.section--with_banner {}
.section--with_banner > .section-header {background-color: #52524c; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding: 0 0 30% 0; position: relative;}
.section--with_banner > .section-header .container {height: 1px; position: absolute; bottom: 0; left: 50%;
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
}
.section--with_banner > .section-header .container .banner-content {position: absolute; bottom: 0; right: 0; width: 50%; padding: 2rem; color: #fff; background: rgba(0, 0, 0 ,.8);}
.section.section--with_banner > .section-content {padding-top: 3rem;}


.section--newsletter {}
.section--newsletter .section-header .container {position: relative;}
.section--newsletter .section-header p {color: #73b1c6;}
.section--newsletter .wpcf7 {width: 50%; position: absolute; right: 0; top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.section--newsletter .wpcf7 p {margin: 0;}
.section--newsletter form input {width: calc(33.3333333333% - 2rem); margin-left: 1rem;}
.section--newsletter form button {width: calc(33.3333333333% - 2rem); margin-left: 2rem;}


.section--job_offers {}
.section--job_offers .section-header {background: #f2f3f3; padding: 4rem 0;}
.section--job_offers .section-header .container {position: relative;}
.section--job_offers .section-header .section-title {padding-right: 80%;}
.section--job_offers .section-header form {position: absolute; right: 0; top: 50%; width: 80%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.section--job_offers .section-header form .field {width: calc(25% - 2rem); margin-left: 2rem; float: left; position: relative;}
.section--job_offers .section-header form .field .label {position: absolute; top: -2rem;}
.section--job_offers .section-header form .field select,
.section--job_offers .section-header form .field button {width: 100%;}
.section--job_offers .section-header form .field--checkbox {height: 3.1875rem;}
.section--job_offers .section-header form .field--checkbox input {position: absolute; left: 0; top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.section--job_offers .section-header form .field--checkbox .label {position: absolute; left: 2rem; top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.section--job_offers .section-header form .field--select {width: calc(37.5% - 2rem);}
.section.section--job_offers .section-content {padding-top: 3rem;}


.section--text_image {position: relative;}
.section--text_image .section-header .container  > *,
.section--text_image .section-content .container  > * {margin-left: 50%; padding-left: 1.5rem;}
.section--text_image .section-image {position: absolute; left: 0; top: 0; bottom: 0; right: calc(50% + 1.5rem); background-size: cover;}


.section--contact {}
.section--contact .section-header {position: relative;}
.section--contact .section-header .map {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.section--contact .section-header .container {z-index: 1;}


.section--job {}
.section--job .job-title {margin-bottom: 3rem; color: #73b1c6; font-weight: 500;}


.section--job_application {}
.section--job_application .section-header {padding-top: 6rem;}
.section--job_application .section-header .container {position: relative; padding: 0 5%;}
.section--job_application .section-header .container:before {content: ''; clear: both; left: 0; right: 0; top: -3rem; border-top: 1px solid #dbdbdb; position: absolute;}
.section--job_application .section-header p {color: #73b1c6; margin-bottom: 0;}
.section--job_application .section-header .button {position: absolute; right: 5%; top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.section--job_application form {padding: 3rem 5%; border-top: 1px solid #dbdbdb; position: relative;}
.section--job_application form .fields {width: 75%;}
.section--job_application form .submit {position: absolute; right: 5%; bottom: 4rem;}


.section--login {}
.section--login .form-container {width: 400px; max-width: 90%; background: #f2f3f3; margin: 3rem auto; padding: 2rem 3rem;}
.section--login .form-container label {display: block;}
.section--login .form-container input[type="text"],
.section--login .form-container input[type="email"],
.section--login .form-container input[type="password"] {width: 100%;}
.section--login .form-container .error {color: red;}


.section--profile-content {}
.section--profile-content .section-header {border-bottom: 1px solid #dbdbdb;}
.section--profile-content .section-header ul {list-style: none; text-align: center;}
.section--profile-content .section-header ul li {display: inline-block; margin: 0 1rem;}
.section--profile-content .section-content .container {padding-top: 3rem;}
.section--profile-content .section-content h2 {text-align: center;}
.section--profile-content .section-content table {width: 100%;}
.section--profile-content .section-content table th,
.section--profile-content .section-content table td {padding: .5rem 1rem; text-align: left; border: 1px solid #f2f3f3;}
.section--profile-content .section-content table th {background: #f2f3f3;}
.section--profile-content .section-content form {width: 480px; max-width: 90%; margin: 1rem auto 3rem auto; padding: 1rem 2rem; background: #f2f3f3;}
.section--profile-content .section-content form .error {color: red;}
.section--profile-content .section-content form p input {float: right;}
.section--profile-content .section-content form p label {float: left; padding-top: 1rem;}
.section--profile-content .section-content form p:after {content: ''; clear: both; display: block;}
.section--profile-content .section-content form .login-submit {text-align: center;}
.section--profile-content .section-content form .login-submit input {float: none;}


/* RWD
 * ======================================== */

@media (max-width: 1279px) {
    html {font-size: 14px;}
    .container {width: 1140px;}
}

@media (max-width: 1204px) {
    .container {width: auto; margin: 0 2rem;}

    .section--with_banner {}
    .section--with_banner > .section-header {padding-bottom: 35%;}
    .section--with_banner > .section-header .container {height: 1px; position: absolute; bottom: 0; left: 0; right: 0;
        -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
    }

}

@media (max-width: 1024px) {
    #header {}
    #header .site-title a {position: static; display: block; background-position: left 50%;}
    
    #header nav {padding: 0;}
    #header nav .nav-container {position: absolute; top: 4.5rem; right: -2rem; z-index: 10000; background: #73b1c6; padding: 1rem 2rem; width: 100vw;}
    #header nav ul {display: block;}
    #header nav ul li {display: block; text-align: center;}
    #header nav ul li a {padding: .5rem 0; display: block; font-size: 1rem; color: #fff;}
    #header nav .main-menu,
    #header nav .user-menu {float: none;}
    #header nav .main-menu li,
    #header nav .user-menu li {margin: 0;}

    #header nav .nav-toggle {cursor: pointer; width: 2rem; height: 2rem; top: .75rem; right: 0; background: transparent; padding: 0; display: block; position: absolute; overflow: hidden; font-size: 0; text-indent: -9999px; border-radius: 0; border: none; cursor: pointer;}
    #header nav .nav-toggle span {top: 50%; margin-top: -1px; height: 2px; display: block; position: absolute; left: 0; right: 0; background: #1d1d1b;
        -webkit-transition: background 0 0.3s; -moz-transition: background 0 0.3s; -ms-transition: background 0 0.3s; -o-transition: background 0 0.3s; transition: background 0 0.3s;
    }
    #header nav .nav-toggle span:before,
    #header nav .nav-toggle span:after {height: 2px; position: absolute; display: block; left: 0; width: 100%; background-color: #1d1d1b; content: '';
        -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0; -moz-transition-delay: 0.3s, 0; -ms-transition-delay: 0.3s, 0; -o-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0;
    }
    #header nav .nav-toggle span:before {top: -.75rem;
        -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -ms-transition-property: top, -ms-transform; -o-transition-property: top, -o-transform; transition-property: top, transform;
    }
    #header nav .nav-toggle span:after {bottom: -.75rem;
        -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -ms-transition-property: bottom, -ms-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform;
    }
    #header nav.on .nav-toggle {}
    #header nav.on .nav-toggle span {background: none;}
    #header nav.on .nav-toggle span:before {top: 0;
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
    }
    #header nav.on .nav-toggle span:after {bottom: 0;
        -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
    }
    #header nav.on .nav-toggle span:before,
    #header nav.on .nav-toggle span:after {
        -webkit-transition-delay: 0, 0.3s; -moz-transition-delay: 0, 0.3s; -ms-transition-delay: 0, 0.3s; -o-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s;
    }

    #header nav .nav-container {
        -webkit-transform: translateX(150%); -moz-transform: translateX(150%); -ms-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%);
        -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    }
    #header nav.on .nav-container {
        -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
    }


    .job-offers-list {}
    .job-offers-list .item {width: calc(50% - 3rem);}



    .section--with_banner {}
    .section--with_banner > .section-header {padding-bottom: 40%;}
    .section--with_banner > .section-header .container {}
    .section--with_banner > .section-header .container .banner-content {width: 100%;}



    .section--newsletter {}
    .section--newsletter .section-header {}
    .section--newsletter .section-header .container {position: static; z-index: 1; text-align: center;}
    .section--newsletter .section-header p {color: #73b1c6;}
    .section--newsletter .wpcf7 {width: auto; position: static; margin-top: 2rem;
        -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
    }


    .section--job_offers {}
    .section--job_offers .section-header .container {position: static; text-align: center;}
    .section--job_offers .section-header .section-title {padding-right: 0;}
    .section--job_offers .section-header form {position: static; width: auto; margin-top: 3rem;
        -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
    }
}

@media (max-width: 750px) {
    form .fields {}
    form .fields .field.field--short {width: 100%;}


    #footer {text-align: center;}
    #footer address {float: none; width: auto;}
    #footer nav {float: none; width: auto; margin: 3rem 0;}
    #footer .logos {float: none; width: auto; text-align: center; margin-top: 0;}


    .columns {}
    .columns .column {width: 100%; float: none;}

    .job-offers-list {}
    .job-offers-list .item {float: none; width: auto;}

    .success-stories-list {}
    .success-stories-list .item {float: none; width: auto; margin-bottom: 3rem;}

    .icons-list {}
    .icons-list .item {width: calc(50% - 3rem);}
    .icons-list .item:nth-child(2n+1) {clear: both;}



    .section--with_banner {}
    .section--with_banner > .section-header {padding-bottom: 0;}
    .section--with_banner > .section-header .container {height: auto; position: relative; padding: 4rem 0;}
    .section--with_banner > .section-header .container .banner-content {position: static;}



    .section--newsletter {}


    .section--job_offers {}


    .section--text_image {padding-top: 50%;}
    .section--text_image .section-header .container > *,
    .section--text_image .section-content .container  > * {margin-left: 0; padding-left: 0;}
    .section--text_image .section-image {position: absolute; top: 0; left: 0; right: 0; bottom: auto; padding-bottom: 50%;}


    .section--job_application .section-header .button {position: static; display: block; margin-top: 1rem; text-align: center;
        -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
    }
    .section--job_application form {}
    .section--job_application form .fields {width: auto;}
    .section--job_application form .submit {position: static;}
}

@media (max-width: 600px) {
    h1 {font-size: 1.5rem;}
    h2 {font-size: 1.5rem;}


    .icons-list {}
    .icons-list .item {width: calc(100% - 3rem);}


    .section--newsletter {}
    .section--newsletter form input {width: 100%; margin-left: 0; margin-bottom: 1rem;}
    .section--newsletter form button {width: 100%; margin-left: 0;}

    .section--job_offers {}
    .section--job_offers .section-header form .field {width: 100%; margin-left: 0rem;}
    .section--job_offers .section-header form .field--select {margin-top: 2rem;}

    .job-offers-list .item .more {padding: .5rem 1rem;}
}


/* Print
 * ======================================== */

@media print {
    body {background: none !important; color: #2b2b2b; font-size: 12pt; width: 100%;}
    #header {background: none; min-height: 100px;}
        #header .site-title a {filter: url(inverse.svg#negative); -webkit-filter: invert(100%); filter: invert(100%); height: 100px;}
        #header .site-title:after {position: absolute; right: 0; top: 0;}
        #header nav {display: none;}
    #footer {display: none;}
    h2, h3 {page-break-after: avoid;}
    article a {font-weight: bolder; text-decoration: none;}
    article a[href^=http]:after {content:" <" attr(href) "> ";}
}



/* WP Styles 
 * ======================================== */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {margin: .5em 1em .5em 0;}
.wp-caption.alignleft {margin: .5em 1em .5em 0;}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {margin: .5em 0 .5em 1em;}
.wp-caption.alignright {margin: .5em 0 .5em 1em;}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {margin-top: .5em; margin-bottom: .5em;}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {padding-top: .5em; width: 50%;}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: .5em;}

.wp-caption {margin-bottom: 1em; color: #767676;}
    .wp-caption img[class*="wp-image-"] {display: block; margin: 0;}
    .wp-caption-text {font-style: italic; line-height: 1.4; margin: .5em 0;}
    div.wp-caption .wp-caption-text {padding-right: 1em}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {padding-left: 1em; padding-right: 0;}

.wp-smiley {border: 0; margin-bottom: 0; margin-top: 0; padding: 0;}

.photo-single-success { position: relative; width: 99px; height: 100px; border-radius: 50%; overflow: hidden; margin-right: 39px; margin-top: 9px; }
.photo-single-success img{ height: 100%; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; object-fit: cover; }
.banner-content-single-successs {display: flex;}
.banner-content-single-successs .section-title {align-self: center;}
.page-id-189 .name a {color: #000;text-decoration: none;transition: 1s; font-size:20px;}
.page-id-189 .name a:hover {color: #73b1c6; transition: 1s;}
.page-id-189 .job {color: #7F7E7E !important;}
.section-bottom {border-top: solid 1px #cdcdcd; margin-top:40px ; margin-bottom:80px ;}
.section-bottom .container {margin-top: 80px;}