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

/* 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;
}


/* Apply styling met Elementor kleuren */
.hs_style_container {
  --ubPrimaryColor: var( --e-global-color-primary );
  --ubPrimaryButtonColor: var( --e-global-color-primary );
  --ubPrimaryButtonHoverColor: var( --e-global-color-secondary );
  --ubSecondaryButtonColor: #767676;
  --ubSecondaryButtonHoverColor: #696969;
  --ubCancelButtonColor: #767676;
  --ubCancelButtonHoverColor: #696969;
  --ubBorderRadius: 0px;
}

.hs_style_container.hs_overwrite *,
#hs_popup .hs_style_container.hs_overwrite .hs_section .hs_status .hs_status_body .hs_email_body p,
#hs_popup .hs_style_container.hs_overwrite .hs_section .hs_sectionheader h3.hs_section_title {
  font-family: var( --e-global-typography-text-font-family ), Sans-serif;
  font-size: var( --e-global-typography-text-font-size );
  line-height: var( --e-global-typography-text-line-height );
}

.hs_style_container .portal_page_button {
  font-weight: 600;
  line-height: 1.2em;
  color: #FFFFFF;
  background-color: var( --e-global-color-primary );
  border-radius: 0px 0px 0px 0px;
  padding: 15px 30px 15px 30px;
  text-decoration: none;
  font-size: var(--e-global-typography-text-font-size);
  display: inline-block;
}

.hs_style_container .portal_page_button:hover {
  background-color: var( --e-global-color-secondary );
  text-decoration: none;
  color: #FFFFFF;
}

#hs_popup .hs_style_container.hs_overwrite .hs_section .hs_status .hs_status_header .hs_status_header_time,
#hs_popup .hs_style_container.hs_overwrite .hs_section .hs_status .hs_status_header .hs_status_header_title,
#hs_popup .hs_style_container.hs_overwrite .hs_section .hs_status .hs_status_header {
  background-color: var( --e-global-color-primary ) !important;
}

.hs_style_container .dashboard_box > div {
  border: 0;
  background-color: var( --e-global-color-accent );
}

.hs_style_container .dashboard_box_inner h2 {
  margin: inherit;
}

.page-template-ubeeo-elementen .hs_platform_area .hs_dashboard .hs_style_container {
  padding: 10px;
}

.page-template-ubeeo-elementen header.page-header {
  padding: 40px 10px 10px 10px;
}

.page-template-ubeeo-elementen main {
  flex-direction: column;
}

/* yoast breadcrumbs */
.elementor-yoast-breadcrumb {
  background-color: var( --e-global-color-accent );
}

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

#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-secondary );
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .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;
}
#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;
  }
}