/* Customize Preview */
.customize-partial-edit-shortcut button,
.widget .customize-partial-edit-shortcut button {
    display: none;
}

.riode-tooltip {
    padding: 5px 10px;
    white-space: nowrap;
    border-radius: 12px;
    background-color: rgba(#0071a1, 0.7);
    color: #fff;
    font-size: font-size( 1.2rem );
    cursor: pointer;
    transition: background .3s;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);

    &:hover {
      background-color: #0071a1;
    }

    a::#{$before} {
      content: '\f303';
      margin-#{$right}: 8px;
      font-family: var(--fa-style-family-classic,"Font Awesome 6 Free");
      font-size: 11px;
      font-weight: 600;
    }
}

.riode-tooltip-initialized {
    &.riode-tooltip-active {
        outline: 2px dotted #007cba;
        outline-offset: 5px;
    }
}

.tooltip .riode-tooltip {
    font-weight: 600 !important;
    font-size: 14px;
    padding: 5px 20px !important;
    border-radius: 40px;
    cursor: auto;
    max-width: none;
}
.tooltip .riode-tooltip a::before {
    font-size: 14px;
}
.riode-tooltip-wrap.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-width: 6px 6px 0;
}

.comment-form-cookies-consent input[type="checkbox"] + label {
    line-height: 24px;

    &::before {
        transform: none;
        top: 2px;
    }
}

/* Contact Form 7 */
.wpcf7-form {
    position: relative;
    margin-bottom: 2rem;

    .ajax-loader {
        display: none !important;
        background: none;
    }

    .wpcf7-response-output {
        margin: 10px 0 0;
        padding: 5px 10px;
        border: 2px solid #dc3232;
        font-size: font-size( 1.4rem );
    }

    .wpcf7-form-control-wrap span {
        margin-top: 10px;
    }

    > p {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 0;
        font-size: font-size( 1.4rem );
    }

    .wpcf7-form-control-wrap {
        flex: 1;
    }

    .wpcf7-form-control {
        height: 46px;
        font-size: inherit;
    }

    input {
        background: #fff;
    }

    span .wpcf7-form-control {
        width: 100%;
        padding: 1rem 1.5rem;
    }

    .btn {
        padding: 0 2rem;
    }

    textarea, textarea::placeholder, input, input::placeholder {
        color: #999;
    }

    input.wpcf7-form-control {
        &::placeholder {
            color: inherit;
            transition: color .3s;
        }
        &::-webkit-input-placeholder {
            color: inherit;
            transition: color .3s;
        }
        &::-moz-placeholder {
            color: inherit;
            transition: color .3s;
        }
        &:focus::placeholder {
            color: transparent;
        }
        &:focus::-webkit-input-placeholder {
            color: transparent;
        }
        &:focus::-moz-placeholder {
            color: transparent;
        }
    }

    span textarea {
        min-height: 10rem;
        border: none;
    }
}


/* Sidebar Widget */
.widget-block .riode-block {
    text-align: initial;
}
.widget_media_gallery {
    .gallery {
        display: flex;
        flex-wrap: wrap;

        margin: calc( -1 * var(--rio-gutter-sm));
    }
    
    figure {
        width: 100%;
        padding: var(--rio-gutter-sm);
    }
}
@for $i from 1 through 8 {
    .gallery-columns-#{$i} > * { max-width: #{ round( 100% / $i * 10000 ) / 10000 }; flex: 0 0 #{ round( 100% / $i * 10000 ) / 10000 }; }
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/**
 * Riode Mini Logo
 */
div.dashicons-riode-logo:before,
span.dashicons-riode-logo:before,
.riode-mini-logo:before {
    content: '';
    display: block;
    box-shadow: -2px 2px 0 4px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
}
div.dashicons-riode-logo:before,
span.dashicons-riode-logo:before {
    @include if-ltr {
        margin-left: 50%;
    }
    @include if-rtl {
        margin-right: calc(50% - 5px);
    }
    margin-top: 14px;
    padding: 0;
}
#wp-admin-bar-riode .dashicons-riode-logo:before {
    margin: 50% 4px 0 10px;
}
#wp-admin-bar-riode .ab-icon.dashicons-admin-network {
    margin-top: 3px;
}

/**
 * WP Captcha Plugin Styles
 * 
 */
.anr_captcha_field {
    margin-bottom: 2rem;
}