/*
Theme Name: Citykirche
Theme URI: http://ave.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template:  ave
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: ave
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/



/* -----------------  Revolution Slider ----------------- */



.slidertitel {
  
   font-family: 'Source Sans Pro', sans-serif !important;
   font-weight: 700 !important;
}

.slidersubtitel {
  
   font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
}




/* -----------------  LAYOUT ----------------- */

div.weiss p {
    color: #fff !important;
    font-size: 24px !important;
}

div.weisssuchet p {
    color: #fff !important;
    font-size: 18px !important;
}

div.weiss h2 {
    color: #fff !important;
    font-size: 50px !important;
}

div.untertitelweiss h2 {
    color: #fff !important;
    font-size: 40px !important;
}


.vc_column-gap-30 .ld-row > .vc_column_container > .vc_column-inner {
    padding-left: 30px;
    padding-right: 60px !important;
}


.tablepress-id-5 thead th,
.tablepress-id-5 tfoot th {
  background-color: #0076C8 !important;
  color: #ffffff !important;

}


div.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4{
    text-align: left;
    font-weight: 600 !important;
        font-size: 0.95em !important;
}

.vc_gitem_row .vc_gitem-col {
    box-sizing: border-box;
    padding: 20px !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
        font-family: 'Source Sans Pro', sans-serif !important;
    color: #2F2F2F !important;
    font-size: 1em !important;
}


.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    margin-top: 20px !important;
    color: #fff !important;
    background-color: #0076C8 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
       -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
}


.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    color: #0076C8 !important;
    background-color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border-color: 1px solid #0076C8 !important;
}

.vc_btn3.vc_btn3-size-md {
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    background-color: #0076C8 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
      -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
}

.vc_btn3.vc_btn3-size-md:hover {
      color: #0076C8 !important;
    background-color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border-color: 1px solid #0076C8 !important;
}

div.vc_grid-item-mini.vc_clearfix {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14) !important;
}

.blog-single-content .liquid-img-group-container, .blog-single-content figure {
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #0076C8 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}


.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #666;
    font-weight: 600 !important;
    font-size: 25px;
}

div.blau h3 {

    color: #0076C8 !important;
}

.testimonial-quote-shadowed .testimonial-quote {
    border-radius: 5px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07);
    background-color: #0076C8 !important;
}

.tabs-nav-side .tabs-nav .tabs-nav-title {
    padding: 0 40px;
    margin-bottom: 20px;
    display: none !important;
}

.testimonial blockquote {
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
    z-index: 2;
    font-size: 1em;
    font-style: inherit;
    color: #fff !important;
    line-height: 1.2 !important;
}

.tabs-nav-side .tabs-nav a {

    font-size: 18px !important;
}

.lqd-highlight-txt {
    position: relative;
    z-index: 1;
    background-color: yellow !important;
}

div.bold.menu-item.menu-item-type-custom.menu-item-object-custom {
   
    font-weight: 600 !important;
}


.wpb_single_image .vc_figure-caption {

    margin-left: 20px !important;
    margin-right: 20px !important;
}



.main-nav .children, .nav-item-children {

    border-radius: 0px !important;

}

.vc_row.vc_row-flex.vc_row-o-equal-height > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    -webkit-box-shadow: 0px 34px 100px 0px rgba(0, 0, 0, .54) !important;
    -moz-box-shadow: 0px 34px 100px 0px rgba(0, 0, 0, .54) !important;
    box-shadow: 0px 34px 30px 0px rgba(0, 0, 0, .08) !important;
}

div.bildbeschreibung {
	font-size: 13px !important;
}

div.wpb_wrapper.link a {

color: #0076C8 !important;
}

div.wpb_wrapper.link a:hover {

 border-bottom: 1px solid #0076C8 !important;
}

div.evc-button.evc-shortcode.button1.evc-btn-solid.evc-btn-small  {
	padding: 0px 20px !important;
}

span.evc-btn-text:hover {
	color: #fff !important;
}

.evc-button.evc-btn-small {
    padding: 4px 30px !important;
    margin-top: 10px !important;
}


.evc-predefined-style .evc-shortcode h4 {
    font-size: 15px;

}

.evc-icon-with-text .evc-iwt-icon {

    font-size: 20px !important;

}

