.mailjet_widget_form_builder_container {
width: 100%;
}:root {
--ac-black: #141412;
--ac-brown: #7c7160;
--ac-orange: #c85b31;
--ac-purple: #402e32;
} #main-header {
background-image: url(//atoutcrin.fr/wp-content/themes/atoutcrin/img/ac-header-bg.jpg);
background-size: cover;
}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
padding-top: 0;
}
#top-header .container {
padding-top: 0;
}
#top-header .container #et-info {
padding: 1em 2em !important;
}
.header-contact-btn {
height: 100%;
background-color: #76885f;
}
.header-contact-btn a {
padding: .5em 1em !important;
}
.header-contact-btn a:before {
content: url(//atoutcrin.fr/wp-content/themes/atoutcrin/img/paper-plane.svg);
display: inline-block;
width: 23px;
vertical-align: middle;
margin-right: 10px;
}
#top-header #et-info-email {
display: none;
}
#top-header #et-info-address {
text-transform: none;
}
#et-info-address:before {
font-family: ETmodules!important;
speak: none;
font-style: normal;
font-weight: 400;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0;
direction: ltr;
content: "\e081";
position: relative;
top: 2px;
margin-right: 2px;
}
.fb-menu-item {
top: 4px;
}
.fb-menu-item a {
font-family: 'ETmodules';
font-size: 18px!important;
}
span.mobile_menu_bar:before{
color: var(--ac-orange);
}
.et_mobile_menu {
border-top: 3px solid var(--ac-orange);
} .form-contact {
margin:0 auto;
width:100%;
}
.form-contact .row {
width: 100%;
}
.form-contact .col-6, .col-12 {
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.form-contact.clearfix:after {
content: "";
display: table;
clear: both;
}
.form-contact .row .input-group {
padding: 0 0 0 3%;
margin-bottom: 30px!important;
}
.newsletter-form .row .input-group {
margin-bottom: 0px!important;
}
.form-contact .row input, .form-contact .row textarea {
width: 100%;
border-radius: 2px 2px 2px 2px;
overflow: hidden;
border-width: 2px;
border-color: var(--ac-orange);
font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
font-size: 15px;
line-height: 2em;
color: var(--ac-orange);
background-color: rgba(0,0,0,0);
padding: 8px 15px;
}
.form-contact .row .submit-btn input {
color: #ffffff!important;
border-width: 0px!important;
border-radius: 0px;
letter-spacing: 2px;
font-size: 13px;
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 600!important;
text-transform: uppercase!important;
background-color: #C85B31;
cursor: pointer;
padding: 12px;
transition: all 300ms ease 0ms;
}
.form-contact .row .submit-btn input:hover {
background-color: #402E32;
}
::-webkit-input-placeholder { color: #C85B31 !important;
opacity: .5;
}
:-moz-placeholder { color: #C85B31 !important;
opacity: .5;
}
::-moz-placeholder { color: #C85B31 !important;
opacity: .5;
}
:-ms-input-placeholder { color: #C85B31 !important;
opacity: .5;
}
.wpcf7-response-output {
color: #C85B31;
text-align: center;
border: none !important;
margin: 0 !important;
}
.newsletter-form .input-group.col-6 {
padding-top: 1em;
padding-bottom: 1em;
}
.mailjet-checkbox .wpcf7-list-item {
padding: 0;
}
.mailjet-checkbox .wpcf7-list-item input[type=checkbox] {
display: inline-block;
width: auto;
}
.mailjet-checkbox .wpcf7-list-item .wpcf7-list-item-label {
color: var(--ac-orange);
} .h3-btn {
position: relative;
}
.h3-btn::before {
content: "";
position: absolute;
z-index: -1;
bottom: 10px;
left: 0;
transform: translateY(calc(100% - 10px));
width: 100%;
height: 10px;
background-image: linear-gradient(60deg, rgba(124,113,96,0.25) 0%, rgba(124,113,96,0.25) 100%);
transition: transform .25s ease-out;
}
.savoir-faire-btn h4 {
position: relative;
}
.savoir-faire-btn h4 span::before {
content: "";
position: absolute;
z-index: -1;
bottom: 10px;
left: 0;
transform: translateY(calc(100% - 10px));
width: 40px;
height: 10px;
background-image: linear-gradient(60deg, rgba(124,113,96,0.25) 0%, rgba(124,113,96,0.25) 100%);
transition: all .25s ease-out;
}
.savoir-faire-btn:hover h4 span::before {
width: 60px;
}
.img-row {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.single-post figcaption {
text-align: center;
} .post-cat-list {
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
display: flex;
list-style-type: none !important;
padding: 0 !important;
line-height: 1em !important;
flex-wrap: wrap;
justify-content: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 18px;
font-weight: 600;
}
.post-cat-list .cat-item {
padding: 0 .5em;
}
.post-cat-list .cat-item a {
color: var(--ea-blue);
box-shadow: 0px 2px 0px 0px #c85b31;
padding: 1em;
transition: all 300ms ease 0ms;
}
.post-cat-list .cat-item a:hover {
box-shadow: 0px 8px 0px 0px #c85b31;
}
.bloc-post-order-form p {
padding-left: 55px;
}
.bloc-post-order-form p:before {
content: url(//atoutcrin.fr/wp-content/themes/atoutcrin/img/important.svg);
display: inline-block;
width: 45px;
vertical-align: middle;
position: absolute;
margin-left: -60px;
}  #wpcf7-f1392-p1389-o1 > .wpcf7-form {
padding: 10px 18px;
display: block;
margin: 0 auto;
max-width: 768px;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field {
font-size: 16px;
position: relative;
min-height: 72px;
padding: 0px 0 8px 0;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field.is-focused::after {
transform: scaleX(1);
background-color: #24c4a3;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field .field-label {
position: relative;
display: block;
margin: 0;
color: var(--text-color);
line-height: 16px;
font-weight: 400;
font-size: 16px;
transform: translateY(48px);
transition: transform 0.3s ease;
transform-origin: 0 50%;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field .file-label {
display: inline-block;
margin-top: 1em;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field .field-input {
display: block;
position: relative;
font-family: "Montserrat", sans-serif;
color: #111;
width: 100%;
height: 32px;
padding: 8px 8px;
font-size: 1rem;
line-height: 16px;
background: transparent;
border: none;
-webkit-appearance: none;
outline: none;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field .field-input:focus {
transition: background-color 0.16s ease-out 0.09s;
background-color: #eee;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field::after, #wpcf7-f1392-p1389-o1 > .wpcf7-form .field::before {
content: "";
height: 1px;
width: 100%;
position: absolute;
bottom: 6px;
left: 0;
background-color: #eee;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .field::after {
transform: scaleX(0);
transition: transform 0.3s;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .is-focused .field-label {
color: var(--corail-blue);
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .has-label .field-label {
transform: translateY(16px) scale(0.75);
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form textarea {
min-height: 120px;
}
#wpcf7-f1392-p1389-o1 > .wpcf7-form .wpcf7-submit {
border: none;
display: flex;
padding: 0 20px;
color: white;
width: 100%;
margin-top: 22px;
}
.screen-reader-response {
display: none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
border: none;
font-family: "Monserrat", sans-serif;
text-align: center;
font-size: 1.18rem;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border: none;
font-family: "Montserrat", sans-serif;
text-align: center;
font-size: 1.18rem;
}
span.wpcf7-list-item {
margin: 0;
padding: 10px 0;
}
@media screen and (min-width: 1400px) {
#wpcf7-f1392-p1389-o1 > .wpcf7-form {
padding: 10px 60px;
}
}
#wpcf7-f1392-p1389-o1 .wpcf7-submit {
border-radius: 4px;
text-transform: uppercase;
font-family: "Monserrat", sans-serif;
background-color: var(--ac-orange);
display: block;
cursor: pointer;
margin: 0 auto;
height: 47px;
padding: 16px 20px 16px 20px;
font-weight: 500;
max-width: 380px;
}
.wpcf7-list-item-label a {
color: var(--ac-orange);
} @media only screen and (min-width: 981px) and (max-width: 1194px) {
#logo {
max-height: 70px !important;
}
}
@media only screen and (min-width: 48em) { 
.form-contact .col-6 {
width: 50%;
}
}