/*						 */
/* STORY ADJUSTMENTS CSS */
/*						 */


html, body {
  height: 100%;
  width: 100%;
  font-family: 'PT Serif', serif;
}

.paddedimg {
   padding: 10px;
}

/* Word-break for H1 on small screens */
h1 {
  -ms-word-break: break-all;
  word-break: break-all;

  /* Non standard for webkit */
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.bigger {
font-size: 250%;
}

.gray {
color: gray;
}

nav {
    display: block;
}

p.first::first-letter {
    font-size: 400%;
    float: left; 
    margin: 0 0 5px 0;
}

.white {
	color: white;
}


/* for fading-in effect: block to be faded in have to be faded out first */
.fadedoutblock {
    opacity:0;
}

/* section w/padding */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

/* text w/vertical centering */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.text-vcenter h1 {
  font-weight: 700;
  margin: 0;
  padding: 0;
}

h1 {font-size: 3em;}

@media screen and (min-width: 768px) {
    h1 {font-size: 4.5em;}
}

h3 {font-size: 2em !important;}

@media screen and (min-width: 768px) {
    h3 {font-size: 3em;}
}


/*						


*/
/* PARALLAX SCROLL PICS */
/*						*/

/*	for iOS compatibility shall use background-attachment: scroll (last one here) instead of fixed */
/*	the effect is not that pronounced with that :( */
#bckimg1 {
        background: url(images/head1.jpg) no-repeat center center scroll;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height: 100%;
        width: 100%;
		display: table;
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
    }

/*	old version mock */



img.style3 { width: 50%; height: auto;  }




#bckimg1 {
  background: url(images/head1.jpg) no-repeat center center scroll; 
  display: table;
  height: 100%;
/* opacity: 0.5; */
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
box-shadow:0 0 0 1250px rgba(0, 0, 0, 0.33) inset;}





#bckimg2 {
  background: url(images/Hope-ice.jpg) no-repeat center center scroll; 
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        height: 100%;
        width: 100%;
		display: table;
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;cover;
box-shadow:0 0 0 1250px rgba(0, 0, 0, 0.33) inset;
}




#bckimg3 {
  background: url(images/PLS.jpg) no-repeat center center scroll; 
  display: table;
  height: 100%;
/* opacity: 0.8; */
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

box-shadow:0 0 0 1250px rgba(0, 0, 0, 0.33) inset;}




#bckimg4 {
  background: url(images/NN2.jpg) no-repeat center center scroll; 
  display: table;
  height: 100%;
/* opacity: 0.8; */
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
box-shadow:0 0 0 1250px rgba(0, 0, 0, 0.33) inset;
}




#bckimg5 {
  background: url(images/teacher.jpg) no-repeat center center scroll; 
  display: table;
  height: 100%;
/* opacity: 0.8; */
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




#bckimg6 {
  background: url(images/archive.jpg) no-repeat center center scroll; 
  display: table;
  height: 100%;
/* opacity: 0.8; */
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




/*									*/
/* PANGEA CODE - SHARING ICONS ETC. */
/*									*/

.ico{width:38px;height:38px;background-size:cover;background-position:center center;transition:0.5s all;cursor:pointer;z-index:999}
.ico.ico-facebook{background-image:url("http://docs.rferl.org/Infographics/2015/2015_09/2015_09_DesperateHoneymoon/img/ico-facebook.png");opacity:0.8}
.ico.ico-twitter{background-image:url("http://docs.rferl.org/Infographics/2015/2015_09/2015_09_DesperateHoneymoon/img/ico-twitter.png");opacity:0.8}
.ico.ico-mail{background-image:url("http://docs.rferl.org/Infographics/2015/2015_09/2015_09_DesperateHoneymoon/img/ico-mail.png");opacity:0.8}
.ico.ico-vkontakte{background-image:url("http://docs.rferl.org/Infographics/2015/2015_09/2015_09_DesperateHoneymoon/img/ico-vkontakte.png");opacity:0.8}
.ico.ico-close{background-image:url("http://docs.rferl.org/Infographics/2015/2015_09/2015_09_DesperateHoneymoon/img/ico-close.png");opacity:0.8;margin-left:10px}
.ico:hover{opacity:1;transition:0.5s all}
header nav{margin:0;padding:0}
header nav ul{list-style:none;text-align:center;margin:0;padding:0}
header nav ul li.active a{color:#ea6903;opacity:1 !important}
header nav ul li a,div#mobile-navigation nav ul li a{color:#fff;text-decoration:none;transition:0.5s all}
header nav ul li a:hover,div#mobile-navigation nav ul li a:hover{color:#ea6903;text-decoration:none;transition:0.5s all}
section#hero{height:100%;background:#000;background:url("http://gdb.rferl.org/336FDFAA-9562-4F32-A49B-7E5E1E653880.jpg");
background-size:cover;
background-position:center top}section#hero .ico-continue{height:48px;width:48px;
background-image:url("http://docs.rferl.org/Infographics/2015/2015_09/2015_09_DesperateHoneymoon/img/ico-continue.png");
opacity:0.8;transition:0.5s all}section#hero .ico-continue:hover{opacity:1;transition:0.5s all}
header.header-transparent a.logo-mobile.ct{width:38px;background-size:contain;background-image:url("http://gdb.rferl.org/4531E887-183B-49CE-8F32-B8FE966A9C33.png")}
header.header-light a.logo-mobile.ct{width:38px;background-size:contain;background-image:url("http://gdb.rferl.org/4531E887-183B-49CE-8F32-B8FE966A9C33.png")}
header.header-dark a.logo-mobile.ct{width:38px;background-size:contain;background-image:url("http://gdb.rferl.org/4531E887-183B-49CE-8F32-B8FE966A9C33.png")}
header.header-transparent a.logo-desktop.ct{width:128px;background-size:contain;background-image:url("http://gdb.rferl.org/B42B3952-D7EF-455C-965E-BB1E61A8083B.png")}
header.header-light a.logo-desktop.ct{width:128px;background-size:contain;background-image:url("http://gdb.rferl.org/B42B3952-D7EF-455C-965E-BB1E61A8083B.png")}
header.header-dark a.logo-desktop.ct{width:128px;background-size:contain;background-image:url("http://gdb.rferl.org/B42B3952-D7EF-455C-965E-BB1E61A8083B.png")}

/* (C)reated/compiled by Nick Shchetko`2015 for CurrentTime  */