div.evc-icon-with-text.evc-shortcode.download.evc-iwt-icon-left {

margin-top: 15px !important;
}

div.evc-icon-with-text.evc-shortcode.download1.evc-iwt-icon-left {

margin-top: 15px !important;
padding: 0px 20px !important;
margin-bottom: 20px !important;
}

div.evc-icon-with-text.evc-shortcode.download2.evc-iwt-icon-left {

margin-top: -10px !important;
padding: 0px 20px !important;
margin-bottom: 20px !important;
}

.evc-predefined-style .evc-shortcode h4 {
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #2F2F2F !important;
    font-size: 1.1em !important;
}

.evc-predefined-style .evc-shortcode h4 a {

    color: #0076C8 !important;
}

.evc-predefined-style .evc-shortcode h4 a:hover {
margin-bottom: 0px !important;
    border-bottom: 1px solid #0076C8 !important;
}


.ld_fancy_heading_5df7952f3f62c p {

    letter-spacing: 0em !important;

}

.ld_button_5df7938ae16eb.btn-icon-bordered .btn-icon {
    border: 2px solid #fff !important;
}


.wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 15px !important;
}

div.videoplayer {
    -webkit-box-shadow:0px 34px 100px 0px rgba(0, 0, 0, .54) !important ;
-moz-box-shadow:0px 34px 100px 0px rgba(0, 0, 0, .54) !important ;
box-shadow:0px 34px 100px 0px rgba(0, 0, 0, .54) !important ;
}


.btn {

    color: #0076C8 !important;
    
}
 
div.ueberslidertext {
    z-index: 2 !important;
    
}

.gusta-post-listing .container {
    width: auto !important;
}
 
 div.bildrechts {

    height: 40% !important;
 }

  div.bildrechts {

    height: 80% !important;
 }

   div.bilduntenlinks {

    height: 100% !important;
 }
 
div.wpb_wrapper.weiss p {

    color: #fff !important;
}

a.weiss {
    color: #fff !important;
}

a.weiss:hover {
  
      border-bottom: 1px solid #fff !important;
}



/* -----------------  FORMULARE ----------------- */


.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
   
    color: #2F2F2F !important;
    font-family: 'interstate', sans-serif !important;
}

legend.gfield_label.gfield_label_before_complex {
    border-bottom: none !important;
    font-weight: 600 !important;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: calc(100% - 32px);
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 17px !important;
    font-weight: 400 !important;
}

div.gform_wrapper .gform_footer .gform_button, div.gform_wrapper .gform_page_footer .button {
    background-color: #0076C8 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    border: 1px solid #0076C8 !important;
}



/* -----------------  FONTS ----------------- */
 


 body {
  
   font-family: 'Source Sans Pro', sans-serif !important;
       color: #2F2F2F !important;
     font-size: 1.1em !important;  

}

p {
    margin-bottom: 1em !important;
}

.h1, h1 {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1.9em !important;
    color: #0076C8 !important;


}

.h2, h2 {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 2em !important;
    color: #0076C8 !important;
    margin-bottom: 30px !important;

}

.h3, h3 {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 1.3em !important;
    color: #2F2F2F !important;
    font-weight: 600 !important;

}

.h4, h4 {
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #2F2F2F !important;
    font-size: 1em !important;

}

.h5, h5 {
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #2F2F2F !important;

}

.h6, h6 {
    font-family: 'Source Sans Pro', sans-serif !important;
    color: #2F2F2F !important;

}

div.begruessungstext h4 {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #0076C8 !important;
  font-size: 1.2em !important;
}

div.farbe1 h2 {
 
  color: #006341 !important;
  
}

div.farbe2 h2 {
 
  color: #0076C8 !important;
  
}

div.farbe3 h2 {
 
  color: #9B2743 !important;
  
}

div.farbe4 h2 {
 
  color: #B47E00 !important;
  
}

div.farbe5 h2 {
 
  color: #002D72 !important;
  
}

div.link a {

    color: #0076C8 !important;
  
}

div.link a:hover {

    border-bottom: 1px solid #0076C8 !important;
}

a.link {

    color: #0076C8 !important;
  
}

a.link:hover {

    border-bottom: 1px solid #0076C8 !important;
}


