@charset "UTF-8";
@charset "UTF-8";
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
*,
:after,
:before {
box-sizing: border-box;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.emploi {
max-width:1120px;
display:block;
margin:0 auto;
}
.emploi {
margin-bottom:40px;
}
.emploi h1 {
text-align:center;
margin-top:40px;
margin-bottom: 35px;
}
.emploi .page-header {
margin-bottom:30px;
}
.emploi .localisation > span::before {
background: url(https://www.groupe-vog.fr/wp-content/uploads/2024/09/position.svg);
background-size: 35px 40px;
background-position: center;
background-repeat: no-repeat;
content: "";
width: 35px;
display: inline-block;
height: 40px;
vertical-align: middle;
}
.emploi .marque > span::before {
background: url(https://www.groupe-vog.fr/wp-content/uploads/2024/09/pictos-salon-blc.svg);
background-size: 45px 35px;
background-position: center;
background-repeat: no-repeat;
content: "";
width: 45px;
display: inline-block;
height: 35px;
vertical-align: middle;
}
.emploi .salaire > span::before {
background: url(https://www.groupe-vog.fr/wp-content/uploads/2024/09/billets.png);
background-size: 50px 30px;
background-position: center;
background-repeat: no-repeat;
content: "";
width: 50px;
display: inline-block;
height: 30px;
vertical-align: middle;
}
.marque {
text-align:center;
font-size: 1.5rem;
width:50%;
display:inline-block;
}
.salaire {
text-align:center;
font-size: 1rem;
width:49%;
display:inline-block;
}
.emploi .exper > span::before {
background: url(https://www.groupe-vog.fr/wp-content/uploads/2024/09/experience.png);
background-size: 40px 36px;
background-position: center;
background-repeat: no-repeat;
content: "";
width: 40px;
display: inline-block;
height: 36px;
vertical-align: middle;
}
.localisation, .exper {
text-align:center;
font-size: 1rem;
width:49%;
display:inline-block;
}
.formemploi {
margin-top:40px !important;
}
.formemploi > h2 {
text-align:center;
}
.emploicat {
max-width:1120px;
}
.emploicat .page-content {
}
.emploicat .post {
width: 48%;
display: inline-flex;
border: 1px solid black;
margin: 10px;
padding: 10px;
vertical-align: top;
text-align: center;
min-height: 300px;
flex-direction: column;
background: #333;
}
.emploicat .post a{
margin: auto;
display: block;
text-decoration:none;
transition: transform 2s;
cursor:pointer;
}
.emploicat .post a:hover{
transform: scale(1.5);
}
.emploicat .post h2 {
margin: 20px auto;
color:white;
text-decoration:none;
}
.emploicat .post h3 {
margin: 20px auto;
color:white;
text-decoration:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-margin-before: 0.5rem;
margin-block-start: 0.5rem;
-webkit-margin-after: 1rem;
margin-block-end: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0.9rem;
margin-block-end: 0.9rem;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
white-space: pre-wrap;
}
a {
background-color: transparent;
text-decoration: none;
color: #c36;
}
a:active,
a:hover {
color: #336;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
abbr[title] {
-webkit-border-after: none;
border-block-end: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
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;
}
img {
border-style: none;
height: auto;
max-width: 100%;
}
details {
display: block;
}
summary {
display: list-item;
}
figcaption {
font-size: 16px;
color: #333;
line-height: 1.4;
font-style: italic;
font-weight: 400;
}
[hidden],
template {
display: none;
}
@media print {
*,
:after,
:before {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
blockquote,
pre {
-moz-column-break-inside: avoid;
break-inside: avoid;
border: 1px solid #ccc;
}
thead {
display: table-header-group;
}
img,
tr {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
-moz-column-break-after: avoid;
break-after: avoid;
}
}
label {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 1rem;
line-height: 1.5;
margin: 0;
}
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
width: 100%;
border: 1px solid #666;
border-radius: 3px;
padding: 0.5rem 1rem;
transition: all 0.3s;
}
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: #333;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
width: auto;
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
[type="button"],
[type="submit"],
button {
display: inline-block;
font-weight: 400;
color: #c36;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid #c36;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 3px;
transition: all 0.3s;
}
[type="button"]:focus,
[type="submit"]:focus,
button:focus {
outline: 5px auto -webkit-focus-ring-color;
}
[type="button"]:focus,
[type="button"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
color: #fff;
background-color: #c36;
text-decoration: none;
}
[type="button"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
resize: vertical;
}
[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-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
select {
display: block;
}
table {
background-color: transparent;
width: 100%;
-webkit-margin-after: 15px;
margin-block-end: 15px;
font-size: 0.9em;
border-spacing: 0;
border-collapse: collapse;
}
table td,
table th {
padding: 15px;
line-height: 1.5;
vertical-align: top;
border: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
}
table th {
font-weight: 700;
}
table tfoot th,
table thead th {
font-size: 1em;
}
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
-webkit-border-before: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
border-block-start: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: hsla(0, 0%, 50.2%, 0.0705882353);
}
table tbody tr:hover > td,
table tbody tr:hover > th {
background-color: hsla(0, 0%, 50.2%, 0.1019607843);
}
table tbody + tbody {
-webkit-border-before: 2px solid hsla(0, 0%, 50.2%, 0.5019607843);
border-block-start: 2px solid hsla(0, 0%, 50.2%, 0.5019607843);
}
@media (max-width: 767px) {
table table {
font-size: 0.8em;
}
table table td,
table table th {
padding: 7px;
line-height: 1.3;
}
table table th {
font-weight: 400;
}
}
dd,
dl,
dt,
li,
ol,
ul {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0;
margin-block-end: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

.wp-block-latest-posts > li {
background: #F5B9CD;
}
.gform_validation_errors {
border: none !important;
background: none !important;
box-shadow: none !important;
}
.validation_error  {
margin:0 !important;
}
.burgermobile {
display:none; 
}
.gform_ajax_spinner {
width: 30px;
height: 30px;
}
.grecaptcha-badge {
display:none !important; 
}
.page-content h1 {
margin-top: 40px !important;
}
.wp-block-latest-posts__post-title {
padding: 10px;
display: block;
color: white;
font-weight: bold;
font-family: 'Jost';
text-align:center;
}
.wp-block-latest-posts__post-excerpt {
text-align: center;
padding: 10px;
display: block;
color: white;
}
.wp-block-latest-posts img {
}
.wp-block-latest-posts.is-grid li {
margin: 10px auto !important;
}
#gform_fields_7 fieldset {
background:none !important;
}
.gravity-theme form {
max-width: 400px;
margin: 0 auto;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label {
vertical-align:top !important;
}
.gfield input,.gravity-theme select {
margin-bottom:13px !important;
background:white !important;
}
.gfield_consent_description {
display:none !important;
}
.gravity-theme input[type=submit] {
margin: 0 auto;
display: block;
background:black;
color:white;
border:solid 2px black;
transition: background 1s, color 1s;
}
.gravity-theme input[type=submit]:hover {
background:white;
color:black;
border:solid 2px black;
}
.ginput_container_consent input {
width: 15px;
float: left;
margin-right: 10px;
}
.ginput_container_select select {
color:#757575;
}
.ginput_container_consent .gfield_consent_label {
color: black;
float: left;
width: 370px;
font-size:13px;
font-style: italic;
}
.gform_wrapper.gravity-theme .gfield_required { }
.stk-block-heading--v2 {
margin-top:20px !important;
}
h1.entry-title {
display:none !important;
}
.stk-block-heading--v2 h1 {
margin-top:40px !important;
}
.page-content h2, .page-content h3 {
}
.page-content h2 {
}
.comments-area a,
.page-content a {
text-decoration: underline;
}
.is-style-ghost-button a {
transition: background 1s, color 1s;
}
.is-style-ghost-button a:hover {
background:white;
color:black;
}
html {
scroll-behavior: smooth;
}
.alignright {
float: right;
margin-left: 1rem;
}
.alignleft {
float: left;
margin-right: 1rem;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignwide {
margin-left: -80px;
margin-right: -80px;
}
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
.alignfull img {
width: 100vw;
}
.alignfull {
width: 100%;
}
.wp-caption {
-webkit-margin-after: 1.25rem;
margin-block-end: 1.25rem;
max-width: 100%;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
margin: 0;
}
.gallery-caption {
display: block;
font-size: 0.8125rem;
line-height: 1.5;
margin: 0;
padding: 0.75rem;
}
.pagination {
margin: 20px auto;
}
.sticky {
position: relative;
display: block;
}
.bypostauthor {
font-size: inherit;
}
.hide {
display: none !important;
}
.post-password-form p {
width: 100%;
display: flex;
align-items: flex-end;
}
.post-password-form [type="submit"] {
margin-left: 3px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #333;
display: block;
font-size: 1rem;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.site-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-webkit-padding-before: 1rem;
padding-block-start: 1rem;
-webkit-padding-after: 1rem;
padding-block-end: inherit;
position: sticky;
top: 0;
padding-top:0;
z-index:100;
}
.site-header .site-navigation {
justify-content: flex-end;
}
.site-header .site-branding {
display: block;
flex-direction: column;
justify-content: center;
margin: 0 auto;
width: 100%;
background:white;
}
.site-header .site-branding img.stickyscroll {
max-width: 150px;
}
nav.stickyscroll a {
font-size:12px;
}
.site-header .site-branding img {
max-width: 185px;
margin: 20px auto;
display: block;
}
.site-header .header-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.site-header .header-inner .custom-logo-link {
display: block;
}
.site-header .header-inner .site-branding .site-description,
.site-header .header-inner .site-branding .site-title {
margin: 0;
}
.site-header .header-inner .site-branding.show-logo .site-title,
.site-header .header-inner .site-branding.show-title .site-logo {
display: none !important;
}
.site-header:not(.header-stacked) .header-inner .site-branding {
max-width: 30%;
}
.site-header:not(.header-stacked) .header-inner .site-navigation {
max-width: 70%;
}
.site-header.header-inverted .header-inner {
flex-direction: row-reverse;
}
.site-header.header-inverted .header-inner .site-branding {
text-align: right;
}
.site-header.header-inverted .header-inner .site-navigation {
justify-content: start;
}
.site-header.header-stacked .header-inner {
align-items: center;
flex-direction: column;
text-align: center;
}
@media (max-width: 576px) {
.site-header .header-inner:not(.header-stacked) .site-branding {
max-width: 80%;
}
}
.site-footer {
-webkit-padding-before: 1rem;
padding-block-start: 1rem;
-webkit-padding-after: 1rem;
padding-block-end: 1rem;
position: relative;
padding-top:0 !important;
}
.site-footer .footer-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.site-footer .footer-inner .custom-logo-link {
display: block;
}
.site-footer .footer-inner .site-navigation {
justify-content: flex-end;
}
.site-footer .footer-inner .site-branding {
display: flex;
flex-direction: column;
justify-content: center;
}
.site-footer .footer-inner .site-branding .site-description,
.site-footer .footer-inner .site-branding .site-title {
margin: 0;
}
.site-footer .footer-inner .site-branding.show-logo .site-title,
.site-footer .footer-inner .site-branding.show-title .site-logo {
display: none !important;
}
.site-footer .footer-inner .copyright {
align-items: center;
display: flex;
justify-content: flex-end;
}
.site-footer .footer-inner .copyright p {
margin: 0;
}
.site-footer.footer-inverted .footer-inner {
flex-direction: row-reverse;
}
.site-footer.footer-inverted .footer-inner .site-branding {
text-align: right;
}
.site-footer.footer-inverted .footer-inner .site-navigation {
justify-content: flex-start;
}
.site-footer.footer-has-copyright .footer-inner .site-navigation {
justify-content: center;
}
.site-footer.footer-stacked .footer-inner {
align-items: center;
flex-direction: column;
text-align: center;
}
.site-footer.footer-stacked .footer-inner .site-branding h4.site-title {
text-align: center;
}
.site-footer.footer-stacked .footer-inner .site-navigation .menu {
padding: 0;
}
.site-footer:not(.footer-stacked) .footer-inner .site-branding {
max-width: 20%;
}
.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
max-width: 60%;
}
.site-footer:not(.footer-stacked) .footer-inner .copyright {
max-width: 20%;
}
@media (max-width: 576px) {
.site-footer:not(.footer-stacked) .footer-inner .copyright,
.site-footer:not(.footer-stacked) .footer-inner .site-branding,
.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
display: block;
text-align: center;
width: 100%;
max-width: none;
}
.site-footer .footer-inner .site-navigation ul.menu {
justify-content: center;
}
.site-footer .footer-inner .site-navigation ul.menu li {
display: inline-block;
}
}
.post .entry-title a {
text-decoration: none;
}
.post .wp-post-image {
width: 100%;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 991px) {
.post .wp-post-image {
max-height: 400px;
}
}
@media (max-width: 575px) {
.post .wp-post-image {
max-height: 300px;
}
}
#comments .comment-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.9em;
}
#comments .comment,
#comments .pingback {
position: relative;
}
#comments .comment .comment-body,
#comments .pingback .comment-body {
display: flex;
flex-direction: column;
-webkit-padding-before: 30px;
padding-block-start: 30px;
-webkit-padding-after: 30px;
padding-block-end: 30px;
-webkit-padding-start: 60px;
padding-inline-start: 60px;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-border-after: 1px solid #ccc;
border-block-end: 1px solid #ccc;
}
#comments .comment .avatar,
#comments .pingback .avatar {
position: absolute;
left: 0;
border-radius: 50%;
-webkit-margin-end: 10px;
margin-inline-end: 10px;
}
body.rtl #comments .comment .avatar,
body.rtl #comments .pingback .avatar,
html[dir="rtl"] #comments .comment .avatar,
html[dir="rtl"] #comments .pingback .avatar {
left: auto;
right: 0;
}
#comments .comment-meta {
display: flex;
justify-content: space-between;
-webkit-margin-after: 0.9rem;
margin-block-end: 0.9rem;
}
#comments .comment-metadata,
#comments .reply {
font-size: 11px;
line-height: 1;
}
#comments .children {
position: relative;
list-style: none;
margin: 0;
-webkit-padding-start: 30px;
padding-inline-start: 30px;
}
#comments .children li:last-child {
-webkit-padding-after: 0;
padding-block-end: 0;
}
#comments ol.comment-list .children:before {
display: inline-block;
font-size: 1em;
font-weight: 400;
line-height: 100%;
content: "↪";
position: absolute;
top: 45px;
left: 0;
width: auto;
}
body.rtl #comments ol.comment-list .children:before,
html[dir="rtl"] #comments ol.comment-list .children:before {
content: "↩";
left: auto;
right: 0;
}
@media (min-width: 768px) {
#comments .comment-author,
#comments .comment-metadata {
line-height: 1;
}
}
@media (max-width: 767px) {
#comments .comment .comment-body {
padding: 30px 0;
}
#comments .children {
-webkit-padding-start: 20px;
padding-inline-start: 20px;
}
#comments .comment .avatar {
position: inherit;
float: left;
}
body.rtl #comments .comment .avatar,
html[dir="rtl"] #comments .comment .avatar {
float: right;
}
}
.site-header.header-inverted .site-navigation-toggle-holder {
justify-content: flex-start;
}
.site-header.header-stacked .site-navigation-toggle-holder {
justify-content: center;
max-width: 100%;
}
.site-header.menu-layout-dropdown .site-navigation {
display: none;
}
.site-navigation-toggle-holder {
display: flex;
align-items: center;
justify-content: flex-end;
flex-grow: 1;
max-width: 20%;
padding: 8px 15px;
}
.site-navigation-toggle-holder .site-navigation-toggle {
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
padding: 0.25em;
cursor: pointer;
border: 0 solid;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.05);
color: #494c4f;
}
.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
content: "\e87f";
}
.site-navigation {
grid-area: nav-menu;
display: inline-block;
align-items: center;
flex-grow: 1;
text-align:center;
background:black;
width:100%;
}
.site-navigation ul.menu,
.site-navigation ul.menu ul {
list-style-type: none;
padding: 0;
}
.site-navigation ul.menu {
display: inline-block;
}
.site-navigation ul.menu li {
position: relative;
display: inline-block;
}
.site-navigation ul.menu li a {
display: block;
padding: 8px 15px;
color:white;
font-size:14px;
font-family: "Jost", Sans-serif;
font-weight: 500;
}
.site-navigation ul.menu li  ul.sub-menu li a {
font-family: "Jost", Sans-serif;
color:black;
font-weight: 400;
}
.site-navigation ul.menu li  ul.sub-menu li:not(:last-child)  {
width:100%;
border-bottom: solid 1px #c4c4c4;
}
.sub-menu {
box-shadow: 0 4px 10px -2px rgba(0,0,0,.1);
}
.site-navigation ul.menu li.menu-item-has-children {
-webkit-padding-end: 15px;
padding-inline-end: 15px;
} }
.site-navigation ul.menu li.menu-item-has-children:focus-within > ul {
display: block;
}
.site-navigation ul.menu li ul {
background: #fff;
display: none;
min-width: 150px;
position: absolute;
z-index: 2;
left: 0;
top: 100%;
}
.site-navigation ul.menu li ul li {
-webkit-border-after: #eee 1px solid;
border-block-end: #eee 1px solid;
}
.site-navigation ul.menu li ul li:last-child {
-webkit-border-after: none;
border-block-end: none;
}
.site-navigation ul.menu li ul li.menu-item-has-children a {
flex-grow: 1;
}
.site-navigation ul.menu li ul li.menu-item-has-children:after {
transform: translateY(-50%) rotate(-90deg);
}
.site-navigation ul.menu li ul ul {
left: 100%;
top: 0;
}
.site-navigation ul.menu li:hover > ul {
display: block;
}
footer .site-navigation ul.menu li ul {
top: auto;
bottom: 100%;
}
footer .site-navigation ul.menu li ul ul {
bottom: 0;
}
footer .site-navigation ul.menu a {
padding: 5px 15px;
}
.site-navigation-dropdown {
-webkit-margin-before: 10px;
margin-block-start: 10px;
transition: max-height 0.3s, transform 0.3s;
transform-origin: top;
position: absolute;
bottom: 0;
left: 0;
z-index: 10000;
width: 100%;
}
#contactblock {
display:flex;
}
#contactblock .elementor-icon-list-items {
margin:auto;
}
.line1 {
max-width:1140px;
display: flex;
margin: 0 auto;
padding: 40px 0px 40px 0px;
}
.line1 {
max-width:1140px;
display: flex;
margin: 0 auto;
padding: 40px 0px 40px 0px;
}
.line1 a {
color:white;
}
.line1 div {
display:inline-block;
}
.line1 div:nth-child(1) {
width:25%
}
.line1 div:nth-child(2) {
width:25%
}
.line1 div:nth-child(2) li::marker {
list-style-type:none;
color: black;
}
.line1 div:nth-child(2) li {
text-align:left;
}
.line1 div:nth-child(2) .elementor-icon-list-text {
vertical-align:top;
}
.e-fas-phone-alt, .e-fas-envelope {
fill:#ffffff;
transition: fill 0.3s;
width:22px;
margin: 5px;
}
.line1 div:nth-child(3) {
width:50%
}
.line1 div:nth-child(3) p {
color:white;
text-align:left;
font-size: 20px;
font-weight: 500;
}
#input_14_1 {
min-width: 180px;
}
#field_14_1 {
width:100% !important;
}
.gform_body, .ginput_container_email {
width:100% !important;
}
.gform_footer {
width: 100% !important;
display: block !important;
margin:inherit !important;
}
#gform_submit_button_14 {
float: right !important;
text-align: right !important;
}
#gform_wrapper_14 {
width: 100%;
}
.gform_wrapper.gravity-theme .gform_fields {
display:block !important;
}
#gform_submit_button_14 {
background-color: var( --e-global-color-primary );
color: #ffffff;
border-color: var( --e-global-color-1ede13b );
border-style: solid;
border-width: 3px 3px 3px 3px;
min-height: 47px;
font-size: 16px;
padding: 0px 10px;
border-radius: 4px;
transition: background-color 1s, color 1s, border-color 1s, border-radius 1s;
}
#socialline {
display: flex;
margin:0 auto;
}
#socialline .elementor-grid-item {
margin: 5px 10px;
}
#socialline svg {
width: 51px;
height: 51px;
position: relative;
display: block;
}
#gform_submit_button_14:hover {
background-color: white;
color: black;
border-color: white;
border-radius: 0px 0px 0px 0px;
}
#gform_confirmation_message_14 {
width: 100% !important;
color: white;
}
.line2 {
padding: 20px 0px 20px 0px;
background:#FFFFFF;
}
.line2 .elementor-icon {
font-size: 90px;
padding: 15px;
background-color: #000;
border-radius: 50%;
color: #fff;
fill: #fff;
width: 90px;
height: 90px;
display: inline-block;
line-height: 0;
}
.line2 .elementor-icon svg {
height: 60px;
position: relative;
display: block;
width: 60px;
}
span.rerute {
font-size: 1.75rem;	
text-align:center;
font-family: "Libre Baskerville", sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 28px;
margin: 20px auto;
display: block;
}
p.rerute {
font-family: "Jost", sans-serif
text-align:center;
margin-bottom: 0.5rem;
font-size: 16px;
font-weight: 400;
line-height: 24px
}
.buttonrecrute {
padding: 15px 30px;
background:#FFFFFF;
color:black;
border: solid 3px black;
font-family: "Jost", sans-serif;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
transition: background-color 1s, color 1s, border-color 1s, border-radius 1s;
}
.buttonrecrute:hover { 
background-color: black;
color: white;
border-color: black;
border-radius: 0px 0px 0px 0px;
}
.divider {
height: 1px;
overflow: inherit;
box-sizing: inherit;
margin-top: 50px;
color: black;
}
.line3 {
padding: 20px 0px 20px 0px;
background: #FFFFFF;
}
.line3 a{
color:black;
font-family: "Jost", Sans-serif;
font-weight: 400;
text-decoration: none;
font-size:14px;
text-decoration:underline;
}
.line3 a:hover{
color:#4B4A4A;
}
a.mandatorylink {
font-size: 12px;
font-weight: normal;
color: gray;
}
.site-navigation-toggle-holder:not(.elementor-active) + .site-navigation-dropdown {
transform: scaleY(0);
max-height: 0;
}
.site-navigation-toggle-holder.elementor-active + .site-navigation-dropdown {
transform: scaleY(1);
max-height: 100vh;
}
.site-navigation-dropdown ul {
padding: 0;
}
.site-navigation-dropdown ul.menu {
position: absolute;
width: 100%;
padding: 0;
margin: 0;
background: #fff;
}
.site-navigation-dropdown ul.menu li {
display: block;
width: 100%;
position: relative;
}
.site-navigation-dropdown ul.menu li a {
display: block;
padding: 20px;
background: #fff;
color: #55595c;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1019607843);
}
.site-navigation-dropdown ul.menu li.current-menu-item a {
color: #fff;
background: #55595c;
}
.site-navigation-dropdown ul.menu > li li {
transition: max-height 0.3s, transform 0.3s;
transform-origin: top;
transform: scaleY(0);
max-height: 0;
}
.site-navigation-dropdown ul.menu li.elementor-active > ul > li {
transform: scaleY(1);
max-height: 100vh;
}
@media (max-width: 576px) {
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
display: none !important;
}
}
@media (min-width: 768px) {
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
display: none !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
display: none !important;
}
}
@media (min-width: 992px) {
.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
display: none !important;
}
}
@media (max-width: 992px) {
.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
display: none !important;
}
}
.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
display: none !important;
}
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
body:not([class*="elementor-page-"]) .site-main {
-webkit-margin-start: auto;
margin-top:0;
-webkit-margin-end: auto;
margin-inline-end: auto;
width: 100%;
}
@media (max-width: 575px) {
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*="elementor-page-"]) .site-main {
-webkit-padding-start: 10px;
padding-inline-start: 10px;
-webkit-padding-end: 10px;
padding-inline-end: 10px;
}
}
@media (min-width: 576px) {
.page-header .entry-title, {
max-width: 500px;
}
.site-footer.footer-full-width .footer-inner,
.site-header.header-full-width .header-inner {
max-width: 100%;
}
}
@media (min-width: 768px) {
.page-header .entry-title, {
max-width: 600px;
}
.site-footer.footer-full-width,
.site-header.header-full-width {
max-width: 100%;
}
}
@media (min-width: 992px) {
.page-header .entry-title, {
max-width: 800px;
}
.site-footer.footer-full-width,
.site-header.header-full-width {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.page-header .entry-title,
.site-footer.footer-full-width,
.site-header.header-full-width {
max-width: 100%;
}
}
.site-header + .elementor {
min-height: calc(100vh - 320px);
}
.wp-block-button__link {
border:solid 4px black;
font-family : Jost, sans-serif;
font-size : 16px;
font-weight : 700;
transition :color 1s, background 1s;
}
.wp-block-button__link:hover {
color:white !important;
background:black !important;
}
.page-content > h1, .page-content > h2, .page-content > div, .page-content > p, .page-content > ul { margin:0 auto;
}
.page-content h1, .page-content h2, .page-content h3 {
font-family : "Libre Baskerville", sans-serif;
}
.page-content h3 {
font-size:28px !important;
}
.page-content h2 {
font-size:32px !important;
}
.page-content h1 {
font-size:36px !important;
}
@media only screen and (max-width: 767px) {
.stk-block-carousel__slider .wp-block-stackable-column {
min-width:100% !important; 
}
.ginput_container_consent .gfield_consent_label
{
width:85%; 
}
.stk-block-column__content {
padding:10px; 
}
#site-footer {
padding:0; 
}
.line3 a {
display:block;
width:100%;
}
#gform_submit_button_14 {
float:inherit !important;
}
#input_14_1 {
min-width: inherit;
max-width: 80%;
}
.line1 div:nth-child(3) p {
text-align:center;
padding:20px; 
}
.line1 div:nth-child(3)
{
margin-top:20px; 
}
.line1 div:nth-child(2) li {
text-align: center;
}
#contactblock .elementor-icon-list-items {
padding: 0;
}
#contactblock {
margin-top:20px; 
}
#socialline .elementor-grid-item {
width: 50%;
text-align: center;
margin:5px;
}
.line1 {
display:block;
}
#socialline {
display:flex !important;
width: 100px!important;
}
.line1 div:nth-child(2), .line1 div:nth-child(1), .line1 div:nth-child(3) {
display:block !important;
width:100% !important;
}
.stk-99218ef {
width:100%;
}
#site-header {
z-index: inherit;
position: inherit;
}
.site-navigation ul.menu li ul.sub-menu li a {
text-align:right;
color:white !important; 
}
.site-navigation ul.menu li ul {
background:inherit;
}
.site-navigation ul.menu li:hover > ul {
display: block;
position: inherit;
z-index: inherit;
left: inherit;
text-align: inherit;
}
#content {
margin-top:20px; 
padding:0;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
font-size: 35px;
}
.site-header .site-branding img {
margin:17px; 
}
.site-header .site-branding {
width: 75%;
}
.burgermobile {
display: block;
color: black;
width: 10%;
text-align: center;
padding: 18px;
margin: 17px;
}
.menu-menu-principal-mobile-container #menu-menu-principal-mobile {
display: none;
}
#menu-menu-principal-mobile {
display: block;
width: 100%;
}
ul#menu-menu-principal-mobile li {
text-align: center;
width: 100%;
border:none;
}
}
body {
font-family: "Jost", Sans-serif;
}* {
margin: 0;
padding: 0;
}
body .wrapper {
max-width: 800px;
width: 100%;
margin: 150px auto;
padding-top: 20px;
}
body .wrapper .your-slider {
width: 100%;
}

