/* Mobile (portrait and landscape) ----------- */ @media (max-width: 479px) { @font-face { font-family: 'si'; src: url('../fonts/socicon-1.3/socicon.eot'); src: url('../fonts/socicon-1.3/socicon.eot?#iefix') format('embedded-opentype'), url('../fonts/socicon-1.3/socicon.woff') format('woff'), url('../fonts/socicon-1.3/socicon.ttf') format('truetype'), url('../fonts/socicon-1.3/socicon.svg#icomoonregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bodonixtregular'; src: url('../fonts/bodonixt-webfont.eot'); src: url('../fonts/bodonixt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bodonixt-webfont.woff2') format('woff2'), url('../fonts/bodonixt-webfont.woff') format('woff'), url('../fonts/bodonixt-webfont.ttf') format('truetype'), url('../fonts/bodonixt-webfont.svg#bodonixtregular') format('svg'); font-weight: normal; font-style: normal; } #siBar-wrapper{ display:none; } a, a:active, a:visited { border-bottom: 1px solid #a69164; color: #a69164; outline: 0 none; text-decoration: none; outline:none; } a:hover { color:#756743; text-decoration:none } .desc_link{ font-family: "Crimson Text",serif; font-size: 11px; line-height: 28px; border-bottom: 1px solid #a69164; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family:si; src: url(../fonts/socicon-1.3/socicon.svg) format(svg); } } body{ font-kerning: normal; } .header { margin: 10px 0 0; overflow: hidden; position: relative; } .soc { float: right; font-family: "Lato",sans-serif; height: 27px; list-style: outside none none; margin: 0; overflow: hidden; padding: 0; } .soc li a:hover{ background-color:#b2b2b2; } .soc li { display:inline-block; *display:inline; zoom:1; } .si_logo { margin-top: 20px; position: relative; } .si_logo img { width: 200px; } .si_logo .line { background-image: url("../img/line.jpg"); background-position: left center; background-repeat: repeat-x; height: 28px; left: 210px; position: absolute; right: 0; top: 0; } .soc li.first { float: left; font-size: 12px; height: 27px; line-height: 27px; margin-right: 5px; } .soc li a { font-family:si!important; font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -o-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; transition:.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); overflow:hidden; text-decoration:none; text-align:center; display:block; position: relative; z-index: 1; width: 27px; height: 27px; line-height: 27px; font-size: 14px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-right: 0px; color: #ffffff; background-color: #9e9e9e; } .section{ min-height:700px } .title { margin:10px 0 5px; } .dek { color: #756744; font-family: "bodonixtregular"; font-size: 45px; letter-spacing: 0; line-height: 40px; margin: 10px 0 0; text-transform: uppercase; word-spacing: -5px; } .figure img { height: 500px; margin-top: -80px; position: absolute; right: 0; } .desc { font-family: "Crimson Text",serif; font-size: 20px; line-height: 120%; margin: 30px 0 0; } .small-line { background-color: #000; float: left; height: 1px; margin: 20px 0 10px; width: 275px; } .sportsman_logo { width: 144px; } .container { margin: 0 auto 40px; position: relative; } .figure { position: relative; z-index: 9; animation-name: bobbingAnim; animation-duration: 2s; animation-iteration-count: infinite; animation-play-state: running; -webkit-animation-name: bobbingAnim; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; } .sig { bottom: 15%; position: absolute; right: 7%; z-index: 10; } .sig img{ width:280px } .title img{ width:100%; height:auto } .soc-icon-last{ margin:0 !important; } .soc-twitter:before { content:'a'; } .soc-facebook:before { content:'b'; } .covers { background-color: #000; background-image: url("../img/cover_bg.jpg"); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; min-height: 300px; padding: 60px 0 30px; position: relative; } .gallery-section { background-color: #000; min-height: 200px; overflow: auto; padding: 50px 0 0; position: relative; } .gallery-section .container p { color: #fff; font-family: "Crimson Text",serif; font-size: 19px; line-height: 30px; margin: 20px 0 0; } .covers .container p { color: #fff; font-family: "Crimson Text",serif; font-size: 19px; line-height: 130%; margin: 25px 0 0 0; } .new_cover { margin: 30px 0; text-align: center; } .meta { border-top: 1px solid #565656; float: left; margin: 30px 0 0; min-width: 260px; } .meta p.date { color: #c0a96f; font-family: "Lato",sans-serif; font-size: 11px; line-height: 14px; margin: 8px 0 5px; padding: 0; text-transform: uppercase; } .meta p.magtitle{ font-family: "bodonixtregular"; font-size:20px; line-height:24px; color:#FFF; margin:0; padding:0 } .date { color: #c0a96f; display: block; font-family: "Lato",sans-serif; font-size: 11px; line-height: 14px; margin: 10px 0 7px; padding: 0; text-transform: uppercase; } .magtitle{ font-family: "bodonixtregular"; font-size:20px; line-height:24px; color:#FFF; margin:0; padding:0; display:block } h2.sec-title { color: #fff; font-family: "bodonixtregular"; font-size: 30px; font-weight: normal !important; letter-spacing: 3px; margin: 0; text-transform: uppercase; } .gold-line { background-color: #c0a96f; height: 1px; margin: 5px 0 0; max-width: 500px; width: 100%; } .caption { font-family: "Lato",sans-serif; font-size:11px; color:#666 } .topright { left: 5px; position: absolute; right: 5px; top: 5px; } .bottomright{ position:absolute; bottom:5px; right:5px; } .covergallery{ position:relative } #main { margin-top: 80px !important; overflow: hidden; position: relative; padding-top:20px } ul, li { list-style: outside none none; margin: 0; padding: 0; } #tiles p { border-bottom: 1px solid #fff; padding-bottom: 10px; } #tiles li { max-width: 250px; margin: 0 ; padding: 0 0 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #tiles li a:hover{ display:block; text-decoration:none; } #tiles li a{ border-bottom:0px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #tiles li a:hover .magtitle{ color:#ccc; display:block; text-decoration:none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #tiles li a.nolink{ display:block; color:#666; text-decoration:none; pointer-events: none; cursor: default; } #tiles li a.nolink .magtitle{color:#666;} .wookmark-placeholder { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cta { background-color: rgba(232, 219, 166, 0.9); bottom: 0; color: #000; font-family: "bodonixtregular"; font-size: 12px; height: 40px; left: 0; letter-spacing: 3px; line-height: 40px; margin: 0; max-width: 100%; position: fixed; right: 0; text-align: center; text-transform: uppercase; word-spacing: 0; z-index: 99; } .cta a{ color:#000; text-decoration:none; } .cta a:hover{ color:#333; text-decoration:none; } /* NEW CSS */ .rslides_container { margin: 50px auto; max-width: 1200px; min-height: 0; position: relative; } .longform { color: #fff; font-family: "Crimson Text",serif; font-size: 20px; font-weight: normal !important; letter-spacing: 0px; text-decoration:none; } .longform a { border:0px; color: #c0a96f; display: block; font-family: "Crimson Text",serif; font-size: 23px; font-weight: normal !important; letter-spacing: 0; text-decoration: none; } .quotes { margin: 30px 15px; } .quotes p { font-family: "Crimson Text",serif; font-size: 19px; margin: 30px auto; max-width: 770px; text-align: center; } .quotes .gold-line{ text-align:center; margin:0 auto } .quote-block{ max-width: 600px; margin:40px auto; text-align:center } .quote-block .quotation { font-family: "bodonixtregular"; font-size: 19px; line-height: 130%; } .quote-block .by { font-family: "Lato",sans-serif; font-size: 14px; margin: 10px auto; max-width: 250px; } .quote-block .gold-line{ width:130px; overflow:hidden; margin: 20px auto; } #footer a{ border-bottom:0px; } #footer .frame { background: #181818 none repeat scroll 0 0; text-align: center; color:#eee } #footer .content { font: 11px/16px Arial,Helvetica,sans-serif; margin: 0 auto; max-width: 600px; padding: 20px 0 5px; width: 80%; } #footer .content p{ margin:10px 0 } #ad_choices { margin: 0 0 0 5px; vertical-align: middle; } /* NEW CSS */ @keyframes bobbingAnim { 0% { transform: translate(0px, 0px); animation-timing-function:ease-in-out } 50% { transform: translate(0px, 10px); animation-timing-function:ease-in-out } 100% { transform: translate(0px, 0px); animation-timing-function:ease-in-out } } @-webkit-keyframes bobbingAnim { 0% { -webkit-transform: translate(0px, 0px); -webkit-animation-timing-function:ease-in-out } 50% { -webkit-transform: translate(0px, 10px); -webkit-animation-timing-function:ease-in-out } 100% { -webkit-transform: translate(0px, 0px); -webkit-animation-timing-function:ease-in-out } } }