/*
 Theme Name:   CED
 Template:     generatepress
 Version:      0.1
*/

/** Font **/

/* affogato-regular - latin */
@font-face {
  font-family: 'Affogato';
  font-style: normal;
  font-weight: 300;
  src: url('https://chor-ensembleleitung.de/wp-content/uploads/fonts/Affogato-Light.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../wp-content/uploads/fonts/Affogato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../wp-content/uploads/fonts/Affogato-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Light.woff') format('woff'), /* Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../wp-content/uploads/fonts/Affogato-Light.svg#Affogato') format('svg'); /* Legacy iOS */
}
/* affogato-400 - latin */
@font-face {
  font-family: 'Affogato';
  font-style: normal;
  font-weight: 400;
  src: url('../../../wp-content/uploads/fonts/Affogato-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../wp-content/uploads/fonts/Affogato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../wp-content/uploads/fonts/Affogato-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Regular.woff') format('woff'), /* Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../wp-content/uploads/fonts/Affogato-Regular.svg#Affogato') format('svg'); /* Legacy iOS */
}
/* affogato-500 - latin */
@font-face {
  font-family: 'Affogato';
  font-style: normal;
  font-weight: 500;
  src: url('../../../wp-content/uploads/fonts/Affogato-Medium.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../wp-content/uploads/fonts/Affogato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../wp-content/uploads/fonts/Affogato-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Medium.woff') format('woff'), /* Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../wp-content/uploads/fonts/Affogato-Medium.svg#Affogato') format('svg'); /* Legacy iOS */
}
/* affogato-700 - latin */
@font-face {
  font-family: 'Affogato';
  font-style: normal;
  font-weight: 700;
  src: url('../../../wp-content/uploads/fonts/Affogato-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../../wp-content/uploads/fonts/Affogato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../wp-content/uploads/fonts/Affogato-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Bold.woff') format('woff'), /* Modern Browsers */
       url('../../../wp-content/uploads/fonts/Affogato-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../wp-content/uploads/fonts/Affogato-Bold.svg#Affogato') format('svg'); /* Legacy iOS */
}

/*  Links in text  */

p a {color: #005ea5}

.extlink a[href^="https"] {
  background: url("https://chor-ensembleleitung.de/wp-content/uploads/2023/09/external-link.svg") no-repeat 100% 0;
  background-size: 16px 16px;
  background-position-y: center;
  padding-right: 19px;
}

/*  navigation main  */
.main-navigation {
    border-top: 6px solid #fe8568; }

/* center aligned immages on mobile */
@media(max-width: 599px) {
    .site-content .wp-block-image figure {
        float: none;
        text-align: center;
        margin: 0 0 1.5em 0;
        width: 100%;
    }
    .site-content .wp-block-image figure img {
        width: 100%;
    }
}

/* Layout helper */

p.pt3m { padding-top: 3em }
.p15bl figure { padding: 0 0 1.5em 1.5em }
p.p-less {margin-bottom: 0px;}
.shadow-l {box-shadow: 0 5px 20px 0 #00000017;}
.caption-align-left figcaption {text-align: left}
.minw20 {min-width: 20em}
.mb0 {margin-bottom: 0}


#site-navigation {box-shadow: 0 5px 20px 0 #00000017}
/*.site-footer, .site-info 
        {box-shadow: 0 -5px 20px 0 #00000017}*/
.nav-links .page-numbers {
  background-color: rgb(225, 234, 242);
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 18px;
}
.paging-navigation .nav-links .current {
  font-weight: normal;
  background-color: white;
  border: 2px solid rgb(225, 234, 242);
  padding: 4px 8px;
}
.nav-links .page-numbers:hover {
  background-color: rgb(202, 224, 242);
}
.paging-navigation .nav-links .current:hover {
  background-color: white;
}


/* buttons */
.mittig {align-items: center;
        justify-content: center;}
a.button {border-radius: 4px}


blockquote {
  display: block;
  box-shadow: rgb(0 0 0 / 10%) 8px 9px 25px -6px;
  /*border-width: 2px 0;
  border-style: solid;
  border-color: #eee;*/
  border: none;
  padding: 1.5em 2em 1.5em 2em;
  margin: 2.5em auto;
  width: 79%;
  font-size: 1em;
  letter-spacing: .3px;
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 0%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 3rem;
  height: 2rem;
  font: 8em/.88em Georgia, serif;
  color: #fe8468;
  text-align: center;
}
blockquote cite {
  content: "\2013 \2003";
  display: block;
  text-align: right;
  font-size: 0.875em;
  color: #e74c3c;
  font-family: Arial;
  font-style: normal;
}


/* Spalten als DefinitionList 25/75*/

.spaltendeflist .wp-block-columns {margin-bottom: 1em}
.spaltendeflist .wp-block-columns div:first-child {max-width: 8em}
.spaltendeflist .wp-block-column p {margin-bottom: 0}


/*  temp  */
#post-82 .entry-content a {color: #86c0eb;}
#post-82 .entry-content a:hover {color: #cbdae4;}
.wp-block-file .wp-block-file__button, .wp-block-file a.wp-block-file__button:visited {
background: #e3e3e3;
border-radius: .3em;
color: #3e3e3e; }



/*body.page-id-170x {
background-image: url('../../uploads/2021/06/conductor_vectorized.svg');
background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}*/


/* list-items */
/*span.wpcf7-list-item { display: block; }
span.wpcf7-list-item-label {padding-left: .5em}
*/

/******** Fluent forms ******/
.fluentform .ff-el-form-check:first-child {
    margin-top: 9px;
 }

/*zoom hover effect*/
.post-image {
    position: relative;
    overflow: hidden;
}
.post-image img {
    max-width: 100%;
    border-radius: 3px;
  
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}
.post-image:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* table white */
#post-122 .wp-block-table td {border: 1px solid white;}
@media (min-width: 768px) {
    #post-122 table {width: 70%}
}


/******** Newsletterbox ******/
.newsletterbox h2 {letter-spacing: 3.3px}
.newsletterbox .wp-block-media-text__content {
    background-color: #5169ad;
    padding: 3em 3em 1em 3em}
.newsletterbox label.sib-email-area {color: #c0cdd9}
.newsletterbox span {color: red; line-height: .9em; font-size: 1.5em}
.newsletterbox .sib-OPT_IN-area {
    padding-left: 1.5em;
    text-indent: -1.5em;
    color: #f0f8ff;
}
.newsletterbox .sib-OPT_IN-area a {color: #98cfff}
.newsletterbox p.sib-OPT_IN-area {margin-bottom: 1em}
.newsletterbox .sib-disclaim, .newsletterbox p.sib-NACHNAME-area, .newsletterbox p.sib-VORNAME-area {color: #c0cdd9; font-size: .9em}
/*.newsletterbox p .sib-default-btn {text-align: center}*/
.newsletterbox p .sib-default-btn {padding: 10px 40px}
.newsletterbox p.submitbtn {text-align: center}
.newsletterbox input[type="text"], .newsletterbox input[type="email"] {width: 100%}
.site-footer .gb-button {border-radius: 5px}

/* listen-Ansicht wie bei "Einsteigen"  */
.listcontent .gb-container p:first-child strong {
    font-size: 19px;
    color: #2c2f5f;
}
.listcontent ul {
    list-style-type: "→ ";
}
.clearright {
    clear:right;
}