.evc-predefined-style .evc-shortcode h4 a:hover {
    color: #666666 !important;
    border-bottom: none !important;
}
 
/* -----------------  HEADER ----------------- */

.ld-module-trigger {

    margin-top: 5px !important;
}
 
.navbar-brand img {
    transition: opacity 0.3s, visibiliy 0.3s;
    max-width: inherit;
    width: 280px !important;

} 

.header-module p {
    margin-bottom: 0;
    color: #0076C8 !important;
}

.header-module a {
    margin-bottom: 0;
    color: #0076C8 !important;
}

.header-module a:hover {

    color: #2f2f2f !important;

}



/* -----------------  AGENDA ----------------- */


#events-container > div > p > span > h3 {

    margin-top: 20px !important;
    font-size: 17px !important;
        margin-bottom: 0px !important;
}


#events-container > div > p > span > ul {
    list-style-position: outside !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.multiselect__tag-icon:after {
    content: "\D7";
    color: #fff !important;
    font-size: 14px;
}

.events-item-image {

    padding-right: 0px !important;
    -webkit-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .14) !important;
    -moz-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .14) !important;
    box-shadow: 0 20px 70px 0 rgba(0, 0, 0, .14) !important;
    width: 90% !important;
}


.events-item-title {
    margin: 0 !important;
    font-weight: 600 !important;
    color: #0076C8 !important;
}

p.indent a {

    color: #0076C8 !important;
    font-weight: 600 !important;

}


p.indent a:hover {

    border-bottom: 1px solid #0076C8 !important;
}

.events-loadmore>a {
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0px !important;
    border: 1px solid #0076C8 !important;
   
    text-shadow: none !important;
    color: #0076C8 !important;
}

.events-loadmore>a:hover {

    background: transparent !important;
    background-color: #0076C8 !important;
    border-radius: 0px !important;
    border: 1px solid #0076C8 !important;
   
    text-shadow: 0px 1px 0px #ffffff;
    color: #ffffff !important;
}

.hollow-dots-spinner .dot {

    border: calc(15px / 5) solid #0076C8 !important;

}


.events-item-title {
    margin: 0 !important;
    font-weight: 800 !important;

}


.events-item {
    
    background-color: #fafafa !important;
    padding: 20px !important;
    border-bottom: 2px solid #0076C8 !important;
    -webkit-box-shadow: 0 10px 12px -6px rgba(0, 0, 0, .05) !important;
    -moz-box-shadow: 0 10px 12px -6px rgba(0, 0, 0, .05) !important;
    box-shadow: 0 10px 12px -6px rgba(0, 0, 0, .05) !important;
}

.multiselect__option--highlight {
    background: #0076C8 !important;

}

.multiselect__tag {

    background: #0076C8 !important;

}

/*.events-filter {
    margin-bottom: 30px;
    font-weight: 800 !important;
}

.events-filter strong {
    margin-bottom: 30px;
    font-weight: 800 !important;
    color: #0076C8 !important;
    text-transform: uppercase !important;
}*/


 
/* -----------------  NAVIGATION ----------------- */


.main-nav .children > li > a, .nav-item-children > li > a:hover {
    color: #0076C8 !important;
    background-color: transparent !important;
}

.lqd-custom-menu li a:hover {

    color: #0076C8 !important;
}

.home-icon {
background-image: url('https://citykirche.ch/wp-content/uploads/2020/04/christ-church-original-25.svg');
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
    margin-right: 15px !important;
    margin-top: -10px !important;
        width: 30px !important;

}

   li#menu-item-190 span.link-txt {
    display: none !important;
 }

    li#menu-item-4969 span.link-txt {
    display: none !important;
 }
 

 .lqd-custom-menu li a {
    display: block;
    margin-bottom: 10px !important;
    color: #2F2F2F !important;
}

.main-nav .children > li > a, .nav-item-children > li > a {
    display: block;
    padding: 0.3em 1.5em !important;
    width: 100%;
    color: #2F2F2F !important;
}


.admin-bar .is-stuck {
    padding-top: 82px !important;
    background-color: #fff !important;
}

