/*
Base styles for the WPMEETINGS plugin, this only sets up the structure.
Add all design elements via your theme's CSS files.
*/


.meeting-container{ }

/* Find A Meeting Styles */
#find-a-meeting-container .header-container .header-content .timezone-content{

}
#find-a-meeting-container .header-container .header-content .timezone-content .timezone-name{
    font-weight: bold;
}
select#city{ display: block; }
#find-a-meeting-container .searchresultstable .odd,
#find-a-meeting-container .searchresultstable .even{ background: none; border: 0 none; word-wrap: break-word; }
#find-a-meeting-container .searchresultstable tr.odd{

    /*display: block;*/
}
#find-a-meeting-container .searchresultstable { table-layout: fixed; }
/* Meeting Form Styles */
.tab_content input[type="text"], #wpmeeting-form input[type="text"],#wpmeeting-form textarea {

}
#wpmeeting-form input[type="radio"] {
}

#find-a-meeting-container input[type="text"],
#find-a-meeting-container input[type="tel"],
#find-a-meeting-container input[type="email"],
#find-a-meeting-container select,
#find-a-meeting-container textarea {

}
#wpmeeting-form select[multiple=multiple] {
    height:200px;
}
#wpmeeting-form input[type="text"], #wpmeeting-form select, #wpmeeting-form button, #wpmeeting-form input[type="submit"], #wpmeeting-form textarea {

}
.tab_content input[type="text"]:focus, #wpmeeting-form input[type="text"]:focus {

}
.tab_content select, #wpmeeting-form select {

}
.tab_content input[type="submit"], .tab_content button, #wpmeeting-form button, #wpmeeting-form input[type="submit"] {

}
#wpmeeting-form .required{  }
#wpmeeting-form  fieldset {  }
#wpmeeting-form  fieldset legend {

}
.ui-datepicker .ui-datepicker-header, .ui-datepicker table { display: block; }
#ui-datepicker-div{ display: none; }
.ui-datepicker { width: initial !important; }
.datepicker .datepicker-days{ display: block;}

[dir=rtl] .datepicker-dropdown {max-width: 400px;}
[dir=rtl] .datepicker {float: right}
[dir=rtl] .datepicker.dropdown-menu {right:auto}

.find-a-meeting-form--search-fields { margin-bottom: 10px; }
.find-a-meeting-form--search-fields.options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.find-a-meeting-form--search-fields .service-bodies {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 2rem;
}
.find-a-meeting-form--search-fields .service-bodies label {
    width: 100%;
}
.find-a-meeting-form--search-fields.options .moreoptions-option {
    width: 48%;
}
.findameeting-submit {
    margin-top: 20px;
}

.find-a-meeting-form .wpmeeting-hidden { display: none; }

#fam-timezone-detection .modal-header{
    border-bottom: none;
}
#fam-timezone-detection .modal-body .fam-select{
    margin: 1em;
}
#fam-timezone-detection .modal-body .btn{
    margin-top: 1em;
}
#fam-timezone-detection .modal-body p{
    font-weight: bold;
    font-size: 1.2rem;
}
#fam-timezone-detection .modal-footer{
    justify-content: center;
    border-top: none;
}

#wpmeeting-details-contact-timezone-modal-div-hidden{
    display: none;
}

.advanced.search { display: block; }
.advanced.search span.button {
    display: block;
}
.advanced.search .moreoptions-option {
    margin-bottom: 20px;
}
.advanced.search .select2-container--default .select2-selection--multiple {
    border: #FFFFFF solid 2px;
    min-height: 50px;
}
.advanced.search .select2-selection--multiple .select2-search__field{
    width:100%!important;
    margin-top: 12px;
}
.advanced.search .select2-search__field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
    opacity: 1; /* Firefox */
}

.advanced.search .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}

.advanced.search .select2-search__field::-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}

.cancel-button {

}
.find-a-meeting-container {
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 5px;

}

.results-tools {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.results-print-button {
    margin-inline-end: 2rem;
}

.results-print-button, .results-excel-button, .results-back-button{
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    text-decoration: underline;
    transition: opacity 0.3s ease;
}
.results-print-button::before, .results-excel-button::before, .results-back-button::before {
    content: "";
    width: 1.333rem;
    height: 1.333rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}
.results-print-button::before {
    -webkit-mask-image: url('../img/print-icon.svg');
    mask-image: url('../img/print-icon.svg');
}
.results-excel-button::before {
    -webkit-mask-image: url('../img/excel-icon.svg');
    mask-image: url('../img/excel-icon.svg');
}
.results-back-button::before {
    -webkit-mask-image: url('../img/binoculars-icon.svg');
    mask-image: url('../img/binoculars-icon.svg');
}

.meeting-search-results-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.meeting-search-results-list .row {
    border-radius: 5px;
    background-color: #fff;
    padding: 1rem;
    display: grid;
    grid-template-columns: 0.3fr 2fr 1fr 1fr;
    gap: 1rem;
    align-items: start;
}
@media screen and (max-width: 782px){
    .meeting-search-results-list .row {
        grid-template-columns: auto;
    }
}
.meeting-search-results-list .row  .meeting--counter {
   font-size: clamp(1rem, 2vw, 3rem);
    margin-bottom: 0.5rem;  
}

.meeting-search-results-list .row  .meeting--content p:first-child {
    margin-top: 0;
} 

.pagination-top {
    margin-bottom: 2rem;
}
.find-a-meeting-form--header h3 {
    margin: 0;
}
#find-a-meeting-container .find-a-meeting-results{
    margin-top: 2rem;
}
#find-a-meeting-container .alert-danger{
    display: none;
    color: #721c24
}
.results-header {
    padding-top:20px;
    padding-bottom: 20px;
}
.results-header .sort{
    text-align: right;
}
[dir=rtl] .results-header .sort {
    text-align: left;
}
.results_table_url_hidden td { text-align: left; }
.meeting-url { width: 100%; }

.empty { }
.edit-link, cancel-link, .open-detail { display: block; padding: 10px 0; }
.red {

}
span.prepend-input {

}
#results .clear-btn.edit-link, #results .clear-btn.cancel-link {
    display: none;
}
#error_return p {

}

table.print-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
    table-layout: fixed;
}

table.print-table th,
table.print-table td {
    vertical-align: top;
    border: 1px solid black;
    padding: 5px;
    overflow-wrap: break-word;
}
table.print-table th {
    font-weight: bold;
}

/* END Find A Meeting Styles */
/* Add/edit/cancel meeting styles */
.review-panel {
    display: none;
}
.second-step-buttons{
    display: none;
}
/* Setup override for International Telephone Input js  */
.iti__flag {background-image: url("img/flags.png");}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {background-image: url("img/flags@2x.png");}
}
/* END Add/edit/cancel meeting styles */

/* loading div */
#fountainG {
    width: 100%;
    height: 80px;
    margin: 3rem auto;
    text-align: center;
}
#fountainG:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px auto;
    border-radius: 50%;
    border: 6px solid black;
    border-color: black transparent black transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.fam-notes{
    margin-top:20px;
}