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

main.site-main {
  min-height: 400px;
}

/* Apply styling met Elementor kleuren */
.hs_style_container {
  --ubPrimaryColor: var( --e-global-color-primary );
  --ubPrimaryButtonColor: var( --e-global-color-secondary );
  --ubPrimaryButtonHoverColor: var( --e-global-color-primary );
  --ubSecondaryButtonColor: #767676;
  --ubSecondaryButtonHoverColor: #696969;
  --ubCancelButtonColor: #767676;
  --ubCancelButtonHoverColor: #696969;
  --ubBorderRadius: 0;
  --ubButtonBorderRadius: 0;
  --ubFormOnPagePadding: 40px 0px;
  --ubHeaderFontWeight: bold;
  --ubHeaderFontFamily: "Kokoro", Sans-serif;
  --navColor: var(--e-global-color-secondary);
  --ubFontFamily: var(--e-global-typography-text-font-family);
  --ubFormLineHeight: 1.5em;
  --ubInputBorderRadius: 0;
  line-height: 1.5em;
}

.hs_style_container .doc-info {
  line-height: 1;
}

.hs_style_container .hs_document .doc-actions .hs-doc-action {
  color: #493467;
}

.hs_style_container .hs_document .doc-description .doc-date,
.hs_style_container .hs_document .doc-description .doc-type {
  color: #76678D;
}

.hs_style_container .dashboard_box_inner .hs_collapsible, 
.hs_style_container .hs_popup_body .hs_collapsible {
  background-color: var( --e-global-color-secondary );
  color: #FFF;
}


.hs_style_container a,
.hs_style_container a:hover {
  color: var( --e-global-color-secondary );
  text-decoration: underline;
}

.hs_style_container .ub-button {
  transition: background-color .3s linear;
}

.hs_style_container .hs_platform_form input.textfield,
.hs_style_container .SumoSelect > .CaptionCont,
.hs_style_container .ats-custom-file label.ats-custom-file-label {
  border-color: #D3D3D3;
}

.hs_style_container .portal_page_button {
  font-weight: 600;
  line-height: 1.2em;
  color: #FFFFFF;
  background-color: var( --e-global-color-secondary );
  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_style_container #btnsubmit {
  background-color: var(--e-global-color-secondary);
}

.hs_style_container #btnsubmit:hover {
  background-color: var(--ubPrimaryButtonHoverColor);
}

#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: #E2D4FF;
}

.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;
  cdisplay: none;
}

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

.page-template-ubeeo-elementen h2.hs_on_page_header {
  /* style this as a h1 */

  font-size: 46px;
  font-weight: 600;
  line-height: 1.2em;
}

.page-template-ubeeo-elementen .page-header .entry-title {
  margin-left: 0;
  padding-left: 0;
}

/* verberg de header als er een on_page_header present is */
main:has(.hs_on_page_header) .page-header {
  display: none;
}

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

.elementor-yoast-breadcrumb p,
.elementor-yoast-breadcrumb a,
.elementor-yoast-breadcrumb a:hover {
  color: #FFFFFF;
}

div.elementor-widget-container:has(.job-label-item) {
  padding-top: 4px;
}

div.elementor-widget:has(.job-label-item) {
  flex-shrink: 0;
}

.job-label-item {
  background-color: #004D46;
  padding: 2px 5px;
  font-family: "Kokoro", Sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #FFF;
}

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

@media (max-width: 1024px) {
  .page-template-ubeeo-elementen main {
    padding-left: 10px;
    padding-right: 10px;
  }
}