.ctct-form-wrapper .ctct-button { font-size: 0.9rem; } .ctct-form-wrapper .ctct-message { border: 1px solid; padding: 1em; } .ctct-form-wrapper .ctct-message.ctct-error { background-color: rgba(255, 0, 0, 0.02); border-color: #ff0000; color: #990000; } .ctct-form-wrapper .ctct-message.ctct-success { background-color: rgba(46, 204, 64, 0.02); border-color: #2ecc40; color: rgb(27.232, 120.768, 37.888); } .ctct-form-wrapper .ctct-message .ctct-dismiss-ajax-notice { border-radius: 50%; float: right; line-height: 1; padding: 0.85rem 1rem; text-decoration: none; } .ctct-form-wrapper .ctct-form-field { margin: 0 0 1rem; } .ctct-form-wrapper .ctct-field-inline { display: inline-block; } @media (min-width: 992px) { .ctct-form-wrapper .ctct-field-half { float: left; margin-right: 2%; width: 48%; } .ctct-form-wrapper .ctct-field-half:last-of-type { margin-right: 0; } } @media (min-width: 992px) { .ctct-form-wrapper .ctct-field-third { float: left; margin-right: 2%; width: 32%; } .ctct-form-wrapper .ctct-field-third:last-of-type { margin-right: 0; } } @media (min-width: 992px) { .ctct-form-wrapper .ctct-field-fourth { float: left; margin-right: 2%; width: 24%; } .ctct-form-wrapper .ctct-field-fourth:last-of-type { margin-right: 0; } } .ctct-form-wrapper .ctct-birthday-fields, .ctct-form-wrapper .ctct-anniversary-fields { display: flex; } .ctct-form-wrapper .ctct-birthday-fields.ctct-birthday-label-top, .ctct-form-wrapper .ctct-birthday-fields.ctct-anniversary-label-top, .ctct-form-wrapper .ctct-anniversary-fields.ctct-birthday-label-top, .ctct-form-wrapper .ctct-anniversary-fields.ctct-anniversary-label-top { align-items: flex-end; } .ctct-form-wrapper .ctct-birthday-fields.ctct-birthday-label-top .ctct-date-field-separator, .ctct-form-wrapper .ctct-birthday-fields.ctct-anniversary-label-top .ctct-date-field-separator, .ctct-form-wrapper .ctct-anniversary-fields.ctct-birthday-label-top .ctct-date-field-separator, .ctct-form-wrapper .ctct-anniversary-fields.ctct-anniversary-label-top .ctct-date-field-separator { margin: 0 10px 1.5rem; } .ctct-form-wrapper .ctct-birthday-fields.ctct-birthday-label-bottom, .ctct-form-wrapper .ctct-birthday-fields.ctct-anniversary-label-bottom, .ctct-form-wrapper .ctct-anniversary-fields.ctct-birthday-label-bottom, .ctct-form-wrapper .ctct-anniversary-fields.ctct-anniversary-label-bottom { align-items: flex-start; } .ctct-form-wrapper .ctct-birthday-fields.ctct-birthday-label-bottom .ctct-date-field-separator, .ctct-form-wrapper .ctct-birthday-fields.ctct-anniversary-label-bottom .ctct-date-field-separator, .ctct-form-wrapper .ctct-anniversary-fields.ctct-birthday-label-bottom .ctct-date-field-separator, .ctct-form-wrapper .ctct-anniversary-fields.ctct-anniversary-label-bottom .ctct-date-field-separator { margin: 0.5rem 10px 0; } .ctct-form-wrapper .ctct-form.ctct-inline { display: flex; align-items: flex-end; } .ctct-form-wrapper .ctct-form.ctct-inline .ctct-form-field-submit { margin-left: 10px; } .ctct-form-wrapper input[type=text]:required:valid, .ctct-form-wrapper input[type=email]:required:valid, .ctct-form-wrapper input[type=password]:required:valid, .ctct-form-wrapper input[type=tel]:required:valid, .ctct-form-wrapper input[type=number]:required:valid { background-image: url(svg/check_circle.svg); background-position: 8px 50%; background-repeat: no-repeat; background-size: 18px; border-color: #2ecc40; padding-left: 32px; } .ctct-form-wrapper input[type=text]:required.ctct-invalid, .ctct-form-wrapper input[type=text].ctct-invalid, .ctct-form-wrapper input[type=email]:required.ctct-invalid, .ctct-form-wrapper input[type=email].ctct-invalid, .ctct-form-wrapper input[type=password]:required.ctct-invalid, .ctct-form-wrapper input[type=password].ctct-invalid, .ctct-form-wrapper input[type=tel]:required.ctct-invalid, .ctct-form-wrapper input[type=tel].ctct-invalid, .ctct-form-wrapper input[type=number]:required.ctct-invalid, .ctct-form-wrapper input[type=number].ctct-invalid { background: rgba(255, 0, 0, 0.02) url(svg/error.svg) no-repeat 8px 50%; background-size: 24px; border-color: #ff0000; padding-left: 40px; } .ctct-form-wrapper select.ctct-label-top, .ctct-form-wrapper select.ctct-label-bottom { width: 100%; } .ctct-form-wrapper .ctct-field-error { color: #ff0000; font-size: 0.85rem; font-style: italic; } .ctct-form-wrapper input.ctct-invalid { background: #fff url(svg/error.svg) no-repeat; background-color: rgba(255, 0, 0, 0.02); background-position: 8px 50%; background-size: 24px; border-color: #ff0000; padding-left: 40px; } .ctct-form-wrapper input.ctct-label-left, .ctct-form-wrapper textarea.ctct-label-left { display: inline-block; width: 75%; } .ctct-form-wrapper span.ctct-label-left { display: inline-block; margin-right: 5%; width: 20%; } .ctct-form-wrapper input.ctct-label-right, .ctct-form-wrapper textarea.ctct-label-right, .ctct-form-wrapper select.ctct-label-right { display: inline-block; margin-right: 5%; width: 75%; } .ctct-form-wrapper input.ctct-label-right[type=checkbox], .ctct-form-wrapper textarea.ctct-label-right[type=checkbox], .ctct-form-wrapper select.ctct-label-right[type=checkbox] { width: auto; } .ctct-form-wrapper span.ctct-label-right { display: inline-block; width: 20%; } .ctct-form-wrapper span.ctct-label-hidden { left: -9999px !important; position: absolute !important; top: -9999px !important; } .ctct-form-wrapper .no-recaptcha .ctct-submitted:disabled { background-image: url(svg/oval.min.svg); background-position: center; background-repeat: no-repeat; color: transparent; cursor: wait; opacity: 0.3; } .ctct-form-wrapper .has-recaptcha .ctct-submitted:disabled { cursor: not-allowed; } .ctct-form-wrapper .ctct-form::after { clear: both; content: ""; display: table; } .ctct-form-wrapper .ctct-form .ctct-label-top label, .ctct-form-wrapper .ctct-form .ctct-label-bottom label { display: block; } .ctct-form-wrapper .ctct-form .ctct-label-left label, .ctct-form-wrapper .ctct-form .ctct-label-right label { display: inline-block; } .ctct-form-wrapper .ctct-input-container label { color: #aaa; font-size: 0.8rem; } .ctct-form-wrapper .ctct-submit { cursor: pointer; } .ctct-form-wrapper .ctct-form-field-checkbox fieldset { border: none; padding: 0; } .ctct-form-wrapper .ctct-form-field-checkbox fieldset legend { font-weight: normal; padding: 0; } /* TwentyTen */ .wp-theme-twentyten input[type=tel] { background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); padding: 2px; } /* TwentyEleven */ .wp-theme-twentyeleven input[type=tel] { background: #fafafa; border: 1px solid #ddd; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2); padding: 3px; } /* TwentyThirteen */ .wp-theme-twentythirteen input[type=tel] { max-width: 270px; width: 60%; } /* TwentyFourteen */ .ctct-twentyfourteen .ctct-form-wrapper .ctct-button { display: inline-block; font-size: 1rem; margin-bottom: 25px; } .ctct-twentyfourteen .ctct-form-field input:not(.ctct-checkbox) { width: 100%; } /* TwentyFifteen */ .ctct-twentyfifteen .ctct-form-description ~ .ctct-button { display: inline-block; font-size: 1rem; margin-bottom: 25px; } .ctct-twentyfifteen .ctct-form-field input[type=tel] { padding: 0.5278em; width: 100%; } .ctct-twentyfifteen .ctct-form-wrapper .ctct-input-container label { font-size: 75%; } /* TwentySixteen */ .ctct-twentysixteen .ctct-form-description ~ .ctct-button { display: inline-block; margin-bottom: 25px; } .ctct-twentysixteen .ctct-form-wrapper span.ctct-label-right { width: 80%; } /* TwentySeventeen */ .ctct-twentyseventeen .ctct-form-description ~ .ctct-button { display: inline-block; margin-bottom: 25px; } .ctct-twentyseventeen .ctct-form-wrapper .ctct-input-container label { display: inline; } .ctct-twentyseventeen .ctct-form-wrapper span.ctct-label-right { width: 80%; } /* TwentyNineteen */ .ctct-twentynineteen .ctct-form-description ~ .ctct-button { margin-bottom: 25px; } .ctct-twentynineteen .ctct-address { margin-bottom: 1rem; } .ctct-twentynineteen .ctct-form-field input[type=text].ctct-label-top, .ctct-twentynineteen .ctct-form-field input[type=text].ctct-label-bottom, .ctct-twentynineteen .ctct-form-field input[type=email].ctct-label-top, .ctct-twentynineteen .ctct-form-field input[type=email].ctct-label-bottom, .ctct-twentynineteen .ctct-form-field input[type=url].ctct-label-top, .ctct-twentynineteen .ctct-form-field input[type=url].ctct-label-bottom, .ctct-twentynineteen .ctct-form-field input[type=tel].ctct-label-top, .ctct-twentynineteen .ctct-form-field input[type=tel].ctct-label-bottom { width: 100%; } @media screen and (max-width: 414px) { .ctct-twentynineteen .ctct-form-wrapper span.ctct-label-right { width: 80%; } } /* TwentyTwenty */ .ctct-twentytwenty .ctct-form-description ~ .ctct-button { margin-bottom: 25px; } .ctct-twentytwenty .ctct-form-wrapper .ctct-form abbr { font-size: 1.6rem; } .ctct-twentytwenty .ctct-form-wrapper .ctct-input-container label { font-size: 1.6rem; } /* TwentyTwentyOne */ .ctct-twentytwentyone .ctct-button { padding: 0 !important; } .ctct-twentytwentyone .ctct-form-field input[type=text], .ctct-twentytwentyone .ctct-form-field input[type=email], .ctct-twentytwentyone .ctct-form-field input[type=url], .ctct-twentytwentyone .ctct-form-field input[type=tel] { width: 100%; } .ctct-twentytwentyone .ctct-form-wrapper input.ctct-label-right[type=checkbox] { width: 25px; } /* Astra */ .ctct-astra .ctct-form-wrapper .ctct-button { margin-bottom: 15px; } .ctct-astra .ctct-form-wrapper fieldset { margin-bottom: 15px; } .ctct-astra .ctct-form-wrapper .ctct-checkbox.ctct-label-right { margin-right: 5px; } /* Avada */ .ctct-Avada .ctct-form-wrapper .ctct-checkbox { min-width: auto; } .ctct-Avada .ctct-form-wrapper .ctct-checkbox.ctct-label-right { margin-right: 5px; } .ctct-Avada .ctct-form-wrapper .ctct-form-field input[type=text], .ctct-Avada .ctct-form-wrapper .ctct-form-field input[type=email], .ctct-Avada .ctct-form-wrapper .ctct-form-field input[type=url], .ctct-Avada .ctct-form-wrapper .ctct-form-field input[type=tel] { width: 100%; } /* Hello Elementor and Hello Biz */ .ctct-hello-elementor .ctct-form-wrapper .ctct-button, .ctct-hello-biz .ctct-form-wrapper .ctct-button { display: inline-block; margin-bottom: 15px; } .ctct-hello-elementor .ctct-form-wrapper fieldset, .ctct-hello-biz .ctct-form-wrapper fieldset { margin-bottom: 15px; } .ctct-hello-elementor .ctct-form-wrapper .ctct-label-top label, .ctct-hello-biz .ctct-form-wrapper .ctct-label-top label { margin-bottom: 5px; } .ctct-hello-elementor .ctct-form-wrapper .ctct-checkbox.ctct-label-right, .ctct-hello-biz .ctct-form-wrapper .ctct-checkbox.ctct-label-right { margin-right: 5px; } /*# sourceMappingURL=style.css.map */ .ef_flashcard { float: left; margin: 10px; box-shadow:5px 5px 15px #ccc; position: relative; display:inline; transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -webkit-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transition: all ease 0.2s; -moz-transition: all ease 0.2s; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; -ms-transition: all ease 0.2s; } .ef_flashcard .ef_front_face { overflow: hidden; position: absolute; height:100%; width:100%; text-align: center; } .ef_flashcard .ef_back_face{ overflow: hidden; height:100%; width:100%; text-align: center; } .ef_text_front{ text-align:center; padding:25%; } .ef_flashcard .ef_back_face .ef_text_back{ text-align:center; padding:10%; } .ef_flashcard:hover { transform: perspective(400px) rotateY(180deg); -moz-transform: perspective(400px) rotateY(180deg); -webkit-transform: perspective(400px) rotateY(180deg); -o-transform: perspective(400px) rotateY(180deg); -ms-transform: perspective(400px) rotateY(180deg); } .ef_flashcard:hover .ef_back_face { transform: perspective(400px) rotateY(-180deg); -moz-transform: perspective(400px) rotateY(-180deg); -webkit-transform: perspective(400px) rotateY(-180deg); -o-transform: perspective(400px) rotateY(-180deg); -ms-transform: perspective(400px) rotateY(-180deg); }