/*
Theme Name: Centerview Partners Healthcare Retreat
Author: Tom Frank
Author URI: http://igx.mdt.mybluehost.me
Description: A Custom WordPress Theme built for Centerview Partners Healthcare Retreat
Version: 1.0.1
Template: hello-elementor
Text Domain: centerview-healthcare-retreat
*/

.btn-menu-register, .btn-menu-login, .btn-menu-logout { background-color: #131C4D; padding: 15px 10px !important; border-radius: 30px; }
.btn-menu-login, .btn-menu-logout { margin-left: 10px !important; }
.btn-menu-register > a, .btn-menu-login > a, .btn-menu-logout > a {  color: #fff !important; }
.btn-menu-login > a, .btn-menu-logout > a { margin-right: 26px !important; }

body.logged-in .btn-menu-login { display: none !important; }
body:not(.logged-in) .btn-menu-register, body:not(.logged-in) .btn-menu-logout { display: none !important; }

.events-date-outer { margin-bottom: 50px; }
.events-date-outer h2 { margin-bottom: 30px; }
.event-outer { padding: 10px 20px; }
.events-date-outer > .event-outer:nth-child(odd) { background-color: rgba( 255, 255, 255, 1 ); }
.events-date-outer > .event-outer:nth-child(even) { background-color: rgba( 255, 255, 255, 1 ); }

.event-outer .left { width: 33%; display: inline-block; vertical-align: top; }
.event-outer .right { width: 65%; margin-left: 2%; display: inline-block; vertical-align: top; }

.event-outer .success { color: darkgreen; font-weight: bold; }
.event-outer .error { color: maroon; font-weight: bold; }

.event-booking-form label { color: #000; }
.btn-event-register, .btn-event-register-form, .btn-event-unregister, .btn-event-waitlist-register { 
    background-color: #131C4D !important; 
    text-align: center !important; max-width: 100px !important; 
    color: #fff !important; padding: 3px 3px 5px !important; 
    border-radius: 5px !important; margin-top: 5px !important; 
    margin-bottom: 5px !important; cursor: pointer !important;
}
.btn-event-unregister { background-color: darkgreen !important; max-width: 120px !important; padding: 3px 10px 5px !important; }
.btn-event-register-form { font-family: inherit !important; border: none !important; padding: 5px 15px !important; }
.btn-event-register:hover, .btn-event-register-form:hover { background-color: rgba( 19, 28, 77, 0.5 ) !important; }
.btn-event-waitlist-register { background-color: maroon !important; color: #fff !important; max-width: 160px !important; }
.btn-event-waitlist-register:hover { opacity: 0.8 !important; }

.form-event-timezone-picker { margin-bottom: 20px; margin-top: 20px; display: flex; align-items: center; }
.form-event-timezone-picker label { margin-right: 10px; }
.form-event-timezone-picker .event-timezone-picker { max-width: 240px; }

.registrants-buttons { display: flex; align-items: center; }

#seating-map {
  width: 600px;
  height: 400px;
  border: 1px solid #ccc;
  position: relative;
}

.seat {
  width: 50px;
  height: 50px;
  background-color: #eaeaea;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  position: absolute;
}


/* Styles - Only for Tablet Screens */

@media screen and ( min-width: 768px ) and ( max-width: 1024px ) {
    .btn-menu-login > a, .btn-menu-logout > a { margin-right: 15px !important; }
}

/* Styles - Only for Mobile Screens */

@media screen and ( max-width: 767px ) {
    .btn-menu-register { border-bottom: 1px solid #fff !important; }
    .btn-menu-register, .btn-menu-login, .btn-menu-logout { padding: inherit !important; border-radius: 0; }
    .btn-menu-login, .btn-menu-logout { margin-left: 0 !important; }
    .btn-menu-login > a, .btn-menu-logout > a { margin-right: inherit !important; }
    .event-outer .left, .event-outer .right { width: 100%; display: block; margin-left: 0;  }
}