@import url(https://fonts.cdnfonts.com/css/roustel); .page-header.reprise {
padding:0px 40px;
margin-bottom: 40px;
max-width: 80%;
margin: 0 auto;
}
.reprisecat {
margin-bottom: 80px;
}
.reprisecat .logo {
transform:inherit !important;
max-width:70px;
background:
white;
position: absolute;
margin-top: -50px;
left: -35px;
z-index: 10;
}
.reprisecat .page-content .post:hover .logo {
-ms-transform: inherit;
-webkit-transform:inherit;
transform: inherit;
}
.reprisecat .page-content {
display: flex;
column-gap: 20px;
columns: 4;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
padding:10px 40px;
margin-top: 80px;
row-gap: 40px;
}
.reprisecat .page-content .post{
margin:30px auto 0 auto;
max-width: 20%;	
border:2px solid black;
text-align: center;
position:relative;
min-width: 300px;
}
.reprisecat .page-content .post:hover img{
-ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);
}
.reprisecat .page-content .post img{
transition: transform 1s;
}
.reprisecat .page-content .post a{
text-decoration:none;
color:black;
}
.reprisecat .page-content .post p {
margin-bottom: 5px;
font-size: 14px;
}
.reprisecat .page-content .post p.extrait{
margin-bottom: 50px;
margin-top: 20px;
}
#content .page-content h2 {
font-size: 24px !important;
}
.voirsalon {
display:block;
background:black;
color:white;
position:absolute;
bottom:0;
width:100%;
padding:10px;
transition:all 1s;
}
.voirsalon:hover {
background:white;
color:black;
border-top:2px solid black;
}
.reprisecat .page-content .post div{
padding:10px;
}
.imgsalon {
overflow:hidden;
padding:0 !important;
} .tchip_coiffure, .vog_coiffure {
margin: 0 auto;
}
.tchip_coiffure .leplus {
background:linear-gradient(90deg, #e06f91 0%, #e06f91 50%, #e06f91 100%);
border:2px solid #fadaea;
}
.vog_coiffure .leplus {
background:linear-gradient(90deg, #C2A360 0%, #C2A360 50%, #C2A360 100%);
border:2px solid #d1cdb9;
}
.leplus {
transform: rotate(-45deg);
position: absolute;
z-index: 10;
padding: 0.5rem 4rem;
margin-top: 5rem;
margin-left: -5rem;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
color: white;
font-weight: bold;
display: inline-block;
min-width: 360px;
width: 100%;
text-align: center;
max-width: 370px;
}
.your-slider {
border-radius: 0 50px 0 50px;
}
.wrap1, .wrap2, .parcours {
margin:0 auto;
max-width: 80%;
padding: 0 20px;
}
.franchise {
background-attachment: fixed;
background-position: center;
background-size:cover;
background-repeat:no-repeat;	
height: 100%;
padding: 60px 0;
}
.franchise p {
margin:0 auto;
max-width: 80%;
padding: 0 20px;
}
.tchip_coiffure .franchise {
background-image: url(//www.groupe-vog.fr/wp-content/themes/hello-elementor/images/franchise-tchip.jpg);
}
.vog_coiffure .franchise {
background-image: url(//www.groupe-vog.fr/wp-content/themes/hello-elementor/images/franchise-vog.jpg);
}
.tchip_coiffure h1 { }
.vog_coiffure h1 { }
.tchip_coiffure .avis h2, .tchip_coiffure .parcours h2, .tchip_coiffure .franchise h2 {
background:#e06f91;
color: white;
}
.vog_coiffure .avis h2, .vog_coiffure .parcours h2, .vog_coiffure .franchise h2 {
background:#C2A360;
color: white;
}
h1 {
color:black;
text-align:center;
margin-top:40px;
margin-bottom:10px;
padding:10px;
text-transform: uppercase;
}
.avis h2, .parcours h2, .franchise h2 {
padding:10px;
display: table;
text-align: center;
margin: 20px auto 0 auto;
font-weight: bold;
}
h2 {
font-size:24px;
text-align:center;
}
.tchip_coiffure .buttonreprise {
color: white;
background: #e06f91;
border:2px solid #e06f91;
}
.tchip_coiffure .buttonreprise:hover {
background: white;
border-radius: 10px;
color: #e06f91;
border:2px solid #e06f91;
}
.vog_coiffure .buttonreprise {
color: white;
background: #C2A360;
border:2px solid #C2A360;
}
.vog_coiffure .buttonreprise:hover {
background: white;
border-radius: 10px;
color: #C2A360;
border:2px solid #C2A360;
}
.buttonreprise {
border-radius: 10px;
display: block;
width: 170px;
text-align: center;
font-size: 19px;
padding: 5px;
margin: 0 auto;
transition: background 1s, color 1s;
text-decoration:none !important;
}
.wrap1 {
display:flex;
columns:2;
column-gap:20px;
align-items: end;
align-content: end;
flex-wrap: nowrap;
}
.wrap2 {
display:flex;
columns:3;
column-gap:20px;
margin-top:80px !important;
padding-top:60px;
margin-bottom: 60px !important;
}
#content .wrapper {
margin:inherit;
}
.wrapper {
overflow: hidden;
position: relative;
max-width:50% !important;
padding-top: inherit !important;
}
.containerslider {
overflow: hidden;
position: relative;
}
.tchip_coiffure .logo {
max-width: 100px;
margin:10px auto;
}
.attributsalon {
max-width:50%;
float:right;
margin:0 auto;
min-width: 340px;
align-items: end;
align-content: end;
}
.attributsalon h2 span {
display:block;
font-size: 16px;
}
.flou {
filter: blur(4px);	
}
.attributsalon div {
padding: 20px 60px;
font-size:18px;
}
.tchip_coiffure .attributsalon div{
margin: auto;
border-radius: 50px 0 50px 0;
text-align: center;
border: 2px solid #e06f91;
}
.descriptionsalon {
max-width:60%;
display:flex;
border-radius:0 50px 0 50px;
padding:20px;
color: white;
}
.descriptionsalon span {
margin:auto;
}
.tchip_coiffure .descriptionsalon {
background:#3ebac2;
}
.textedev {
position: absolute;
margin-left: 16%;
max-width: 10%;
min-width: 220px;
text-align: center;
z-index: 10;
margin-top: -68px;
}
.textedev img {
float: left;
margin-left: 34px;
}
.textedev p:first-child {
font-family: 'Roustel', sans-serif;
font-size: 30px;
max-width: 10%;
text-align: center;
line-height: 1;
min-width:200px;
}
.encartdev {
max-width:30%;
background-image: url(//www.groupe-vog.fr/wp-content/themes/hello-elementor/images/responsable-dev.png);
background-repeat:no-repeat;
background-position: center;
width:350px;
height:350px;
background-size: cover;
margin:auto;
display: flex;
align-items: end;
padding:10px;
}
.tchip_coiffure .encartdev {
border-bottom: 3px solid #3ebac2;
}
.encartdev .buttonreprise {
}
.avis {
background:#fadaea;
padding: 30px 0 80px 0;
}
.tchip_coiffure .avis {
background:#fadaea;
}
.vog_coiffure .avis {
background:#d1cdb9;
}
#avisphrase, #franchisephrase {
font-size: 22px !important;
text-align:center;
margin-bottom: 30px;
}
#avisphrase p, #franchisephrase p{
max-width:inherit;
}
.vog_coiffure #franchisephrase, .vog_coiffure .franchise p {
color:white;
}
.avis span {
display: block;
font-size: 20px;
}
.avissalon {
display:flex;
columns:3;
column-gap:20px;
row-gap: 20px;
max-width:80%;
padding:0 20px;
margin:auto;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.tchip_coiffure .avissalon img{
border:1px solid #e06f91;
}
.vog_coiffure .avissalon img{
border:1px solid #C2A360;
}
.avissalon img{
background: white;
min-width: 345px;
border-radius: 50px 0 50px 0;
padding: 20px;
margin:auto;
width:24%;
}
.parcours, .etapes{
padding-bottom:60px;
margin-top:60px !important;
}
.etapes {
background:#f2ede7;	
padding: 40px;
}
.etapes > div {
column-gap: 5%;
display:flex;
columns:4;
max-width:80%;
margin:0 auto;
}
.etapesillu {
margin-top:80px !important;
margin-bottom:20px !important;
}
.etapecles {
width: 25%;
display: flex;
}
.etapecles img {
width: 80px;
display:block;
margin: 0 auto;
margin: auto;
}
img.wp-image-561 {
width:50px;
}
.etapecles p {
text-align:center;
font-weight:bold;
}
.tchip_coiffure .formreprise {
background:#e06f91;
padding: 20px;
color: white;
padding-top:80px !important;
}
.gfield_required {
display:none !important;
}
.formreprise h2 span{
display: block;
font-size: 20px;
}
.gfield_consent_label {
color:white !important;
} .vog_coiffure .logo {
max-width: 100px;
margin:10px auto;
} .vog_coiffure .attributsalon div {
border-radius: 50px 0 50px 0;
border: solid 2px #C2A360;
position: relative;
text-align:center;
}
.vog_coiffure .descriptionsalon {
background:#B14F4C;
}
.descriptionsalon > span:first-child::before {
content: url(//www.groupe-vog.fr/wp-content/themes/hello-elementor/images/guillemets-ouverture.png);
color: white;
font-size: 140px;
font-family: 'Roustel', sans-serif;
display: inline-block;
height: 40px;
line-height: 0;
margin-right: 30px;
float: left;
}
.descriptionsalon > span:first-child::after {
content: url(//www.groupe-vog.fr/wp-content/themes/hello-elementor/images/guillemets-blancs.png);
color: white;
font-size: 140px;
font-family: 'Roustel', sans-serif;
display: inline-block;
height: 40px;
line-height: 0;
float:right;
}
.vog_coiffure .descriptionsalon span::before  {
text-shadow: 0px 0px 4px #B14F4C;
}
.vog_coiffure .encartdev {
border-bottom: 3px solid #B14F4C;
}
.vog_coiffure .formreprise {
background:#333;
padding: 20px;
color: white;
padding-top:80px !important;
}
.vog_coiffure #gform_submit_button_49 {
background:white;
color:black;
transition: all 1s;
}
.vog_coiffure #gform_submit_button_49:hover {
background:black;
color:white;
}
@media screen and (max-width: 1280px) {
.textedev img {
display:none;
}
.wrap2 {
display: flex;
columns: inherit;
column-gap: 20px;
flex-wrap: wrap;
flex-direction: column;
height: 110vh;
}
.encartdev {
height: 90%;
order: -1;
}
.textedev {
position: inherit;
margin:auto;
max-width: inherit;
z-index: inherit;
text-align: center;
order: -1;
height: 10%;
padding-top: 10px;
}
.descriptionsalon {
max-width:70%;
flex:1;
}
.textedev p:first-child {
margin-bottom: 2px;
}
}
@media screen and (min-width: 991px) {
.logo {
display: block;
}
.mobile {
display:none;	
}
}
@media screen and (max-width: 990px) {
.attributsalon div {
padding:20px;
}
.tchip_coiffure .franchise {
background-image: url(//www.groupe-vog.fr/wp-content/themes/hello-elementor/images/franchise-tchip-mobile.jpg);
}
.vog_coiffure .franchise {
background-image: url(//www.groupe-vog.fr/wp-content/themes/hello-elementor/images/franchise-vog-mobile.jpg);
}
.franchise {
background-size: 936px 1400px;
}
.franchise p {
max-width:inherit;
}
.leplus {
transform: rotate(45deg);
font-size: 12px;
margin-left: 70px;
margin-top: 50px;
}
.titrehead {
display: flex;
columns: 2;
margin-bottom:5px;
}
.titrehead h1 {
margin:auto;
font-size: 24px;
text-align: left;
}
.logo.mobile {
display:inline-block;	
margin: auto;
}
.reprisecat .logo {
display:block;
}
.logo {
display:none;
}
.vog_coiffure .logo.mobile {
width: 100px;
height: 93px;
}
.tchip_coiffure .logo.mobile {
width: 80px;
height: 112px;
}
#content .page-content h2 {
font-size: 22px !important;
}
#avisphrase p, #franchisephrase p {
font-size: 20px !important;
}
.wrap1, .wrap2, .parcours, .avissalon {
columns: 1;
column-gap: 20px;
flex-direction: column;
max-width: inherit;
}
.wrapper {
max-width:95% !important;
}
.attributsalon {
float: inherit;
margin-top: 30px;
}
.wrap2 {
height: inherit;
padding-top:0;
}
.encartdev {
height: 350px;
background-position: center;
order: inherit;
max-width: inherit;
margin-top: 40px;
}
.textedev {
height: auto;
order: inherit;
}
.descriptionsalon {
max-width: inherit;
flex: inherit;
display: block;
margin: auto;
width: 100%;
order: -1;
}
.avissalon img {
width:90%;
}
}	
html {
scroll-behavior: smooth;
}.carouselLineArrow-line {
position: absolute;
left: 0;
width: 100%;
}
.carouselLineArrow-line .carouselLineArrow-innerline {
height: 100%;
width: 0%;
}
.carouselLineArrow-arrow {
position: absolute;
width: 50px;
height: 50px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.5);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
}
.carouselLineArrow-arrow:hover {
background-color: white;
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-left {
left: -50px;
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-left:hover .carouselLineArrow-arrow-inner {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-left .carouselLineArrow-arrow-inner {
height: 100%;
width: 100%;
-webkit-transition: .3s;
transition: .3s;
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-left .carouselLineArrow-arrow-inner:before {
position: absolute;
content: '';
background-color: #222;
height: 5px;
width: 30px;
top: 50%;
right: 5px;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-left .carouselLineArrow-arrow-inner:after {
position: absolute;
content: '';
height: 0px;
width: 0px;
border: 10px solid transparent;
border-right: 10px solid #222;
top: 50%;
right: 34px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-right {
right: -50px;
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-right:hover .carouselLineArrow-arrow-inner {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-right .carouselLineArrow-arrow-inner {
height: 100%;
width: 100%;
-webkit-transition: .3s;
transition: .3s;
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-right .carouselLineArrow-arrow-inner:before {
position: absolute;
content: '';
background-color: #222;
height: 5px;
width: 30px;
top: 50%;
left: 5px;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.carouselLineArrow-arrow.carouselLineArrow-arrow-right .carouselLineArrow-arrow-inner:after {
position: absolute;
content: '';
height: 0px;
width: 0px;
border: 10px solid transparent;
border-left: 10px solid #222;
top: 50%;
left: 34px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.carousel-wrapper-middle:hover .carouselLineArrow-arrow.carouselLineArrow-arrow-left {
left: 20px;
}
.carousel-wrapper-middle:hover .carouselLineArrow-arrow.carouselLineArrow-arrow-right {
right: 20px;
}