/*
Theme Name: nrwjusos
Theme URI:
Author: Media-Nova.com
Author URI: https://wordpress.org/
Description: NRWJusos
Version: 1.1

Text Domain: nrwjusos
Tags: one-column, flexible-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, theme-options,

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* hero Module Above the fold */
.site-hero                { width:100%; position:relative;  }
.site-hero .image-box     { width:100%; max-width: 100%; }
.site-hero .image-box img { width:100%; height:auto; }
.image-box .item-box { background-color: rgba(226,9,22,1); width: 100%;}
.image-box h2 {
    position: relative;
    padding: 0.5rem 3rem;
    background-color: transparent;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 4rem;
    width:100%;
}

@media (min-width:790px) {
  .image-box .item-box { background-color:transparent; width: calc(100% - 6rem); }
  .image-box h2 {
      position: absolute;
      bottom: 4rem;
      left: 15%;
      padding: 0.5rem 1rem;
      background-color: rgba(226,9,22,0.8);
      color: #fff;
      margin: 0;
      text-transform: uppercase;
      width:auto;
  }

}

/* Alignments */
.alignleft { display: inline; float: left; margin:0.5rem 1.5rem 1rem 0; max-width:100%; height:auto;}
.alignright { display: inline; float: right; margin:0.5rem 0 1.5rem 1rem; max-width:100%; height:auto; }
.aligncenter { clear: both; display: block; margin:0.5rem auto 1.5rem auto; max-width:100%; height:auto; }
.alignnone { clear: both; display: block; margin:0.5rem 0 1.5rem 0; max-width:100%; height:auto; }

