/*
Theme Name: CRockefeller.org
Description: CRockefeller WP-theme
Author: Mario
Author URI: wildsmile.de
*/



/*preload*/


@import url('css/bootstrap.min.css');


@font-face {
    font-family: 'CRockefellerRegular';
    src: url('fonts/ICR/ideal_crockefeller_regular-webfont.eot');
    src: url('fonts/ICR/ideal_crockefeller_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ICR/ideal_crockefeller_regular-webfont.woff2') format('woff2'),
         url('fonts/ICR/ideal_crockefeller_regular-webfont.woff') format('woff'),
         url('fonts/ICR/ideal_crockefeller_regular-webfont.ttf') format('truetype'),
         url('fonts/ICR/ideal_crockefeller_regular-webfont.svg#ideal_crockefellerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'opensans_bold';
    src: url('fonts/OSb/OpenSans-Bold-webfont.eot');
    src: url('fonts/OSb/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OSb/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OSb/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OSb/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'opensans_italic';
    src: url('fonts/OSi/OpenSans-Italic-webfont.eot');
    src: url('fonts/OSi/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OSi/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OSi/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OSi/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*structure*/

body {color: #000; background: #fff; margin: 0 auto; }


h1, h2, h3{
	font-family:'CRockefellerRegular', Arial, sans serif;
  letter-spacing: 0.03em;
}

h4, h5, h6{
	font-family:'opensans_bold', Arial, sans serif;
}

nav a{
    font-family:'CRockefellerRegular', Arial, sans serif;
    text-transform: uppercase;
    letter-spacing: 0.03em;

}

a {
	font-family:'opensans_italic', Arial, sans serif;
}

.navbar a{
    color: #000;

}

.navbar a:hover{
    color: #0286D1;
    background-color: transparent !important;

}

.navbar a:focus{
    color: #0286D1;
    background-color: transparent !important;

}

header{
    font-family:'CRockefellerRegular', Arial, sans serif;
    color: #0286D1;
}

footer{
    font-family:'CRockefellerRegular', Arial, sans serif;
    font-size: 1.5em;
    color: #0286D1;
    letter-spacing: 1px;;
    text-align: center;
    margin-top: 100px;

}
footer a{
    font-family:'CRockefellerRegular', Arial, sans serif;
    color: #0286D1;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;

}

.header-descriptor{
    background-color: #fff;
    position: relative;
    float: right;
    width: 29%;
    height: 160px;
    top: -162px;
    right: 14%;
    z-index: 5;
    margin-bottom: -156px;



}

.nav{
    font-size: 0.8em;
}
.navbar{
    font-family: 'CRockefellerRegular', Arial, sans serif;
    font-size: 2em;
}
.navbar li{
    border-bottom: 1px solid #0286D1;
}
.navbar-right {
    margin-right: 0;
}
.navbar-brand {
    padding: 15px 0;
}
.fixed-navbar header {
    padding-bottom: 113px;
}
.fixed-navbar nav#navbar {
    width: 100%;
    padding-top: 15px;
}
.navbar ul > li:first-child > a {
    padding-left: 0px;
}
.navbar ul > li:last-child > a {
    padding-right: 0px;
}
#navbar-nav{
    position: relative;
    top: -35px;
}
#navbar-content {
    padding-top: 40px;
}

#navbar-logo > a {
    float: right;
    height: 70px;
    padding: 0;
}


#footer-line{
    border-top: 1px solid #0286D1;
}


/*content*/

#startpage-media{
    width: 100%;
}

#galery-media{
    margin-top: 75px;
}

#galery-media div {
    word-wrap:break-word;
}

#galery-media.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

#galery-media.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  margin-bottom:3em;
}

.slideshow { position: relative; width: 100%; height:100vh; }
.slideshow:after { padding-top: 75%; }
.slide { position: absolute; top:0px; left:0px; width: 100%; height: 100%; }

.slide-img { width: 100%; }

.slide-description { position: absolute; bottom:0px; width:100%; }
.slide-description [class*='col-']{
    background-color:#FFF;
    height: 15em;
    word-wrap:break-word;
}
header { overflow: hidden; }

header p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color:#000;
}

a.gallery-link { font-size: 40px; text-align:center; }

.text-black { color:#000; }

.navbar a { color: #337ab7; }
.navbar a:hover { color: #000; }

.img-crock { margin-bottom: 30px; width:100%; }

#footer-widget li{
  list-style-type: none;
}
#form-wysija-2 > p, #form-wysija-2 > div {
  display: inline;
  vertical-align: text-bottom;
}
#form-wysija-2 > div > div {
  margin:  0 auto;
}
#form-wysija-2 input {
  width: 250px;
  margin: 0 auto;
}
@media(max-width:767px){
  #navbar-content {
    padding-top: 6px;
  }
  #galery-media{
      margin-top: 0px;
  }
  #menu-menubar {
    padding-top: 3px;
    padding-left: 0px;
  }
  #menu-item-3995 {
    padding-left: 15px;
  }
  .navbar-toggle .icon-bar {
    background-color: #337ab7;
    width: 40px;
  }
  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 14px;
  }
  .navbar-toggle {    
    margin: 8px -15px;
  }
  .img-responsive {
    display: inline-block;    
    width: 100%;
  }
  #search-group {
    font-family: 'opensans_italic';
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #menu-search a {
    display: none;
  }
  body > div > .row {
    margin-left: -45px;
    margin-right: -45px;
  }
  .page-id-216 article.post img {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
  }
}
@media(min-width:768px) {
  .fixed-navbar #navbar{
    z-index: 9999;
    position: fixed;
    top: 0px;
    background: #fff;
  }
  .single-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 2em 1em;
  }
  #search-group {
    width: 240px;
    position: absolute;
    right:0px;
    top:3em;
    display:none;
    font-family: 'opensans_italic';
  }
}
.wp-block-image img {
	width: 100%;
	height: auto;
}
.img-responsive.wp-post-image {
    width: 100%;
}