/* Hide the checkbox */
.toggle-tab {
    display: none;
}

/* Base styles for the wrapper */
.side-tab-wrapper {
    position: fixed;
    width: 300px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all 1s ease-in-out;
    z-index: 9999;
    min-height: 43px;
}

/* Positioning for content */
.content-left {
    left: 0;
	top:50%;
    transform: translateX(-100%) translateY(-50%);
}

.content-right {
    right: 0;
	top:50%;
    transform: translateX(100%) translateY(-50%);
}

.content-top {
    top: 0;
	left:50%;
    transform: translateY(-100%) translateX(-50%);
}

.content-bottom {
    bottom: 0;
	left:50%;
    transform: translateY(100%) translateX(-50%);
}

/* Positioning for tabs */
.tab-left {
    position: absolute;
    left: 100%;
    top: 0;
}

.tab-right {
    position: absolute;
    right: 100%;
    top: 0;
}

.tab-top {
    position: absolute;
    top: 100%;
    left: 0;
}

.tab-bottom {
    position: absolute;
    bottom: 100%;
    left: 0%;
}

/* Style the tab */
.side-tab {
    cursor: pointer;
    padding: 10px;
    text-align: center;
    position: absolute;
}

/* Hide the close text initially */
.close-text {
    display: none;
}

.wrap-text {
    white-space: normal;
}

.nowrap-text {
    white-space: nowrap;
}

/* Toggle the side tab when the checkbox is checked */
.toggle-tab:checked + .side-tab-wrapper.content-left {
    transform: translateX(0) translateY(-50%);
}

.toggle-tab:checked + .side-tab-wrapper.content-right {
    transform: translateX(0) translateY(-50%);
}

.toggle-tab:checked + .side-tab-wrapper.content-top {
    transform: translateY(0) translateX(-50%);
}

.toggle-tab:checked + .side-tab-wrapper.content-bottom {
    transform: translateY(0) translateX(-50%);
}

/* Change the tab text when open */
.toggle-tab:checked + .side-tab-wrapper .tab-text {
    display: none;
}

.toggle-tab:checked + .side-tab-wrapper .close-text {
    display: inline;
}

#edit-mode-wrapper{position:relative!important;z-index:0!important;left:-300px;}

.ccm-block-edit[data-block-type-handle="slide_in_tab"]	{width:50%; float:right; z-index:0;}

#block-name{text-align:center;}

/* Express Form element styles */
.ccm-page .side-tab-wrapper fieldset{border-radius:0;border:none;margin-bottom:0px;padding:10px 10px 0 10px}

.side-tab-wrapper button[type="submit"]{padding:5px;margin-left:auto;margin-top:0; margin-bottom:10px;}

.side-tab-wrapper .grecaptcha-badge{display:none}

.side-tab-wrapper .form-label{color:#333;}

.side-tab-wrapper .alert{border-radius:0;}

@media only screen and (max-width:992px){
.side-tab-wrapper{display:none}
}

/* External Form element styles */

.form-group {
    margin-bottom: 15px;
    position: relative;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 20px; /* Adjust for label position */
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #aaa;
    font-size: 16px;
}

button[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    border: none;
    border-radius: 25px; 
    color: white;
    cursor: pointer;
}

button[type="submit"]:hover {
    background-image: linear-gradient(rgb(0 0 0/40%) 0 0);
}