/* teaser box Startseite */
.teaser-box  {background-color: rgba(1,87,115,0.9); padding: 5rem 0; color:#fff;margin-top: 8rem; }
.teaser-box a { color: #fff; text-transform: uppercase; }
.teaser-box .col-item { border-top:2px solid #fff; }

/* Blogs and ANews */
.blog-item {margin-bottom: 6rem;}
.blog-item .meta-box { font-size:1.4rem; }
.blog-item .meta-box div { margin-right:0.5rem; }
.post-title {
  color: #e20916;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 1rem 0;
  margin-top: 1rem;
  line-height:1.2;
  text-transform:uppercase;
}
.post-title a { color:#e20916; /*border-bottom:5px solid transparent;*/ vertical-align: top; display:inline;}
.post-title a:hover { text-decoration:none;  border-color:#e20916;  text-decoration:underline;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 2rem 0;
    border-radius: 4px;
}
.bottom-meta {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 2rem 0;
    padding: 1rem 0;
}
.content-box:empty { display:none;}
.bottom-meta .author { margin:1rem 0; font-size: 2.2rem; }
.bottom-meta .author-name { color: #006a86; font-size: 2.4rem; text-transform: uppercase; margin-top: 2rem; font-weight:800;}




.pagination > li {  display: inline; }
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

}.pagination > li:last-child > a, .pagination > li:last-child > span {

    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e20916;
    border-color: #e20916;
}
.social-box { padding:0; margin:0; display:inline-block;  }
.social-box .social-item { background-color:#bbb;  padding:0; margin:0;  list-style-type:none; display:inline-block; }
.social-box .social-item a {
    color: #fff;
    position: relative;
    height: 35px;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 1.2rem;
    padding:0.5rem 1rem;
    width:100px;
}
.social-box .social-item a:hover { background-color: #e20916;}
.social-box .social-item a .label { margin-left:1rem; }

/* Termine */

.date-box, .empty-box { -ms-flex-negative:0; flex-shrink:0; width:16rem; }
.calender-header, .calender-content {  width: calc(100% - 16rem); }
.calender-header p, .calender-content p { max-width:100%; }

.date-box {
  height: 16rem;
  line-height: 16rem;
  font-size: 11rem;
  text-align: center;
  background-color: #666666;
  color: #fff;
  font-weight:800;
}

.calender-header  .flex-column { height:100%; border-style:solid; border-color:#dcdcdc; border-width:1px 0 1px 0; padding:1rem 0; margin-left:1rem; }
.calender-header h2 { margin:0 0 1rem 0; }
.calender-header .date-content { margin: auto 0 0 0; }
.calender-header .date-content span { display:inline-block;}
.time { font-size: 16px; padding-left: 30px; }

.calender-item { margin-left:1rem; }

@media (max-width:790px) {
  .calender-header, .calender-content {  width: calc(100% - 6rem); }
  .date-box, .empty-box { width:6rem; }
  .date-box {
    height: 6rem;
    line-height: 6rem;
    font-size: 3rem;
  }
}

@media (max-width:400px) {
  .termine.flex-box { display:block; }
  .calender-header, .calender-content {  width:100%; }
  .empty-box { display:none; }
  .calender-header .flex-column,
  .calender-item  { margin:0; }
}

/* Member */
.member-item a { position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:10; }



/* forms */
input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}


/* widgets */
.widget-box ul, .widget-box li { display:block; list-style-type:none; margin:0; padding:0; }
.widget-box li a { display:block; text-decoration:none; padding: 10px 10px; color:#646464; }
.widget-box li a:hover { background-color:#eeeeee; }
.widget-title { font-size:3rem; text-decoration:uppercase;}

/* Accordion */
.accordion-item-title                    { position:relative; padding-right:50px; cursor:pointer; }
.accordion-item-title h5::-moz-selection { background: transparent; }
.accordion-item-title h5::selection      { background: transparent; }
.accordion-item-title [class^="icon-"]   {
  position:absolute;
  right:0;
  top:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  -webkit-transition: transform .3s ease-in-out;
  transition:  transform .3s ease-in-out;
}
.accordion-item.active [class^="icon-"]  { -webkit-transform:rotate(90deg); transform:rotate(90deg); }


.accordion-item-content                  { overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom:1px solid #000; margin-bottom:1rem; }
.accordion-item-content.deactive         {  max-height: 0!important; }
.accordion-item-content.active           { /* maxheight: will be set in JavaScript */ }


/* Icons */
[class^="icon-"]         { display:inline-block; min-width:25px; min-height:25px; position:relative;}
[class^="icon-"]:before  {
  position:absolute;
  top: 0;
  left: 0;
  content:'';
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:25px auto;
  background-position:center center;
}

.icon-facebook-white:before       { background-image:url(../images/icons/facebook-white.svg); }
.icon-facebook-black:before       { background-image:url(../images/icons/facebook-black.svg); }
.icon-twitter-white:before        { background-image:url(../images/icons/twitter-white.svg); }
.icon-twitter-black:before        { background-image:url(../images/icons/twitter-black.svg); }
.icon-google-plus-white:before    { background-image:url(../images/icons/google-plus-white.svg); }
.icon-google-plus-black:before    { background-image:url(../images/icons/google-plus-black.svg); }


/* Footer */
footer                            { color: #f6f6f6; padding:0; }
footer .footer-box                { color:#fff; background-color: #515151; padding-top: 30px; padding-bottom: 30px; }
footer .footer-box a              { color:#fff; margin: 0; }
footer .item-box                  { padding:1rem 0; }
footer .menu,
footer .menu li                   { display:inline-block; margin:0; }
footer a                          { margin-left:1.5rem; color: #f6f6f6; text-decoration:none; }
footer .menu li:first-of-type a   { margin-left:0; }
footer p                          { padding:0; margin:0; }
footer a:hover   { /*opacity:0.6; */ color:#fff;  }
.copyright-box { padding-right:2rem; }
.footer-navi-box { -ms-flex-negative:0; flex-shrink:0; }

@media (max-width:790px) {
  footer .flex-box         { display:block; padding-bottom:2rem; }
  footer .social-links li  { display:inline-block; }
}