/*
Theme Name: La Design
Author: Arnaud Lidolf
Description: Empty Theme
Version: 1.0
*/
/*
Grey : #626262
Vert 1 : #c1fffa
 */
body { margin: 0px; font-family: 'Roboto', sans-serif; color: #626262; }

h1 { color: #c1fffa; font-weight: 300; font-size: 60px; line-height: 1.1; margin-top: 0; }
h2 { font-weight: 300; font-size: 50px; line-height: 1.1; margin-top: 0; }
p { margin-block-start: 0; margin-block-end: 0; font-size: 22px; }
a { color: inherit; text-decoration: none; }
.caldera-grid .btn.btn-default { text-transform: uppercase; border: 0; background-color: #c1fffa; color: #626262; }
.caldera-grid p { font-size: 16px; }
/* Top Bar */
.top-bar p, .top-bar p a { font-weight: 300; color: #FFFFFF; text-decoration: none; font-size: 20px; }
.top-bar p .fab { background: #c1fffa; height: 25px; width: 25px; line-height: 25px; font-size: 14px; border-radius: 50%; color: #626262; margin-left: 1em; }


/* Block 1 */
.block-1 .subtitle { color: #FFFFFF; font-weight: 500; text-transform: uppercase; font-size: 22px; }
.block-1 .address { color: #FFFFFF; font-weight: 300; font-size: 20px; }
.block-1 .phone { color: #c1fffa; font-weight: 300; font-size: 32px; }

/* Block Info */
.block-info .title { font-size: 20px; }
.block-info { color: #FFFFFF; }

/* Block Presentation */
.block-presentation { color: #626262; }
.block-presentation p { line-height: 1.4; }

/* Block formulaire */
.block-form .texts { background-image: url('https://www.docteur-metzger-rohrbach.fr/wp-content/uploads/2020/03/background-2.jpg'); background-repeat: no-repeat; background-size: cover; }
.block-form .texts .vc_column-inner { padding-left: 20%; padding-bottom: 100px; }
.block-form .texts .text-1 { color: #FFFFFF; font-weight: 300; font-size: 35px; margin-bottom: 20px; }
.block-form .texts .text-1 p { font-size: 35px;}
.block-form .texts .text-2 { color: #626262; font-weight: 300; font-size: 25px; margin-bottom: 0; }
.block-form .texts .text-2 p { font-size: 25px; }
.block-form .texts .text-3 { color: #626262; font-weight: 300; font-size: 32px; }
.block-form .texts .text-3 p { font-weight: 300; font-size: 32px; }
.block-form .texts .text-4 { color: #FFFFFF; font-weight: bold; }
.block-form .texts .text-4 p { color: #FFFFFF; font-weight: bold; }
.block-form .texts .text-5 { color: #626262; font-weight: bold; }
.block-form .texts .text-5 p { color: #626262; font-weight: bold; }

.block-form .form p { margin-bottom: 10px !important; }
.block-form .form .form-control { margin-bottom: 10px; }
.block-form .form .note { width: 70%; float: left; font-size: 12px; line-height: 1.1; margin-bottom: 20px; }
.block-form .form .required-text { width: 30%; float: left; text-align: right; font-size: 12px; line-height: 1.1; }

/* Block Phones */
.block-phones { color: #FFFFFF; }
.block-phones h2 { color: #c1fffa; }
.block-phones h3 { color: #c1fffa; font-size: 25px; margin: 0; }
.block-phones a { color: #FFFFFF; text-decoration: none; font-size: 32px; }

/* Footer */
.footer { color: #FFFFFF; }


/* Legal Infos */
.legal-infos h1, .legal-infos h2, .legal-infos h3 { color: #c1fffa; }

/* Legal Infos */
@media screen and (max-width: 768px) {
    h1 { font-size: 45px; }
}