/*

Theme Name: X - Child Theme
Theme URI: http://theme.co/x/
Author: Kathrin
Author URI:
Description: Make all of your modifications to X in this child theme.
Version: 9.0.8
Template: x

*/

/* -- Edited 21.11.21 -- */

.k-sticky {
    position: -webkit-sticky;
    position: fixed;
    top: 3px;
    right: 10px;
    width: 150px;
    height: 150px;
    z-index: 2000;
}

.k-button-inverse {

    color: white !important;
    border-color: white !important;

}

.k-button-inverse:hover {

    color: #1886bf !important;
    border-color: #1886bf !important;
    background-color: white !important;

}

/* The Grid */
.tg-grid_participants .tg-item-media-inner, .tg-grid_ot .tg-item-media-inner, .tg-grid_contributors .tg-item-media-inner {
  height: 300px !important;
}
.tg-grid_newsletter .tg-item-media-inner {
  height: 200px !important;
}
.tg-grid_newsletter .tg-item-media-inner .tg-item-image
  {
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-width: 110%;
  max-height: none;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tg-grid_participants .tg-item-media-inner .tg-item-image,
  {
  /*height: 100% !important;*/
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  /*max-width: 110%;*/
  max-width: none;
  /*max-height: none;*/
  max-height: 120%;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tg-grid_ot .tg-item-media-inner .tg-item-image {
  /*height: 100% !important;*/
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-width: 110%;
  max-height: none;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tg-grid_contributors .tg-item-media-inner .tg-item-image {
  /*height: 100% !important;*/
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-width: none;
  /*max-height: 150%;*/
  max-height: 110%;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*fontsize read more*/
.tg-grid_newsletter .tg-element-2, .tg-grid_ot .tg-element-2 {
  font-size: 16px !important;
  font-weight: 300 !important;
}
.fill {
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

h2.tg-item-title {
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  line-height: 16px;
}

/* Filter */
span.tg-filter-name.tg-nav-color.tg-nav-font, .tg-dropdown-item span.tg-filter-name, span.tg-dropdown-title.tg-nav-color.tg-nav-font {
  font-size: 16px !important;
  font-weight: 300 !important;
}
/* End the Grid */

/*Newsletter sign up */
.crm-profile-name-The_YIP_Newsletter_18 > .crm-container > .form-item, .crm-profile-name-The_YIP_Newsletter_18 > .crm-container > .crm-submit-buttons {
    color: white !important;
    display: inline-block;
    margin: 10px 10px;
}

.crm-profile-name-The_YIP_Newsletter_18 >.crm-title > .title {
  font-size: 285.7%;
  color: white !important;
  text-align: center;
}

.crm-profile-name-The_YIP_Newsletter_18 >.crm-container > .messages > p {
    color: white !important;
    text-align: center;
}

.crm-profile-name-The_YIP_Newsletter_18 >.crm-form-submit, .crm-form-submit:hover {
  background-color: white !important;
}

.crm-profile-name-The_YIP_Newsletter_18 {
  text-align: center;
}

.crm-profile-name-The_YIP_Newsletter_18 > div.crm-section.recaptcha-section > table th, div.crm-section.recaptcha-section > table td{
  background-color: #f47920;
}
.crm-profile-name-The_YIP_Newsletter_18 > a.button.cancel {
  display: none;
}

/* Take away border from button of contribution page */
.crm-container .crm-contribution-page-id-3 .crm-button {
    background: none !important;
    border: none;
}

/*for log-in, password reset*/
.crm-container {
    max-width: 1200px;
    width: 88%;
    margin: 0 auto;
  }

label[for="rememberme"], label[for="rememberme1"] {
    display: inline-block;
}

p.message {
position: relative;
margin-bottom: 0.5em;
border: 1px solid #f6dca7;
    border-top-color: rgb(246, 220, 167);
    border-right-color: rgb(246, 220, 167);
    border-bottom-color: rgb(246, 220, 167);
    border-left-color: rgb(246, 220, 167);
padding: 0.786em 2.25em 1em 1.15em;
font-size: 14px;
line-height: 1.5;
color: #c09853;
background-color: #fcf8e3;
background-color: #d9edf7;
border-color: #b3d1ef;
color: #3a87ad;
}

p.error {
position: relative;
margin-bottom: 0.5em;
border: 1px solid #f6dca7;
    border-top-color: rgb(246, 220, 167);
    border-right-color: rgb(246, 220, 167);
    border-bottom-color: rgb(246, 220, 167);
    border-left-color: rgb(246, 220, 167);
padding: 0.786em 2.25em 1em 1.15em;
font-size: 14px;
line-height: 1.5;
background-color: #f2dede;
border-color: #e5bdc4;
color: #b94a48;
}

span.hint {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  color: #1785bf;
  top: -8px;
}

#setupform label {
  margin-top: 10px;
}


/* End Newsletter */

/*Events Table */
table tbody tr {
  margin-left: 2px;
  margin-right: 2px;
  border-color: #1886bf;
  color: #1886bf;
  border-radius: .25em !important;
  border-style: solid !important;
  border-width: 3px !important;
  background-color: white !important;
}
.event-image {
  vertical-align: unset;
}
.event-description{
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
td.event-date {
  padding: 0;
}
img.attachment-100x100.size-100x100.wp-post-image {
    vertical-align: unset;
    margin-left: 5px;
    margin-right: 5px;
}
.event-description > h3 {
    font-size: large;
    margin-top: 0;
    line-height: 1;
}
.event-description > h3 > a {
  margin-top: 0px;
}
.event-profile, .event-event {
  /*min-height: 320px;*/
  clear: both;
  margin-bottom: 10px;
}
.event-picture {
  max-height: 100%;
  max-width: 100%;
}
.event-picture-box{
  max-height: 350px;
  width: 40%;
}
footer.x-colophon.top {
  padding: unset;
}
/*End Event*/

/* Menu */
/*social Media icons*/
i.k-top-menu:hover {
    color: #1886bf !important;
}
  @media screen and (max-width: 960px) {
    .k-top-menu {
      font-size: 21px !important;
      padding: 0px 15px !important;
      color: hsla(9,2%,4%,0.74) !important;
      margin-bottom: 7px !important;
    }
    img.ubermenu-image.ubermenu-image-size-full {
      padding-left: 15px !important;
    }
    /*move logo down on mobile*/
    a.x-brand.img {
    margin-top: 50px;
    }
  }
    @media screen and (min-width: 960px) {
      .k-top-menu {
        font-size: 21px !important;
        padding: 0px 0px !important;
        color: hsla(9,2%,4%,0.74) !important;
        margin-bottom: 7px !important;
      }
      /* Video Player */
      .el1.x-section{
        margin-top: -82px !important;
      }
      #x-section-1 {
        top: -50px;
      }
    }

@media (max-width: 979px){
  .masthead-stacked .x-navbar
   {
      top: 0;
      left: 0;
      right: 0;
      position: fixed;
      z-index: 1030;
  }
}

i.fa.fa-bars{
      font-size: 21px;
}
/* Close Button on Mobile*/
li.ubermenu-retractor.ubermenu-retractor-mobile {
    background-color: white !important;
    font-family: "Helvetica Neue Light", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 16px;
    font-weight: normal !important;
    color: hsla(9,2%,4%,0.74);
}
.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded{
  padding: 0px 5px;
}
/*YIP LOGO*/
.ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
    margin-bottom: unset !important;
}
.x-logobar, .x-navbar {
  border: none !important;
}
.x-navbar-inner {
  min-height: 56px !important;
}
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
  min-height: 48px !important;
}
nav#ubermenu-main-3-primary-2 {
  margin-top: 7px;
}

.ubermenu-responsive-toggle-main, .ubermenu-main, .ubermenu-main .ubermenu-target, .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target, .ubermenu-nav .ubermenu-item-level-1 .ubermenu-target  {
      font-family: "Helvetica Neue Light", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
      font-size: 16px;
      font-weight: normal !important;
      color: hsla(9,2%,4%,0.74);
}

.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop{
  /*border: 1px solid;
  border-color: #f47920;
  border-radius: .75em;
  */
  border: none !important;
}
/*
.ubermenu-bount .ubermenu-submenu-type-mega {
  min-width: 20%;
}
*/

/* Top Level Items - Hover */
 .ubermenu-item-level-0:hover > .ubermenu-target,
 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  color: #1886bf !important;
  background-color: transparent;
  text-transform: uppercase;
}