.is-stuck .social-icon a, .is-stuck .header-module .ld-module-trigger, .is-stuck .header-module .ld-module-trigger-txt, .is-stuck .main-nav > li > a {
     color: #000 !important;
}
 
/* -----------------  MOBILE NAVIGATION ----------------- */
 

 
/* -----------------  BODY ----------------- */
 
 
 
 
/* -----------------  SIDEBAR ----------------- */
 
 

.ld-media-icon.icon-play.solid {
    background-color: #0076C8 !important;
}

/* -----------------  FOOTER ----------------- */


 
 div.footertitel h3 {
    font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-size: 1.3em !important;

}

ul#menu-footermenu a {
    color: #fff !important;
}

ul#menu-footermenu a:hover {
     border-bottom: 1px solid #fff !important;
  
}

a.weiss:hover {
 border-bottom: 1px solid #fff !important;
 color: #fff !important;

}

a.weiss {

 color: #fff !important;

}

li.footermenu a {
    color: #fff !important;
}

li.footermenu a:hover {
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
}
 
 div.copyright {

    margin-bottom: 0px !important;
    margin-top: 20px !important;

 }

  div.footermenu {

    margin-bottom: 20px !important;
    margin-top: 20px !important;

 }
 
/* -----------------  BLOG ----------------- */
 

 
 
/* -----------------  PORTFOLIO ----------------- */
 
div.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {

font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-size: 1.2em !important;
    color: #000 !important;

}

.titlebar-inner p {
    font-size: 20px;
    font-weight: 500;
    color: #fff !important;
}

.titlebar-inner h1 {
    color: #ffffff !important;
    font-size: 50px !important;
}

.wpb_text_column ul {
    list-style-position: outside !important;
    margin-left: 20px !important;
}


/* -----------------  PORTFOLIO SINGLE ----------------- */



/* -----------------  NEWS ----------------- */


 .blog-single-cover.spaced {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.blog-single-content {
    padding-top: 20px !important;
}

span.byline {
    display: none !important;
}

span.cat-links {
    display: none !important;
}

.comments-area:last-child {
    margin-bottom: 2.25em;
    display: none !important;
}
 
.blog-single-cover[data-fullheight=true] {
    height: 65vh !important;
}
 
.liquid-lp-title a {
    display: block;
    color: inherit;
    font-size: 0.6em !important;
    line-height: 1.2 !important;
    font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase !important;
    color: #002D72 !important;
}

.liquid-lp-title a:hover {

    color: #000 !important;
}

.liquid-lp-excerpt {
    margin-top: 0.5em !important;
    margin-bottom: 1em;
}

.post-meta > span + span {
    margin-left: 0em !important;
}
 


 
/* -----------------  CONTACT FORM ----------------- */



/* -----------------  GRAVITIY FORM ----------------- */
 
div#gform_confirmation_wrapper_1.gform_confirmation_wrapper {
 
        margin-top: 20px !important;
    font-size: 16px !important;
    color: #0076C8 !important;
}
 
.gform_wrapper.gf_browser_chrome span.address_country {
    margin-top: 8px !important;
}
 
.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select, .gform_wrapper.gf_browser_chrome .ginput_complex select {
    text-indent: 2px;
    line-height: 1.5em;
    margin-bottom: 0px !important;
    margin-top: 2px;
    /* height: 30px !important; */
    padding: 0px 0px 14px 0px !important;
}
 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 1px;
    padding: 0px 0px 14px 0px !important;
}
 
select#input_2_5_6 {
      padding: 10px 0px 10px 12px !important;
}
 
.gform_wrapper .percentbar_blue {
    background-color: #0076C8 !important;
    color: #FFF;
}
 
 
 
.gform_wrapper .gf_progressbar {
    padding: 0px;
    position: relative;
    background-color: transparent !important;
    -moz-border-radius: 25px;
    -webkit-border-radius: none !important;
    border-radius: none !important;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0,.05);
    box-shadow: none !important;
    width: 100%;
}
 
