/* ----------------------------------------- */ /* View: Newsletter View - start */ /* ----------------------------------------- */ .newsLetterColumn {width: 25%;float: left; min-width: 272px;} .newsLetterIcon {width: 252px; margin: 0 auto; background-color: #2c2a29;height: 140px;overflow: hidden;position: relative;margin-bottom: 30px;} .newsLetterIcon .newsLetterPreview {float: left;width: 128px;z-index: 1;position: relative; top: 10px;left: 8px;width: 100%;height: auto; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); /*opera*/ transform: rotate(-5deg); /*likely future standard*/ } .newsLetterIcon .newsLetterPreview img{ -webkit-box-shadow: -3px 6px 5px 4px rgba(0,0,0,0.50); -moz-box-shadow: -3px 6px 5px 4px rgba(0,0,0,0.50); box-shadow: -3px 6px 5px 4px rgba(0,0,0,0.50); position: absolute; width: 40%; height: auto; } .newsLetterIcon .newsLetterDate {text-align: center;color: #ffffff;margin-top: 25px;width: 55%;float: right;} .newsLetterIcon .newsLetterDate h2 {line-height: 32px;font-size: 32px;margin-bottom: 0px;text-transform: uppercase;} .newsLetterIcon .newsLetterDate p {line-height: 32px;font-family: "GillSansMTStd-Light";font-size: 32px;} .newsLetterIcon .newsLetterDownload {position: absolute; left:0px; bottom: 0px;background-color:#b4a466;width: 100%;} .newsLetterIcon .newsLetterDownload a {color: #2c2a29 !important;display: block; width: 100%; text-align: right; padding: 7px 10px 4px 0;font-size: 14px; line-height: 14px;font-family: "GillSansMTStd-Medium";z-index: 2;} .newsLetterIcon .newsLetterDownload:hover {/*background: #2c2a29;*/} .newsLetterIcon .newsLetterDownload:hover a {color: #ffffff !important;} .newsLetterIcon.Livery { background: #b4a466; } .newsLetterIcon.Livery .newsLetterDownload { background: #2c2a29; } .newsLetterIcon.Livery .newsLetterDownload a { color: #b4a466 !important; } .newsLetterIcon.Livery .newsLetterDownload a:hover { color: #ffffff !important; } body.page-template-page-newsletter header{height: 410px !important;background-size: cover;} body.page-template-page-newsletter header h1 {color: #FFF; text-align: center; padding-top: 184px; font-size: 32px; letter-spacing: 3px; text-transform: uppercase;} @media (max-width: 1168px) { .newsLetterColumn {width: 33%;} } @media (max-width: 875px) { .newsLetterColumn {width: 50%;} } @media (max-width: 603px) { .newsLetterColumn {width: 100%;} } /* ----------------------------------------- */ /* View: Newsletter View - end */ /* ----------------------------------------- */