/* Submenus */

/* Submenu Links */
 .ubermenu-submenu .ubermenu-target:hover,
 .ubermenu-submenu .ubermenu-active > .ubermenu-target {
  color: #1886bf !important;
  font-color: #1886bf !important;
}

/* Submenu Headers */
.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  color: green;
  height: 1px !important;
  font-size: 14px !important;
  padding-bottom: 20px !important;
}

/*
ul.ubermenu-submenu > li + li:after {
  content: "";
  background: #ccc;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 50%;
  width: 1px;
}
*/

/* Submenu items in a stack */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom: 1px solid #e9e9e9;
}
/* Submenu Headers - Hover */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #222222;
}
/* Current Submenu Item */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  color: #222222;
  background: transparent;
}



/* Contributor Profiles */
  .profiles {
    padding: 45px 0px 45px 0px;
  }
  .profile-title, .entry-title{
    text-align: left;
    width: 100% !important;
    padding: 0px 0px !important;
    margin-bottom: 10px !important;
    /*font-size: 171.4% !important;*/
  }
  @media screen and (min-width: 600px) {
    .profile-picture, .event-profile-picture, .event-picture-box {
    width: 40%;
    }
    .profile-content, .event-content{
      width: 60%;
    }
  }

h4.entry-title {
  font-size: 171.4%;
}
i.crm-i {
    /*visibility: hidden;*/
    display: none;
}
.areyou, .pnormal, p.pnormal, .crm-section, .wpcf7-form > p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  color: hsla(9,2%,4%,0.74) !important;
  /*color: aquamarine !important;*/
  line-height: 1.7 !important;
}
h2.knormal, h3.knormal {
  color: #f47920;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.008em;
  line-height: 1.1;
  font-size: 150%;
}