.gform_wrapper .gf_progressbar:after {
    display: block;
    width: 100%;
    z-index: 990;
    height: 24px;
    margin-top: -24px;
    background-color: transparent !important;
    -webkit-box-shadow: transparent !important;
    -moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,.05);
    box-shadow: transparent !important;
    border-radius: 20px;
}
 
 
.gform_wrapper .gf_progressbar_percentage {
    height: 24px;
    text-align: right;
    font-family: helvetica,arial,sans-serif;
    font-size: .813em!important;
    text-shadow: none !important;
    z-index: 999;
    vertical-align: middle;
    background: #0076C8 !important;
    border-radius: 20px 4px 4px 20px;
}
 
 
 
.gform_wrapper .gf_progressbar {
    padding: 0px !important;
    padding-top: 10px !important;
 
}
 
.gform_wrapper .gf_progressbar {
    width: 100% !important;
}
 
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
 
    margin: 0px !important;
    padding: 0!important;
   
}
 
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    font-size: .813em;
    line-height: 1!important;
    margin: 0px!important;
    padding: 0!important;
    clear: both;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    font-size: 14px !important;
}
 
div.gform_wrapper .gform_footer .gform_button, div.gform_wrapper .gform_page_footer .button {
 
    background-color: #0076C8 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}
 
div.gform_wrapper:hover .gform_footer:hover .gform_button:hover, div.gform_wrapper:hover .gform_page_footer:hover .button:hover {
 
    background-color: #fff !important;
    color: #0076C8 !important;
    border: 1px solid #0076C8 !important;
}
 
body .gform_confirmation_message {
    color: #0076C8 !important;
    font-size: 16px !important;
}
 
 
.gform_wrapper .top_label li.gfield.gf_left_half {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: none;
}
 
.gform_wrapper .top_label li.gfield.gf_right_half {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    float: none;
  
}
 
.gform_wrapper textarea {
    padding: 6px 8px;
    line-height: 1.5;
    resize: none;
    border-color: #d2d2d2 !important;
}
 
.webkit input[type=checkbox], .webkit input[type=radio], .android input[type=checkbox], .android input[type=radio] {
    padding-left: 8px;
    padding-right: 8px;
    width: 14px !important;
}
 
html .gform_wrapper ul.gfield_radio li input[type="radio"] {
    width: 20px !important;
}
 
.gform_wrapper input[type="radio"]:checked::before {
    width: 14px;
    height: 14px;
    position: absolute;
    margin: 2px 2px;
}
 
.chrome .gform_wrapper input[type="radio"]:checked::before {
    width: 14px;
    height: 14px;
    position: absolute;
    margin: 2px 2px !important;
}
 
.safari .gform_wrapper input[type="radio"]:checked::before {
    width: 14px;
    height: 14px;
    position: absolute;
    margin: 2px 2px !important;
}
 
 
@media screen and (max-width: 414px) {
 
.gform_wrapper .top_label li.gfield.gf_left_half {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 100% !important;
    padding-right: 0px !important;
    float: none;
}
 
.gform_wrapper .top_label li.gfield.gf_right_half {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 100% !important;
    padding-left: 0px !important;
    float: none;
    padding-right: 0px !important;
}
 
div.gform_wrapper .top_label input.medium, div.gform_wrapper .top_label select.medium {
    width: 100% !important;
}
 
}
 
 

/* -----------------  GRAVITIY FORM INDIVIDUELL ----------------- */


.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    margin: 9px 0 1px 1px;
    display: inline-block;
    line-height: 1.3;
    clear: both;
    font-weight: 400;
    font-size: 17px !important;
    color: #828282;
    font-family: 'interstate', sans-serif !important;
}

.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: -3px !important;
}
 
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    color: #000 !important;
}
 
 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit;
    font-family: inherit;
    padding: 5px 8px !important;
    letter-spacing: normal;
    border: 1px solid #d2d2d2 !important;
   
}
 
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.3;
    clear: both;
    font-weight: 400;
 
    font-size: 17px !important;
    color: #828282;
    font-family: 'interstate', sans-serif !important;
}
 
.gform_wrapper .gfield_radio li label {
    margin: 2px 0 0 4px;
    font-weight: 400;
  
    font-size: 17px !important;
    color: #828282;
    font-family: 'interstate', sans-serif !important;
}
 
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    display: block;
 
    letter-spacing: .5pt;
    white-space: nowrap;
    font-weight: 400;
 
    font-size: 15px !important;
    color: #828282;
    font-family: 'interstate', sans-serif !important;
}
 
