/*
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.8
*/

/* 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:"Euclid Circular", Arial, sans-serif;
  --ubPrimaryColor: #144834;
  --ubButtonFontFamily: "Euclid Circular", Arial, sans-serif;
  --ubButtonPadding: 12px 30px;
  --ubButtonBackground: #BCE228;
  --ubButtonBackgroundHover: #144834;
  --ubButtonColor: #144834;
  --ubButtonColorHover: #FFFFFF;
  --ubButtonFontWeight: 700;
  --ubButtonFontSize: 16px;
  --ubButtonBorderRadius: 30px;
  --ubLinkColor: #144834;
  --ubLinkColorHover: #464646;
  --ubPortalBackground:#F7F5F1;
  --ubPortalLoginFormBackground: transparent;
  --ubPortalNavigationBackground: transparent;
  --ubToggleableBackgroundColor: #144834;
}

.ub-dashboard-content .ub-toggleable-container .ub-toggleable-container-header .ub-toggleable-container-header-title,
.ub-dashboard-content .ub-toggleable-container .ub-toggleable-container-header .ub-toggleable-icon,
.ub-dashboard-content .ub-toggleable-container .ub-toggleable-container-header .ub-toggleable-container-header-subtitle  {
  color: #FFF;
}

/* yoast breadcrumbs */
p#breadcrumbs {
  margin-bottom: 0;
}

.elementor-widget-breadcrumbs {
    font-size: .85em;
}

/* cookie banner */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all {
  color: var( --e-global-color-primary );
  background-color: var( --e-global-color-secondary );
  border-radius: 30px;
  font-weight: bold;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all:hover {
  background-color: var( --e-global-color-primary );
  color: #FFFFFF;
}

#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 {
  border-radius: 30px;
  border-color: var( --e-global-color-primary ) !important;
  color: var( --e-global-color-primary ) !important;
  font-weight: bold;
}

#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;
  color: #FFFFFF !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-close i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-close span.gdpr-icon,
#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;
  border-color: var( --e-global-color-primary ) !important;
  border-radius: 30px;
  font-weight: bold;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover {
  background-color: #FFFFFF !important;
  border-color: var( --e-global-color-primary ) !important;
  color: var( --e-global-color-primary ) !important;
}



/* Mobile overides */
@media (max-width: 768px) {
  .page-template-ubeeo-elementen .hs_platform_area .hs_dashboard .hs_style_container {
    padding: 0;
  }

  .page-template-ubeeo-elementen header.page-header {
    padding: 30px 0 0 0;
  }
}