/**
 * 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(/wp-content/plugins/foreup-wordpress-plugin/images/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;
}
.edit-site-site-icon__image {
  display: none;
}
/* SIDEBAR */
.dashicons-icon-foreup {
  background-image: url(/wp-content/plugins/foreup-wordpress-plugin/images/foreup-logo-04.png);
  background-repeat: no-repeat!important;
  background-position: center!important;
}
.dashicons-icon-foreup:hover, .dashicons-icon-foreup[aria-expanded=true] {
  color: var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));
  background-image: url(/wp-content/plugins/foreup-wordpress-plugin/images/foreup-logo-05.png);
}
.foreup-sidebar-content {
  padding: 16px;
}
.foreup-settings-sidebar-option {
  max-width: 100% !important;
  margin-bottom: 1.5em;
}
/* DASHICONS STUFF */
.dashicons.red {
  color: #CE0D0D;
}
/* CAMPAIGNPILOT */
.oto-campaignpilot-wrap {
  margin-top: 0px;
  margin-left: -36px;
}
#campaignpilot-iframe-container {
  height: calc(100vh - 32px);
  width: calc(100% + 17px);
  overflow: hidden;
}
#campaignpilot-iframe {
  width: 100%;
  height: 100%;
  border: none;
}
/* WPFORMS */
#adminmenu #toplevel_page_wpforms-overview div.wp-menu-image::before {
  content: '\f175';
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 16px/1 'dashicons';
  vertical-align: top;
}
#adminmenu #toplevel_page_wpforms-overview div.wp-menu-image {
  background: none !important;
}
.wpforms-btn-orange {
  background-color: #4885B1 !important;
  border-color: #4885B1 !important;
}
#wpforms-builder-form > div.wpforms-toolbar > div.wpforms-left > img {
  display: none!important;
}
#wpforms-builder-form > div.wpforms-toolbar > div.wpforms-left {
  background: #2D2D2D;
  border-color: #2D2D2D;
}
.wpforms-panels-toggle button.active, .wpforms-panels-toggle button.active:hover {
  background-color: #4885B1 !important;
}
.wpforms-builder-overlay-content {
  display: none!important;
}
.wpforms-panel-providers-button {
  display: none!important;
}
/* WPEVENTS */
#menu-posts-tribe_events > a > div.wp-menu-image.svg::before {
  content: '\f508';
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 16px/1 'dashicons';
  vertical-align: top;
}
#menu-posts-tribe_events > a > div.wp-menu-image.svg {
  background-size: 0px!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-somini-link,
p.oto-somini-link > a, p.oto-somini-link > a:hover, p.oto-somini-link > a:visited,
a.oto-somini-link, a.oto-somini-link:hover, a.oto-somini-link:visited {
  text-decoration: none !important;
  font-size: 10px !important;
}
.oto-data-button {
}
.oto-logarea {
  width: 100%;
  height: 400px;
}
.postbox-header.oto {
  background-color: #ECECEC;
  cursor: pointer;
  cursor: hand;
}
.oto-help-box {
  border: none!important;
  box-shadow: none!important;
  background: none!important;
}
.oto-help-box-header {
  width: 220px!important;
  border: none!important;
  background: none!important;
  font-weight: 600;
  font-size: 14px!important;
  margin-left: 10px;
}
.oto-help-box-expanded {
  padding:0!important;
}
.oto-help-box-expanded table {
  width: 100%;
  border: 0;
  border-spacing: 0;
}
.oto-help-box-expanded table td, .oto-help-box-expanded table th {
  padding: 10px;
}
.oto-help-box-expanded table tr:nth-child(even), .oto-help-box-expanded table th {
  background-color: #f4f4f4;
}
.oto-no-bottom-padding {
  padding-bottom: 0px!important;
  margin-bottom: 0px!important;
}
/* 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;
}
/* tooltips */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip-content {
  visibility: hidden;
  position: absolute;
  left: 0;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  z-index: 99;
}
.tooltip:hover .tooltip-content {
  visibility: visible;
}
/* foreup store */
.product-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 20px;
}
.product-box {
  border: 1px solid #ccc;
  padding: 20px;
  text-align: center;
  position: relative;
  padding-bottom: 75px;
}
.product-box img {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  margin-bottom: 10px;
}
.product-box h3 {
  margin: 10px 0;
}
.product-box p {
  margin-bottom: 10px;
}
.product-box > .wp-block-button {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
/* 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;
}