/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.wpcf7 form.sent .wpcf7-response-output {
	color: #46b450;
}

.page-id-1715 .wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
	color: #dc3232;
}

h2.look {
	font-family: "Dancing Script", sans-serif;
	font-size: 90px;
text-shadow: 2px 2px 8px #CE213C;
}
h2.promoheading {
	font-size: 140px;
margin-top:0;
	margin-bottom: 0;

	font-size: 110px;
}

h1.uppercase {
	    text-shadow: 4px 4px 5.67px rgba(120, 72, 156, 0.75);
}

h3.promoheadinsm {
	font-size: 50px;
}
a.promolink {
	transition: 0.4s ease-in-out;
color: #fc008d;
}

a.promolink:hover {
color: #1d9ee1;
}

.button.alert.promobtn {
	transition: 0.4s ease-in-out;
background-color: #a400e2;
}

a.homebuttonseiko {
padding: 5px 23px;
border: 2px solid #ffffff;
border-radius: 25px;
color: #ffffff !important;
text-transform: uppercase;
font-weight: 700;
	transition: 0.3s ease-in-out;
}

a.homebuttonseiko:hover {
	border: 2px solid #ec796f;
	background: #ec796f;
	color: #ffffff !important;
}

a.homebutton {
padding: 5px 23px;
border: 2px solid #f26e22;
border-radius: 25px;
color: #f26e22 !important;
text-transform: uppercase;
font-weight: 700;
	transition: 0.3s ease-in-out;
}

a.homebutton:hover {
	border: 2px solid #f26e22;
	background: #f26e22;
	color: #ffffff !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.suncomp .wpcf7 input {
		font-size: 18px;
	}
	.suncomp .wpcf7-list-item-label {
		font-size: 18px;
	}
	
h2.look {
	font-family: "Dancing Script", sans-serif;
	font-size: 44px;
text-shadow: 2px 2px 8px #CE213C;
}
h2.promoheading {
	font-size: 32px;
}

h3.promoheadinsm {
	font-size: 25px;
}

.button.alert.promobtn {
	background-color: #b82a2c;
}
.promoimg .bg.bg-loaded {
	background-position-x: -260px;
}
	.bogofbanner .bg.bg-loaded {
    left: -60%;
    top: 4%;
}


	}
	
}