/*
Theme Name: Ubeeo Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Ubeeo
Author: Ubeeo
Author URI: https://ubeeo.nl
Template: hello-elementor
Version: 0.2
*/

/* headers */
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* iframe/video speler */
.elementor-element div.iframeparent {
    position: relative;
    margin-bottom: 40px;
}

.elementor-element iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0;
}

.elementor-widget-theme-post-content ul {
  margin-bottom: 30px;
}

.elementor-widget-breadcrumbs .br_caret {
  padding-left: 10px;
  padding-right: 10px;
}

.elementor-widget-text-editor a {
  text-decoration: underline;
}


/* Apply styling met Elementor kleuren */
:root {
  --ubFontFamily: "asap", Sans-serif;
  --ubButtonFontWeight: 600;
  --ubMainContainerPadding: 10px 10px;
  --ubFormPadding: 0px;
  --ubButtonColor: #000000;
  --ubButtonBackground: #FFD000;
  --ubButtonBackgroundHover: #FFDC42;
  --ubButtonBorderRadius: 30px;
  --ubButtonFontSize: 18px;
  --ubInputBorderRadius: 22px;
  --ubNoteBorderRadius: 0;
  --ubTitleColor: #86253A;
  --ubLinkColor: #008085;
  --ubMenuItemTextColorActive: #008085;
  --ubMenuItemTextColorHover: #008085;
  --ubLinkColorHover: #008085;
  --ubMenuItemIconColorCompleted: #008085;
}
/*
.ub-style .ub-dropdown .ub-dropdown-listbox {
  border-radius: 26px;
}

.ub-form .ub-multiselect-options {
  border-radius: 22px !important;
}*/

#breadcrumbs {
  margin-bottom: 0;
  word-spacing: 0;
}

#breadcrumbs .br_caret {
  padding-left: 10px;
  padding-right: 10px;
}

#breadcrumbs span,
#breadcrumbs a {
  font-size: 15px;
  font-family: "asap", Sans-serif;
}

/* extra top padding om custom breadcrumbs en yoast breadcrumnbs gelijk te krijgen */
.elementor-widget-breadcrumbs {
  padding-top: 1px;
}

/* cookie banner - accepteer */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
  background-color: var( --e-global-color-primary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #FFF !important;
  border: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
  background-color: var( --e-global-color-secondary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #000 !important;
  border: 0 !important;
}

/* cookie banner - instellingen */
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
  background-color: var( --e-global-color-secondary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #000 !important;
  border: 0 !important;
}

#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover {
  background-color: var( --e-global-color-primary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #FFF !important;
  border: 0 !important;
}

/* cookie popup - alles inschakelen*/
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
  background-color: var( --e-global-color-primary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #FFF !important;
  border: 0 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover {

  background-color: var( --e-global-color-secondary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #000 !important;
  border: 0 !important;
}

/* cookie popup - wijzigingen opslaan */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings {
  background-color: var( --e-global-color-secondary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #000 !important;
  border: 0 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings:hover {
  background-color: var( --e-global-color-primary ) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #FFF !important;
  border: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, .gdpr-shr-button, #moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn{
  border-radius: 30px !important;
}