/*
Theme Name:     Blissfull Theme
Theme URI:      https://demo.skyandstars.co/blissfull/
Template:       kadence
Author:         skyandstarsdesign@gmail.com
Author URI:     https://www.skyandstars.co/
Description:    Blissfull is a Kadence Child Theme for agency, creator, bloggers focusing on service website, especially with wellness niche. You can use the theme to promote your service, blog, and also selling your course using Woocommerce plugin. The Kadence framework is SEO optimized and mobile responsive.
Version:        1.2.1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/



@font-face {
    font-family: 'Butler Light';
    src: url('fonts/Butler-Light.woff2') format('woff2'),
        url('fonts/Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Butler Ultra Light';
    src: url('fonts/Butler-UltraLight.woff2') format('woff2'),
        url('fonts/Butler-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

.mc4wp-form-fields {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 10px;
    justify-content: space-between;
}
.mc4wp-form-fields label {
  display: none;
}
.mc4wp-form-fields input {
    width: 100%;
    height: 42px;
    line-height: 1em;
    text-align: center;
    border: 0;
    border-radius: 0;
}
.mc4wp-form-fields input[type=email] {
	text-align: center;
}
.mc4wp-form-fields p {
  margin: 10px auto;
  width: 100%;
}


.rotateA {
	transform: rotate(4deg);
}
.rotateB {
	transform: rotate(-2deg);
}
.mc4wp-form-fields {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 10px;
    justify-content: space-between;
}
.mc4wp-form-fields label {
  display: none;
}
.mc4wp-form-fields input {
    width: 100%;
    height: 42px;
    line-height: 1em;
    text-align: center;
    border: 0;
    border-radius: 0;
}
.mc4wp-form-fields input[type=email] {
	text-align: center;
}
.mc4wp-form-fields p {
  margin: 10px auto;
  width: 100%;
}

/* Contact image rotate */
.rotateA {
	transform: rotate(4deg);
}
.rotateB {
	transform: rotate(-2deg);
}