/*
Theme Name: Skycaptain Child
Template: skycaptain
Theme URI: http://skycaptain.themerex.net/
Description: Skycaptain is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: Jos Gielen
Author URI: https://klmaeroclub.com
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/****************************************************************/
/* Aanpassingen die site-wide gelden.                           */
/****************************************************************/

@media (max-width: 1023px) {
  .content_wrap {
    min-width: 90vw !important;
  }
}

/* De max-width was is in het thema op 300px gezet, veel te klein   */
@media (max-width: 479px) {
  
  div.elementor-container.elementor-column-gap-extended {
    max-width: unset !important
  }

}


/* nieuwe klasse om onderdelen wel of niet te displayen afhankelijk van logged in zijn */

body:not(.logged-in) .klac_hide-for-logged-out {
	display: none !important;
}

body.logged-in .klac_hide-for-logged-in {
	display: none !important;
}

/* Klasse voor button die alle beschikbare breedte innemen. Eerst moet de outer container
getarget worden want die krijgt de klasse toegewezen in Elementor kennelijk               */

.klac_btn-full-width a.sc_button {
	width: 100% !important;
}

/* Aanpassingen aan de sidebar                                  */
div.sidebar_inner aside.widget {
  padding: 1.3rem;
}

div.sidebar_inner aside.widget .widget_title {
  font-size: 1.5rem;
}

div.sidebar_above a.sidebar_control {
  color: #ffffff !important;
  background-color: #5eb6e4 !important;
}
/****************************************************************/
/* Aanpassingen aan het Main Menu van de widget Layouts:Menu.   */
/****************************************************************/

/* Bij diverse breakpoints de margins en tekstgrootte aanpassen */

@media screen and (min-width: 1440px) {
  div#klac_main-menu-bar nav.sc_layouts_menu ul li span {
    font-size: 1rem;
  }
  div#klac_main-menu-bar nav.sc_layouts_menu {
    padding-top: 0.5rem;
  }
}

@media screen and (min-width: 1280px) {
  div#klac_main-menu-bar nav.sc_layouts_menu ul li {
    padding-right: .5rem;
  }
}

/* ElementsKit magnifying glass voor de search box Aanpassingen */

div.ekit-search-panel button i.icon-search {
  color: #ffffff !important;
  font-size: 1.5rem;
}

/****************************************************************/
/* Aanpassingen aan de events widget in de sidebar              */
/****************************************************************/

/* Maakt bullets onzichtbaar in de events sidebar widget        */
li.no-events::before {
  background-color: unset !important;
}
div.em-events-widget ul li::before {
  background-color: unset !important;
}

/****************************************************************/
/* Aanpassingen aan  de UsersWP plugin forms.                   */
/****************************************************************/

/* Temp fix voor UserWP plugin omdat login modal lightbox niet te zien is bij mobiel */
.modal {
  z-index: 100003 !important;
}

.modal .modal-error a {
  color:#5eb6e4;
}

button.uwp_login_submit, button.uwp_forgot_submit {
  background-color: transparent !important;
}

/* registreer link doen we nog niet */
.modal .uwp-footer-link a.uwp-register-link {
  display: none !important;
}


/****************************************************************/
/* Aanpassingen aan de IconInfo boxes van Teams en anderen.     */
/****************************************************************/

.klac_infobox {
	display: flex;
	flex-direction: column;
	padding-bottom: 1rem;
}

.klac_infobox .elementskit-infobox {
	display: flex;
	flex-direction: column;
}

.klac_infobox .elementskit-infobox .box-body {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* Duwt de button onder de <p> naar onderen     */
.klac_infobox .elementskit-infobox .box-footer {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: flex-end;
}

.klac_infobox .elementskit-infobox .box-footer>div.btn-wraper {
  width: 100%;
}

.klac_infobox .elementskit-btn {
	width: 100%;
}

/****************************************************************/
/* Aanpassingen aan de Bestuurs en Teams pagina.                */
/****************************************************************/

.sc_team_item_title {
  font-size: 1.2rem !important;
  color: #005B82 !important;
}

.sc_item_subtitle {
  color:#707070 !important;
  margin: 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 1.1rem;
}

/* Verwijder linkje en verwijder donker masker bij :hover     */
/* Let op!!!!! Alleen bij pagina met id 3323, moet dus evt aangepast worden   */
.page-id-3323 .sc_team div.icons {
  display: none;
}

.page-id-3323 .sc_team div.post_featured.with_thumb div.mask {
  display: none;
}

@media (max-width: 1024px) {
  .sc_team_item_title {
    font-size: 1rem !important;
  }

  .sc_item_subtitle {
    font-size: 0.7rem;
  }
}

/* Aanpassingen aan team foto's op alle pagina's.              */
img.attachment-skycaptain-thumb-team.size-skycaptain-thumb-team {
  width: 300px;
  border-radius: 7px;
}

/****************************************************************/
/* Aanpassingen aan de Betterdocs plugin paginas.               */
/****************************************************************/

@media (max-width: 1023px) {
  .betterdocs-content-wrapper {
      padding: 0 !important;
  }
  .betterdocs-content-area {
    padding: 0 !important;
    margin-top: 1rem !important;
  }

  .betterdocs-content-inner-area {
    padding: 0 !important;
  }

  #betterdocs-single-main {
    padding-left: 1rem;
  }
}