/* gform placeholders*/
::-webkit-input-placeholder { color:#FFF; }
:-moz-placeholder { opacity: 1; color:#FFF; } /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#FFF; } /* firefox 19+ */
:-ms-input-placeholder { color:#FFF; } /* ie */
input:-moz-placeholder { color:#FFF; }
 
 
 
/* -----------------  TABLES ----------------- */
 
 
 
/* -----------------  BUTTON ----------------- */
 
 div.anmeldung button.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff !important;
    border: 1px solid #0076C8 !important;
    background-color: #0076C8 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    width: 250px !important;
}

 div.anmeldung button.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #0076C8 !important;
    border: 1px solid #0076C8 !important;
    background-color: transparent !important;
  
}

 div.kurse button.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff !important;
    border: 1px solid #006341 !important;
    background-color: #006341 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    width: 250px !important;
}

 div.kurse button.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #006341 !important;
    border: 1px solid #006341 !important;
    background-color: transparent !important;
  
}

 div.seminare button.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff !important;
    border: 1px solid #B47E00 !important;
    background-color: #B47E00 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    width: 250px !important;
}

 div.seminare button.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #B47E00 !important;
    border: 1px solid #B47E00 !important;
    background-color: transparent !important;
  
}


 div.kurse a.vc_btn3-color-grey {
    color: #fff !important;
    border: 1px solid #006341 !important;
    background-color: #006341 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    
}

 div.kurse a.vc_btn3-color-grey:hover {
    color: #006341 !important;
    border: 1px solid #006341 !important;
    background-color: transparent !important;
  
}


 div.seminare a.vc_btn3-color-grey {
    color: #fff !important;
    border: 1px solid #B47E00 !important;
    background-color: #B47E00 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    
}

 div.seminare a.vc_btn3-color-grey:hover {
    color: #B47E00 !important;
    border: 1px solid #B47E00 !important;
    background-color: transparent !important;
  
}

 div.events a.vc_btn3-color-grey {
    color: #fff !important;
    border: 1px solid #9B2743 !important;
    background-color: #9B2743 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    
}

 div.events a.vc_btn3-color-grey:hover {
    color: #9B2743 !important;
    border: 1px solid #9B2743 !important;
    background-color: transparent !important;
  
}

 div.news a.vc_btn3-color-grey {
    color: #fff !important;
    border: 1px solid #002D72 !important;
    background-color: #002D72 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    
}

 div.news a.vc_btn3-color-grey:hover {
    color: #002D72 !important;
    border: 1px solid #002D72 !important;
    background-color: transparent !important;
  
}


 div.gastro a.vc_btn3-color-grey {
    color: #fff !important;
    border: 1px solid #0076C8 !important;
    background-color: #0076C8 !important;
     font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    
}

 div.gastro a.vc_btn3-color-grey:hover {
    color: #0076C8 !important;
    border: 1px solid #0076C8 !important;
    background-color: transparent !important;
  
}
 
 
 
/*------------------------------------*\    
SPECIFIC SCREENSIZE
\*------------------------------------*/
 
 
 
@media screen and (max-width: 2560px) {


	.vc_custom_1565760819352 {

    margin-top: -50px !important;
}

    .vc_row.vc_column-gap-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

    .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px !important;
    padding-right: 30px !important;

}
 
div.gusta-align-left h2 a {
float: left!important;
    font-size: 0.6em !important;
    line-height: 1.2 !important;
    font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    margin-top: 10px !important;
}

div.kurse h2 a {

    color: #006341 !important;
}

div.kurse h2 a:hover {

    color: #000000 !important;
}

div.seminare h2 a {

    color: #B47E00 !important;
}

div.seminare h2 a:hover {

    color: #000000 !important;
}

div.gusta-align-left p {
    margin-top: 7px !important;
    line-height: 1.2 !important;
}

div.gusta-align-left {
 
    margin-left: 0px !important;
    padding-right: 10px !important;
}


}
 
 
@media screen and (max-width: 1920px) {
 
 
}
 
@media screen and (max-width: 1910px) {
 
 
}
 
@media screen and (max-width: 1680px) {
 
 
}
 
