/*
Theme Name: WordPress Theme for TVU Networks
Theme URI: https://www.tvunetworks.com
Author: TVUnetworks
Author URI: https://www.tvunetworks.com
Description: Base theme for TVUnetworks
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tvunetworks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.custome-dialog {
    max-width: 322px;
    right: 10px;
    bottom: 5px;
    position: fixed;
    background: #ffffff;
    border: 1px solid #e2dcdc;
    border-radius: 10px;
    z-index: 11;
}

.custome-dialog .modal-body {
    padding: 0;
}

.custome-dialog .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
}

.custome-dialog .close:after, .custome-dialog .close:before {
    width: 13px;
    background-color: #fff;
}

.custome-dialog .close {
    position: relative;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    background: black;
    color: #fff;
    opacity: 9;
    border-radius: 50%;
}

.custome-dialog h2 {
    font-size: 18px;
    margin: 0px;
}

.custome-dialog h2 span {
    color: #000;
    font-weight: bold;
}

.custome-dialog .modal-footer {
    display: block;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    margin: 0;
    color: #000;
}

.custome-dialog .modal-footer a {
    font-weight: bold;
    color: #70b858;
}

.custome-dialog video {
    object-fit: cover;
}

.modal-custome {
    right: 0 !important;
    bottom: 0 !important;
    width: 322px;
    z-index: 9;
    position: fixed

}


.pure-css-bootstrap-modal {
    position: absolute; /* Don't take any space. */
}

.pure-css-bootstrap-modal label.close {
    /* Reset */
    padding: 0;
    margin: 0;
}

#modal-switch {
    display: none;
}

/* MODAL */
.modal {
    display: none;
}

#modal-switch:not(:checked) ~ .modal {
    /*
    In Bootstrap Model is hidden by `display: none`.
    Unfortunately I couldn't get this option to work with css transitions
    (they are disabled when `display: none` is present).
    We need other way to hide the modal, e.g. with `max-width`.
    */
    max-width: 0;
}

#modal-switch:checked ~ .fade,
#modal-switch:checked ~ .modal .fade {
    opacity: 1;
}

/* BACKDROP */
.modal-backdrop {
    margin: 0;
}

#modal-switch:not(:checked) ~ .modal .modal-backdrop {
    display: none;
}

#modal-switch:checked ~ .modal .modal-backdrop {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/* DIALOG */
#modal-switch ~ .modal .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50%);
}

#modal-switch:checked ~ .modal .modal-dialog {
    transform: translate(0, 10%);
    z-index: 1050;
}


#hubspot-messages-iframe-container.widget-align-right {
    right: 0 !important;
    z-index: 1;
}