/*
Theme Name:   hotbytes
Description:  Elementor Child Theme
Author:       Aya Farooq
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hotbyteschild
*/


/* Buttons arrowhead icon */

.arrow-button-dark span.elementor-button-text:after,
.arrow-button-red span.elementor-button-text:after,
.arrow-button-red-location span.elementor-button-text:after {
    border-top: 1px solid white;
    border-right: 1px solid white;
}

.arrow-button-dark span.elementor-button-text:after,
.arrow-button-red span.elementor-button-text:after,
.arrow-button-light span.elementor-button-text:after,
.arrow-button-light-location span.elementor-button-text:after,
.arrow-button-red-location span.elementor-button-text:after {
    content: '';
    position: absolute;
    top: 48%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 8px;
    height: 8px;
}

.arrow-button-light-location span.elementor-button-text:after,
.arrow-button-light span.elementor-button-text:after {
    border-top: 1px solid #333333!important;
    border-right: 1px solid #333333!important;
}

.arrow-button-dark span.elementor-button-text:after {
    left: 93.4%;
}

.arrow-button-red span.elementor-button-text:after {
    left: 89.4%;
}

.arrow-button-light span.elementor-button-text:after {
    left: 91.4%;
}

.arrow-button-red-location span.elementor-button-text:after {
    left: 77%;
    top: 22%;
}

.arrow-button-light-location span.elementor-button-text:after {
    left: 81%;
    top: 43%;
}

.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}

.elementor-button-icon.elementor-align-icon-right {
	position: relative;
}


@keyframes move-arrow {
	from {left: 0;}
	to {left: 15px;}
}

@keyframes move-arrow-back {
	from {left: 15px;}
	to {left: 0;}
}

.elementor-button-icon.elementor-align-icon-right .arrowHover {
	position: absolute;
	bottom: -7px;
	left: 0;
	transition: all 0.2s ease-out;
	animation: move-arrow 0.4s ease-out;
}

.elementor-button-icon.elementor-align-icon-right svg {
	position: absolute;
	bottom: -7px;
	left: 0;
	transition: all 0.2s ease-out;
	animation: move-arrow-back 0.4s ease-out;
}


/* Kontakt Form */


/* Basic styles */
.elementor-field-subgroup input[type="checkbox"],
.elementor-field-subgroup input[type="radio"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.elementor-field-subgroup label {
	position: relative;
	display: inline-block;
	line-height: 1.5em;
	padding: 0 0 0 2em;
	cursor: pointer;
}
.elementor-field-subgroup label::before,
.elementor-field-subgroup label::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
}

.elementor-field-subgroup label::before {
	content: " ";
	border: none;
	background-color: #ECECEC;
}

.elementor-field-subgroup label:hover:before{
	border: 1px solid #333333;
}

/* Checkbox */
input[type="checkbox"] + label::after {
	content: "\2714";
	color: #2c3e50;
	line-height: 1.5;
	text-align: center;
}
/* Radio */
.elementor-field-subgroup input[type="radio"] + label::before {
	border-radius: 50%;
}
.elementor-field-subgroup input[type=radio] + label::after {
	content: "";
	width: 22px;
	height: 22px;
	background: #333333;
	border: 2px solid #ECECEC;
	border-radius: 50%;
}
/* :checked */
input[type="checkbox"]:checked + label::before,
.elementor-field-subgroup input[type="radio"]:checked + label::before {
	background: #ECECEC;
	border-color: #ECECEC;
}
input[type="checkbox"] + label::after,
.elementor-field-subgroup input[type=radio] + label::after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
input[type="checkbox"]:checked + label::after,
.elementor-field-subgroup input[type=radio]:checked + label::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* Transition */
.elementor-field-subgroup label::before,
.elementor-field-subgroup label::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.elementor-95 .elementor-element.elementor-element-0d056c1 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper):hover {
	border-bottom: 1px solid #333333;
}

.elementor-field-group .elementor-field-textual:focus {
	box-shadow: none;
}

.dialog-lightbox-message::before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -14px;
	left: 215px;
	border-top: 0 solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 14px solid #333333;
	border-left: 6px solid transparent;
	z-index: 10;
}

:focus-visible {
	outline: unset;
}



/* Responsive */

@media screen and (max-width: 375px){
    .arrow-button-light-location span.elementor-button-text:after {
        left: 88%;
        width: 6px;
        height: 6px;
    }
    .arrow-button-light span.elementor-button-text:after {
        left: 94.4%;
        top: 53%;
    }
}

@media screen and (max-width: 767px) {
    .arrow-button-red-location span.elementor-button-text:after {
        left: 90%;
    }
}