@media screen and (max-width: 1600px) {
 
 .main-nav>li>a {

    padding-left: 10px !important;
    padding-right: 10px !important;

}
 
}
 
@media screen and (max-width: 1440px) {
 
 
}
 
@media screen and (max-width: 1366px) {

     .main-nav>li>a {

    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 15px !important;

}
 
 
}
 
@media screen and (max-width: 1200px) {
 

 [data-mobile-nav-scheme=dark] .navbar-collapse {
    background-color: #ffffff !important;
    color: #2F2F2F !important;
}

[data-mobile-nav-scheme=dark] ul.nav.main-nav > li > a {
    border-color: rgba(255, 255, 255, 0.1);
    color: #2F2F2F !important;
}

[data-mobile-nav-scheme=dark] .nav-item-children {
    background-color: #fff !important;
}

[data-mobile-nav-scheme=dark] .main-nav .lqd-custom-menu > li > a, [data-mobile-nav-scheme=dark] ul.nav.main-nav > li > a {
    border-color: rgba(255, 255, 255, 0.1);
    color: #2F2F2F !important;
    font-size: 18px !important;
}

.evc-predefined-style .evc-shortcode h4 {
    font-size: 19px !important;
}

 
}
 
 
/*------------------------------------*\    
MOBILE
\*------------------------------------*/
 
/*Ipad Landscape*/
 
@media screen and (max-width: 1024px) {

    .home-icon {
    background-image: url('https://citykirche.ch/wp-content/uploads/2020/04/christ-church-original-25.svg');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 5px;
    margin-right: 15px !important;
    margin-top: 30px !important;
    margin-left: 20px !important;
    padding-bottom: 5px !important;
}


    .main-nav .children > li > a, .nav-item-children > li > a {
    padding: 8px 35px;
    color: inherit;
    color: #000 !important;
    font-size: 18px !important;
}

	.pilgertitel p {
    font-size: 90px !important;
  
}
 
div.gusta-align-left h2 a {
    float: left!important;
    font-size: 0.5em !important;
    line-height: 1.2 !important;
    font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
}

div.gusta-align-left p {
    margin-top: 4px !important;
    font-size: 0.8em !important;
}

.titlebar-inner {
    padding-top: 150px !important;
    padding-bottom: 100px !important;
    color: #000;
}

.titlebar-inner h1 {
    color: #ffffff !important;
    font-size: 40px !important;
}
 
}
 
@media screen and (max-width: 1000px) {
 
 
 
}
 
 
 
@media screen and (max-width: 885px) {
 
}
 
 
/*Ipad X Landscape*/
 
 
@media screen and (max-width: 812px) {
 
 
 
 
}
 
 
/*Ipad Portrait*/
 
 
@media screen and (max-width: 768px) {

    .h3, h3 {

    font-size: 1.5em !important;

}


    [data-mobile-nav-scheme=dark] .nav-item-children {
    background-color: #f9f9f9 !important;
}


    .vc_col-sm-8 {
    width: 100% !important;
}

	.vc_col-sm-4 {
    width: 100% !important;
}

		.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


	div.copyright {
    margin-bottom: 20px !important; margin-bottom: 20px !important;
    margin-top: -20px !important;
}

    .vc_col-sm-6 {
    width: 100% !important;
}


    .titlebar-inner {
    padding-top: 150px !important;
    padding-bottom: 100px !important;
}

    .liquid-parallax-container, .liquid-parallax-figure {
    background-size: cover !important;
    background-position: inherit;
    background-repeat: no-repeat;
}


.titlebar {
   
    background-size: cover !important;
}

    div.kursbuttons {

        margin-top: 30px !important;
    }
 
 .vc_col-sm-10 {
    width: 100% !important;
}
 

 .vc_col-sm-2 {
    width: 100% !important;
}

div.anmeldung button.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
   
    width: 220px !important;
    margin-top: 10px !important;
    margin-right: 30px;
}

.vc_col-sm-3 {
    width: 100% !important;
}

.gusta-featured-image, .gusta-featured-image img {
    width: 70% !important;
    display: block;
}

div.gusta-align-left h2 a {
    float: left!important;
    font-size: 0.6em !important;
    line-height: 1.2 !important;
    font-family: 'BiancoSans', Helvetica, Arial, sans-serif !important;
    margin-top: 10px !important;
}

