/*
Theme Name: Hello Child Theme
Theme URI:  https://elementor.com/products/hello-theme/?utm_source=google&#038;utm_medium=cpc&#038;utm_campaign=21414988466&#038;utm_term=&#038;lang=&#038;gad_source=1&#038;gclid=CjwKCAiAhP67BhAVEiwA2E_9g6NVVMecMS5fJHHDw2VtM7i9JgHnwUq6USXl1yfArF9reWpoHwpIqBoC0GEQAvD_BwE
Author:     Elementor
Author URI: https://www.elementor.com
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* CUSTOM STYLES - DF - 04-2025 ------------------------------------------------ */

html {
  overflow-y: scroll;
}

a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

}

a:hover {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}


/* CUSTOM BUTTON HOME - DF ------------------------------------------------ */

.btn-home a {
	position: relative;
	display: block !important;
	background-color: transparent;
	color: #000000;
    font-family: "Open Sans", Sans-serif;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 2.1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 12px 25px 12px 0px !important;
	z-index: 1;
}

.btn-home.btn-lite a {
	color: #ffffff !important;
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.btn-home.btn-lite a:hover {
	color: #ffffff !important;
	border-top: 1px solid rgba(255, 255, 255, 0.0) !important;
}

.btn-home a:hover{
	padding-left: 10px !important;
	color: #000000;
	border-top: 1px solid rgba(0, 0, 0, 0.0);
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.btn-home a:before {
	content: '';
	position: absolute;
	width: 20%;
	height: 1px;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.btn-home a:hover:before {
	content: '';
	width: 80%;
	background-color: rgba(0, 0, 0, 1);
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.btn-home a:after {
	content: '';
	position: absolute;
	width: 10%;
	height: 4px;
	top: 1px;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.btn-home a:hover:after {
	content: '';
	width: 50%;
	background-color: rgba(0, 0, 0, 1);
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

/* CUSTOM COLOR ABOUT - DF ------------------------------------------------ */
.habout .btn-home a:before {
	background-color: rgba(167, 102, 107, 0);
}

.habout .btn-home a:hover:before {
	background-color: rgba(167, 102, 107, 1);
}

.habout .btn-home a:after {
	background-color: rgba(167, 102, 107, 0);
}

.habout .btn-home a:hover:after {
	background-color: rgba(167, 102, 107, 1);
}

/* CUSTOM COLOR MUSIC - DF ------------------------------------------------ */
.hmusic .btn-home a:before {
	background-color: rgba(232, 188, 209, 0);
}

.hmusic .btn-home a:hover:before {
	background-color: rgba(232, 188, 209, 1);
}

.hmusic .btn-home a:after {
	background-color: rgba(232, 188, 209, 0);
}

.hmusic .btn-home a:hover:after {
	background-color: rgba(232, 188, 209, 1);
}

/* CUSTOM COLOR POETRY - DF ------------------------------------------------ */
.hpoetry .btn-home a:before {
	background-color: rgba(254, 129, 89, 0);
}

.hpoetry .btn-home a:hover:before {
	background-color: rgba(254, 129, 89, 1);
}

.hpoetry .btn-home a:after {
	background-color: rgba(254, 129, 89, 0);
}

.hpoetry .btn-home a:hover:after {
	background-color: rgba(254, 129, 89, 1);
}


/* Move Elementor form success message to the top */
.elementor-form {
  display: flex;
  flex-direction: column;
}

.elementor-form .elementor-message {
	order: -1;            /* pushes message above fields */
	margin-bottom: 24px;  /* space between message and form */
	font-size: 22px;
	line-height: 29px;
    font-family: "Open Sans", Sans-serif;
    font-style: normal;
    font-weight: 600;
}


.elementor-message-svg:before {
    display: none !important;
	height: 0 !important;
	width: 0 !important;
}

.elementor-message:before {
    content: "";
    display: inline-block;
    font-family: "Open Sans", Sans-serif;
    font-style: normal;
	font-size: 22px;
    font-weight: 600;
    margin-inline-end: -17px !important;
    vertical-align: middle;
}








