@charset "UTF-8";
/* CSS Document */


/* Snippets Styles */
body { letter-spacing: 0.5px; }
.clearfloat { clear: both; line-height: 0; overflow: hidden; }

.DSfade {
opacity: 1;
-moz-transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
box-shadow: #000 0 0 0;
}
.DSfade:hover { 
opacity: 0.85;
}

.stories { margin: 15px 0; text-align: center; font-family: Helvetica, Arial, sans-serif; }
.stories h1 { font-family: "ofCxvIM3D5", Arial, sans-serif; font-size: 2.8em; font-weight: 600; margin: 0 0 60px; letter-spacing: 3px; }
.stories .columnONE { float: left; width: 65%; border-right: 1px solid #d8d8d8; text-align: left; }
.stories .columnTWO { float: left; width: 35%; text-align: left; padding-left: 30px; }
.stories .storyTHUMB, .stories .storyTXT { float: left; }
.stories .storyTHUMB { width: 45.27%; position: relative; }
.stories .storyTXT { width: 54.73%; padding: 20px 0 0 30px; }
.stories .storyTXT h2 { font-size: 23px; margin: 0 0 30px; padding: 0 125px 0 0; text-transform: none; font-weight: bold; line-height: 1.3em; }
.stories .storyTXT h2 a { display: block; }
.stories .storyTXT h2 a:hover { text-decoration: none; color: #888; }
.stories .storyTXT .storyTEASER { font: 14.6px Georgia, "Times New Roman", Times, serif; line-height: 1.6em; padding: 0 75px 0 0; margin: 0; color: #373737; letter-spacing: 0.16px; }
.stories .storyTXT .storyBUTTON { display: inline-block; border: 2px solid #373737; font-size: 13px; padding: 10px 12px; line-height: 15px; margin-top: 35px; font-weight: bold; }
.stories .storyTXT .storyBUTTON:hover { text-decoration: none; color: #888; border: 2px solid #888; }

.stories .snippetSMALL { border-bottom: 1px solid #d8d8d8; padding-bottom: 6.52%; margin-bottom: 6.52%; }
.stories .snippetSMALL:nth-child(2) { border-bottom: none; padding: 0; margin: 0; }
.stories .snippetSMALL .storyTHUMB { width: 36%; }
.stories .snippetSMALL .storyTXT { width: 64%; padding-top: 5px; }
.stories .snippetSMALL h2 { font-size: 17px; margin-bottom: 0px; padding: 0; }
.stories .snippetSMALL .storyBUTTON { margin-top: 20px; }

.stories .storyTHUMB:after { content: ' '; position: absolute; display: block; top: 38px; right: 0; width: 15px; height: 25px; z-index: 10; background-image: url('./images/home-article-pointer.png'); }
.stories .snippetSMALL .storyTHUMB:after { top: 16px; }


@media (max-width: 1024px) {
.stories .storyTXT .storyTEASER { display: none; }
.stories .columnONE,
.stories .columnTWO { float: none; width: 100%; padding: 0; }
.stories .columnONE { border-right: none; }
.stories .snippetLARGE { border-bottom: 1px solid #d8d8d8; padding-bottom: 6.52%; margin-bottom: 6.52%; }
.stories .storyTHUMB { width: 36%; }
.stories .storyTXT, .stories .snippetSMALL .storyTXT { width: 64%; padding-top: 25px; }
.stories .storyTXT h2 { font-size: 2em; margin-bottom: 0px; padding: 0 35% 0 0; }
.stories .storyTXT .storyBUTTON { margin-top: 25px; }
}

@media (max-width: 767px) {
.stories .storyTXT h2 { padding: 0 12% 0 0; }
}

@media (max-width: 550px) {
.stories h1 { font-size: 2.4em; margin-bottom: 35px; }
.stories .storyTXT, .stories .snippetSMALL .storyTXT { padding-top: 0px; }
.stories .storyTXT h2 { font-size: 13px; padding: 0 5% 0 0; }
.stories .storyTXT .storyBUTTON { margin-top: 15px; padding: 7px 9px; font-size: 12px; }
.stories .storyTHUMB:after { display: none; }
}