div.gusta-align-left p {
    margin-top: 4px !important;
    font-size: 0.9em !important;
}



}
 
 
 
/*Iphone 6/7 Plus Landscape*/
 
 
 
@media screen and (max-width: 736px) {
 
 
 
}
 
 
 
@media screen and (max-width: 714px) {
 
 
 
}
 
 
/*Iphone 6/7  Landscape*/
 
 
@media screen and (max-width: 667px) {
 
 
 
}
 
/*Galaxy S5*/
 
@media screen and (max-width: 640px) {
 
 
}
 
 
 
 
/*Iphone 5 Landscape*/
 
 
@media screen and (max-width: 568px) {
 
 
 
}
 
/*Iphone 4 Landscape*/
 
@media screen and (max-width: 480px) {
 
 
 
}
 
/*Nexus 6P*/
 
@media screen and (max-width: 435px) {
 

 div.weiss p {
    color: #fff !important;
    font-size: 18px !important;
    
}

div.weisssuchet p {
    color: #fff !important;
    font-size: 18px !important;
}

div.weiss h2 {
    color: #fff !important;
    font-size: 45px !important;
  
}

div.untertitelweiss h2 {
    color: #fff !important;
    font-size: 30px !important;
}
 
 
}
 
 
 
 
/*Iphone 6/7 Plus Portrait*/
 
@media screen and (max-width: 414px) {




    .events-item-title {
    margin: 0 !important;
    font-weight: 800 !important;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

.events-item-image {

    width: 100% !important;
}

    .reset-ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px !important;
}

    .navbar-brand img {
    transition: opacity 0.3s, visibiliy 0.3s;
    max-width: inherit;
    width: 250px !important;
    padding-bottom: 0px !important;
}

    

    .vc_row.vc_column-gap-30 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}


	.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.ld-fancy-heading .split-inner {
    display: inline-block;
    font-size: 40px;
    line-height: 1 !important;
    color: #fff !important;
}


    .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
 
.titlebar-inner {
    padding-top: 100px !important;
    padding-bottom: 50px !important;
}

.titlebar-inner h1 {
    color: #ffffff !important;
    font-size: 30px !important;
}

    .h1, h1 {

    font-size: 1.5em !important;
  
}


.h2, h2 {
  
   font-size: 1.5em !important;

}

.h3, h3 {
  
    font-size: 20px !important;

}

div.copyright {
    margin-top: -30px !important;
}
 
}
 
 
/*Nexus 5X*/
 
@media screen and (max-width: 411px) {
 
 
 
}
 
 
 
/*Iphone 6/7 Portrait*/
 
@media screen and (max-width: 375px) {
 
 
 
}
 
 
/*Galaxy S5*/
 
@media screen and (max-width: 375px) {
 
 
 
}
 
 
 
 
/*Iphone 4/5 Portrait*/
 
 
 
@media screen and (max-width: 320px) {
 
 
 
}
 
@media screen and (max-width: 240px) {
 
     
 
}
     
 
 
/*
ZWISCHEN ZWEI GROESSEN:
*/
 
 
@media screen and (min-width: 1025px) and (max-width: 2560px) {


.is-stuck .mainbar {

    margin-top: 0px !important;
}
 
.mainbar {

    margin-top: -30px !important;
}

.blog-single-content.expanded {
    padding-left: calc(6%) !important;
    padding-right: calc(6%) !important;
    margin-right: calc(-26%);
    margin-left: calc(-26%);
}

 
}



@media screen and (min-width: 769px) and (max-width: 2560px) {

 
 
 div.hide-on-desktop {
    display: none !important;
 }


  li#menu-item-179 {
    display: none !important;
 }

  li#menu-item-181 {
    display: none !important;
 }

  li#menu-item-182 {
    display: none !important;
 }

  li#menu-item-183 {
    display: none !important;
 }

  li#menu-item-184 {
    display: none !important;
 }

   li#menu-item-185 {
    display: none !important;
 }

   li#menu-item-186 {
    display: none !important;
 }
 
 
}

 
 
@media screen and (min-width: 200px) and (max-width: 768px) {

 
 
 
  div.hide-on-mobile {
    display: none !important;
 }

 
}