/**
 * public-facing css
 */

 /* WP ADMIN BAR */
 #wpadminbar, #adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap, #wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { background-color: #4885B1 !important; }
 #adminmenu li.menu-top:hover, #adminmenu li.opensub>a.menu-top, #adminmenu li>a.menu-top:focus, #wpadminbar .ab-top-menu>li.hover>.ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus { background-color: #ffffff !important; }
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after, #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after { border-right-color: #4885B1 !important;}
 .custom-foreup-logo > a > img { height: 25px !important; }
 #wp-admin-bar-tribe-events {
   display: none;
 }
 a.edit-post-fullscreen-mode-close,
 div.edit-site-site-icon {
   background-color: #4885B1 !important;
   background-image: url(../png/foreup-logo-02.png) !important;
   background-size: 30px 25px!important;
   background-repeat: no-repeat!important;
   background-position: center!important;
 }
 a.components-button.edit-post-fullscreen-mode-close::before,
 .edit-post-fullscreen-mode-close > svg,
 div.edit-site-site-icon > svg {
   display: none!important;
 }
/* 1-2-1 CUSTOM */
.oto-mini-link,
p.oto-mini-link > a, p.oto-mini-link > a:hover, p.oto-mini-link > a:visited,
a.oto-mini-link, a.oto-mini-link:hover, a.oto-mini-link:visited {
  text-decoration: none !important;
  font-size: 13px !important;
}
a.oto-mini-link > span, a.oto-mini-link:hover > span, a.oto-mini-link:visited > span {
  margin-top: 3px;
}
.oto-mini-link.add-margin-left {
  margin-left: 25px;
  margin-bottom: 25px;
}
.oto-data-button {
}
.postbox-header.oto {
  background-color: #ECECEC;
  cursor: pointer;
  cursor: hand;
}
/* Toggle Button */
div.oto-toggle-btn-container{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
div.oto-toggle-btn-container i{
  display: inline-block;
  position: relative;
  top: -9px;
}
label.oto-toggle-btn-switch {
  font-size: 13px;
  color: #424242;
  font-weight: 500;
}
.oto-toggle-btn-switch{
  display: inline-block;
  margin: 0px;
  position: relative;
}
.oto-toggle-btn-switch > label.oto-toggle-btn-switch-inner{
  margin: 0px;
  width: 200px;
  height: 30px;
  background: #E0E0E0;
  border-radius: 26px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
  display: block;
}
.oto-toggle-btn-switch > label.oto-toggle-btn-switch-inner:before{
  content: attr(data-on);
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  top: 7px;
  right: 20px;

}
.oto-toggle-btn-switch > label.oto-toggle-btn-switch-inner:after{
  content: attr(data-off);
  width: 100px;
  height: 16px;
  background: #4885B1;
  color: #fff;
  border-radius: 26px;
  position: absolute;
  left: 2px;
  top: 2px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 6px -2px #111;
  padding: 5px 0px;
}
.oto-toggle-btn-switch > .alert{
  display: none;
  background: #FF9800;
  border: none;
  color: #fff;
}
.oto-toggle-btn-switch input[type="checkbox"]{
  cursor: pointer;
  width: 50px;
  height: 25px;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 0px;
}
.oto-toggle-btn-switch input[type="checkbox"]:checked + label.oto-toggle-btn-switch-inner{
  background: #E0E0E0;
  color: #424242;
}
.oto-toggle-btn-switch input[type="checkbox"]:checked + label.oto-toggle-btn-switch-inner:after{
  content: attr(data-on);
  left: 98px;
  background: #4885B1;
  color: #fff;
}
.oto-toggle-btn-switch input[type="checkbox"]:checked + label.oto-toggle-btn-switch-inner:before{
  content: attr(data-off);
  right: auto;
  left: 30px;
}
.oto-toggle-btn-switch input[type="checkbox"]:checked + label.oto-toggle-btn-switch-inner{
  /*background: #66BB6A; */
  /*color: #fff;*/
}
.oto-toggle-btn-switch input[type="checkbox"]:checked ~ .alert{
  display: block;
}
img.oto-featured-image {
  width: 100%;
  height: 100%;
  display: block;
  padding-bottom: 32px;
}
/* iframes */
iframe.fullframe {
  aspect-ratio: 16/9;
  border: none;
  padding: 0;
  border: none;
}
iframe.oto-foreup-sales-item {
  aspect-ratio: 16/9;
  width: 100%;
  border: none;
  padding: 0;
  min-height: 600px;
}
iframe.specials-iframe,
iframe.booking-iframe {
  width: 100%;
  height: 900px;
  border: none;
  padding: 0;
}