/* Search form op betterdocs archive pagina (/publicaties)  */
form.betterdocs-searchform {
  padding: .5rem 0 !important;
}

/* Betterdocs category pagina                            */
/* div.betterdocs-single-wraper {
  background-color: inherit;
} */

article.betterdocs-single-category-wrapper.category-grid.default > div.betterdocs-single-category-inner {
  margin-top: 1.2rem !important;
  margin-right: 1.5rem;
  border: solid 1px;
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 50%) !important;
}

/* div.betterdocs-category-items-counts {
  margin-left: 1rem !important;
} */

div.betterdocs-category-header-inner > .betterdocs-category-title {
  padding-right: 0.5rem;
}

/* div.docs-single-cat-wrap .docs-cat-heading {
  padding: 0 1rem;
} */

/* .wp-block-file:not(.wp-element-button) {
	font-size: 1rem;
} */

.betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts {
  background-color: #00a1de !important;
}

/* .docs-cat-link-btn {
  display: block !important;
  border-radius: 7px !important;
  margin: 1rem auto 0 auto !important;
  text-align: center;
}

.docs-cat-link-btn:visited {
  color: #ffffff !important;
} */

@media (max-width: 1023px) {
  .betterdocs-content-area {
    padding: 2rem 0 0 0 !important;
    margin-top: 1rem !important;
  } 
}

/* Search form op betterdocs category pagina            */
.betterdocs-wrapper > div.betterdocs-search-form-wrap {
  margin: 0 auto;
  padding: 1rem;
  background-color: #5eb6e4;
}

.betterdocs-search-form-wrap > div.betterdocs-live-search > form.betterdocs-searchform {
  padding: 0.8rem 0;
}

.betterdocs-search-form-wrap > div.betterdocs-live-search > form.betterdocs-searchform > .betterdocs-searchform-input-wrap {
  border: none;
  padding: 0;
  margin: 0;
}


/* Breakpoint voor Betterdocs sidebar   */
@media (max-width: 959px) {
  div.docs-listing-main {
    padding: 0 !important;
  }

  div.docs-cat-title-wrap, div.docs-item-container, div.docs-category-listing {
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .docs-single-cat-wrap {
      margin: 2rem 0 0 0 !important;
  }
}

/****************************************************************/
/* Aanpassingen aan de Blog paginas.                            */
/****************************************************************/

/* Author box onder de single posts widget                    */
div.uwp_widgets.uwp_widget_author_box.bsui {
  display: none;
}

/* Comments uit de navigatie weghalen                   */
nav.navigation.post-navigation div.navigation_meta span.delimiter,
nav.navigation.post-navigation div.navigation_meta span.post_comments_count {
  display: none;
}

/****************************************************************/
/* Aanpassingen aan de Contact pagina.                          */
/****************************************************************/
h4.sc_icons_item_title {
  color: #003145 !important;
}

/****************************************************************/
/* Aanpassingen aan de sibar widget HTML type                   */
/****************************************************************/

aside.widget_custom_html {
  padding-top: 20px !important;
  text-align: center !important;
}


/****************************************************************/
/* Aanpassingen aan Gravity Forms.                            */
/****************************************************************/
legend.gfield_label, label.gfield_label {
  /* margin-top: 1rem !important; */
  left: 0;
  top: .5rem;
}
label.gfield_label {
  color:#003145;
  font-weight: 700;
  font-style: italic;
  margin-top: 1rem;
  margin-bottom: 0 !important;
}
label.gform-field-label.gform-field-label--type-sub {
  padding-top: 0 !important;
}
legend.gfield_label +div {
  margin-top: 2rem;
}
input.gfield-choice-input[type="radio"],
input.gfield-choice-input[type="checkbox"]
{
  display: none !important;
}
div.gfield_description {
  padding: 0 !important;
  font-size: 0.8rem;
  font-style: italic;
}

/****************************************************************/
/* Aanpassingen aan de Complianz Cookie Banner.                 */
/****************************************************************/
label.cmplz-label::before {
  z-index: 0 !important;
  top: -.5rem !important;
  height: 20px !important;
  width: 32px !important;
}

label.cmplz-label::after {
  width: 13px !important;
  height: 13px !important;
}

/****************************************************************/
/* Aanpassingen aan Fluent Forms.                               */
/****************************************************************/

div.ff-el-group.ff-el-section-break hr {
  margin: 0 0 2.5rem 0 !important;
  height: 3px;
  border: none;
  background-color: #003145;
}

.fluentform .ff-el-is-error .text-danger {
  font-size: 1rem !important;
  font-style: italic;
  font-weight: bold;
}