a.x-btn, button.knormal, div.knormal, .tg-dropdown-holder.tg-nav-border.tg-nav-font,
.crm-contribution-page-id-3 > .crm-submit-buttons > .crm-button > #_qf_Main_upload-bottom,
.crm-container .crm-button.crm-i-button input#_qf_UpdatePreference_submit-bottom {
  box-shadow: none !important;
  margin-left: 2px;
  margin-right: 2px;
  border-color: #1886bf !important;
  color: #1886bf !important;
  text-transform: uppercase;
  text-shadow: none !important;
  font-size: 16px !important;
  background: white !important;
  border-radius: .25em !important;
  border-style: solid !important;
  border-width: 3px !important;
  background-color: white !important;
  padding: 0.563em 1.125em 0.813em !important;
}

a.x-btn:hover, button.knormal:hover, div.knormal:hover, .tg-dropdown-holder.tg-nav-border.tg-nav-font,
.crm-contribution-page-id-3 > .crm-submit-buttons > .crm-button > #_qf_Main_upload-bottom:hover,
.crm-container .crm-button.crm-i-button input#_qf_UpdatePreference_submit-bottom:hover {
  margin-left: 2px;
  margin-right: 2px;
  border-color: #f47920 !important;
  color: #f47920 !important;
  text-transform: uppercase;
  text-shadow: none !important;
  font-size: 16px !important;
  border-radius: .25em !important;
  border-style: solid !important;
  border-width: 3px !important;
  background-color: white !important;
  background: white !important;
  padding: 0.563em 1.125em 0.813em !important;
}

/*newsletter resignup*/
.crm-container .crm-button.crm-i-button input[type="button"], .crm-container .crm-button.crm-i-button input.crm-form-submit {
  padding-left: 0px;
}

span.crm-button.crm-button-type-submit.crm-button_qf_UpdatePreference_submit.crm-i-button {
    background: none;
    border: none;
}

h6.h-custom-headline, .h-custom-headline h6 a {
    color: #1785bf !important;
}
.imgcenter {
   display: block;
    margin: 0 auto;
}