/* The webfonts embedded by this stylesheet are copyright of TypeTrust.com and have been licensed for use on this domain: nosmag.com Unauthorized use is prohibited. Contact webfonts@typetrust.com to embed TypeTrust fonts on your website. */ @font-face { font-family: 'HeroicCondensedLight'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-light.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-light.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-light.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-light.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-light.svg#HeroicCondensedLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedLight'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.svg#HeroicCondensedLight') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedLight'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.svg#HeroicCondensedLight') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedLight'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.svg#HeroicCondensedLight') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'HeroicCondensedLightOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.svg#HeroicCondensedLightOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedLightOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-lightoblique.svg#HeroicCondensedLightOblique') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedLightOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.svg#HeroicCondensedLightOblique') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedLightOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.svg#HeroicCondensedLightOblique') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'HeroicCondensedBook'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-book.svg#HeroicCondensedBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedBook'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.svg#HeroicCondensedBook') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedBook'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.svg#HeroicCondensedBook') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedBook'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.svg#HeroicCondensedBook') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'HeroicCondensedBookOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.svg#HeroicCondensedBookOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedBookOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bookoblique.svg#HeroicCondensedBookOblique') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedBookOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.svg#HeroicCondensedBookOblique') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedBookOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.svg#HeroicCondensedBookOblique') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'HeroicCondensedRegular'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regular.svg#HeroicCondensedRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedRegular'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.svg#HeroicCondensedRegular') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedRegular'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.svg#HeroicCondensedRegular') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedRegular'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedRegular') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'HeroicCondensedRegularOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.svg#HeroicCondensedRegularOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedRegularOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-regularoblique.svg#HeroicCondensedRegularOblique') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedRegularOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedRegularOblique') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedRegularOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedRegularOblique') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'HeroicCondensedBold'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.svg#HeroicCondensedBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedBold'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedBold') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedBold'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-bold.svg#HeroicCondensedBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedBold'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedBold') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'HeroicCondensedBoldOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedBoldOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HeroicCondensedBoldOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedBoldOblique') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HeroicCondensedBoldOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedBoldOblique') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HeroicCondensedBoldOblique'; src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot'); src:url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.eot?#iefix') format('embedded-opentype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.woff') format('woff'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.ttf') format('truetype'), url('//webfonts.typetrust.com/141031132245_NOSMAG/heroiccondweb-boldoblique.svg#HeroicCondensedBoldOblique') format('svg'); font-weight: bold; font-style: italic; } /* Theme Name: Nos Theme URI: //www.nos.ie Description: Custom Wordpress Theme for Nos Magazine Version: 1.1 Author: Ollie McCarthy Author URI: ///www.themeforest.net/user/OllieMcCarthy License URI: n/a License: Creative Commons - non-commercial Tags: n/a */ /* ================================================== */ /* ========== HTML5 BOILERPLATE RESET =============== */ /* ================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } html { overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 12px; } p {line-height: 18px;} body, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #01b0f1; color: #fff; text-shadow: none; } ::selection { background: #01b0f1; color: #fff; text-shadow: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: 700; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 0px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden;} figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #FFF; } table { border-collapse: collapse; border-spacing: 0; } .clear {clear:both;} /* --- TABLE OF CONTENTS --------------------------------------- */ /* ------------------------------------------------------------ */ /* --- 1 : General Typgraphy --------------------------------- */ /* --- 2 : Header ------------------------------------------- */ /* --- 3 : Featured Area ----------------------------------- */ /* --- 4 : Homepage Blogroll ------------------------------ */ /* --- 5 : Newsletter ------------------------------------ */ /* --- 6 : Footer --------------------------------------- */ /* --- 7 : The Single Post ----------------------------- */ /* --- 8 : Category Page ------------------------------ */ /* --- 9 : Miscellaneous ----------------------------- */ /* -------------------------------------------------- */ /* ------------------------------------------------- */ /* ------------------------------------------------ */ /* ----------------------------------------------- */ /* ---------------------------------------------- */ /* ----------------------------------------- */ /* --- 1 : General Typogrpahy ------------- */ /* --------------------------------------- */ body { } a {text-decoration:none; color:#000;} h1, h2, h3, h4 , h5, h6 {font-family: 'HeroicCondensedRegular', sans-serif;} #main-content-wrapper p{font-family:Georgia,sans-serif;font-size:24px;line-height:1.5em} /* ----------------------------------------- */ /* --- 2 : Header ------------------------- */ /* --------------------------------------- */ /* Sticky Nav */ header {width:100%; height:8.5vw; position:absolute; z-index:997; background:#FFF; box-shadow:none; transition:top 1s; } header.fadeOut {opacity:0; top:-150px;} header.fadeOut.smaller {opacity:1; top:0px; } header.smaller {height:5.9vw; box-shadow: 0px 4px 50px -4px rgba(0,0,0,0.28); position:fixed;} #header-spacing {height:8.5vw;} header a#nos-logo {border-top:0px solid #222; top:-1.5vw; background:url(images/logo@2x.png) scroll transparent no-repeat; background-size:11.62vw 14.98vw; width:11.62vw; height:14.98vw; position:absolute; left:0.2vw; -webkit-transform: scale(0.8); transform: scale(0.8); z-index:99;} header.smaller a#nos-logo { background:url(images/logo@2x.png) scroll transparent no-repeat; background-size:8.61vw 11.06vw; width:8.61vw; height:11.06vw; position:absolute; left:-0.13vw; } header a#sticky-logo {display:none;} /* Menu */ ul#menu-main-menu {position:absolute; top: 2.92vw; z-index:100; left:12.96vw; font-family: 'HeroicCondensedRegular', sans-serif; text-transform:uppercase; font-size:1.96vw; } header.smaller ul#menu-main-menu {top:1.72vw; left:11.06vw; } ul#menu-main-menu li {float:left; position:relative;} ul#menu-main-menu > li:hover > ul {display:block;} ul#menu-main-menu li a {padding:0.55vw 1.5vw; color:#000; } ul#menu-main-menu li.current-menu-item a {} ul#menu-main-menu > li:last-child a {color:#01b0f1;} ul#menu-main-menu li a:hover,ul#menu-main-menu li a.menuhovered {color:#FFF; background:#01b0f1;} ul#menu-main-menu > li:last-child a:hover {background:#01b0f1; color:#FFF;} ul#menu-main-menu > li.current-post-ancestor a, ul#menu-main-menu > li.current-menu-ancestor a, ul#menu-main-menu > li.current-menu-item a, ul#menu-main-menu > li.current_page_parent a {background:#000; color:#FFF;} ul#menu-main-menu > li.current-post-ancestor a.menuhovered,ul#menu-main-menu > li.current-post-ancestor a:hover, ul#menu-main-menu > li.current-menu-ancestor a:hover,ul#menu-main-menu > li.current-menu-ancestor a.menuhovered, ul#menu-main-menu > li.current-menu-item a.menuhovered, ul#menu-main-menu > li.current-menu-item a:hover, ul#menu-main-menu > li.current_page_parent a:hover {background:#01b0f1;} /* dropdowns */ ul#menu-main-menu ul.sub-menu {display:none; padding-top:0; width:11.86vw; position:absolute; top:2.75vw; left:0; background:none;} ul#menu-main-menu ul.sub-menu li {float:left; width:10vw;} ul#menu-main-menu ul.sub-menu li a {background:#01b0f1; color:#FFF; width:8.85vw; display:inline-block; font-family:HeroicCondensedLight; font-size: 1.6vw; font-weight: 100;} ul#menu-main-menu ul.sub-menu li:nth-child(1) a {border-top:0.7vw solid #01b0f1;} ul#menu-main-menu ul.sub-menu li a:hover {background:#000;} /* Mobile Menu */ #mobile-overlay {display:none;} nav#mobile-menu{background:#000;position:fixed;width:300px;height:100vh;top:0;left:-330px;z-index:999} nav#mobile-menu ul {margin-left:10px;} nav#mobile-menu ul li {list-style-type: none;} nav#mobile-menu ul li a {color:#FFF; font-family:HeroicCondensedRegular, sans-serif; font-size:4vw;} /* Social Media and Search*/ div#social-media-search {position:absolute; right:3.14vw; top:2.08vw; transition: all 0.3s; z-index:101;} header.smaller div#social-media-search {top:0.88vw; right:1.64vw;} a.header-social-button {width:4.06vw; height:4.06vw; border-radius:79px; background-color:#01b0f1; float:right; display:inline-block; background-size:4.06vw 4.06vw; margin-left:0.84vw; transition: background-color .4s; background-position:50%; } a.header-social-button:hover { background-color:#000; } a#header-twitter {background-image:url(images/header-twitter@2x.png);} a#header-facebook {background-image:url(images/header-facebook@2x.png);} a#header-search {background-color:#000; background-image:url(images/header-search@2x.png);} a#header-search.toggle-on {background-color:#F00; background-image:url(images/header-search-close@2x.png);} a#header-search.toggle-off {background-color:#000; background-image:url(images/header-search@2x.png);} a#header-search.toggle-on:hover {background-color:#D00;} a#header-search.toggle-off:hover {background-color:#333;} a#header-search:hover {background-color:#333;} header div#header-search-wrapper {transition:all 0.3s; position: absolute; top: 8.5vw; opacity:0; display:none; z-index:98;width: 49%; height: 15.4vw; background: #F0F0F0; right: 0.7%; } header div#header-search-wrapper {top: 7.4vw; width: 26%; right: 0; height: 7.4vw; background: #FFF;} header.smaller div#header-search-wrapper {top: 5.9vw; width: 26%; right: 0; height: 7.4vw; background: #FFF;} input.header-search-input {transition:all 0.4s; position: absolute; top: 3.8vw; left: 9%; border: none; background: #FFF; font-size: 4.8vw; width: 55%; padding: 1vw 2vw; font-family: HeroicCondensedRegular, sans-serif; } header.smaller input.header-search-input {top: 1.5vw; left: 7.1%; border: none; background: #333; font-size: 1.8vw; width: 65%; padding: 1vw 1vw; color: #FFF; } header input.header-search-input{top:1.5vw;left:7.1%;border:none;background:#333;font-size:1.8vw;width:60.6%;padding:1vw;color:#FFF} header input.header-search-input:focus {border:none; outline:none; background:#EEE; color:#000;} header input.header-search-input:hover {border:none; outline:none; background:#01b0f1; color:#FFF;} input.header-search-button {transition:all 0.4s;position: absolute; top: 3.8vw; right: 6.4%; font-size: 4.77vw; text-align: center; border: none; background: #FFF; color: #000; padding: 1vw 2vw; font-family: HeroicCondensedRegular, sans-serif; } header.smaller input.header-search-button {top: 1.5vw; right: 6.4%; font-size: 1.97vw; background: #EEE; color: #000; padding: 0.9vw 1.4vw; } header input.header-search-button {top: 1.5vw; right: 6.4%; font-size: 1.97vw; background: #EEE; color: #000; padding: 0.9vw 1.4vw; } header input.header-search-button:hover {background:#01b0f1; color:#FFF;} input{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0} /* ----------------------------------------- */ /* --- 3 : Featured Area ------------------ */ /* --------------------------------------- */ span.featured-preloader {position:absolute; width:100%; height:100%; background-color:#FFF; z-index:6; background-image:url(images/ajax-loader.gif); background-repeat:no-repeat; background-position:50% 50%; background-size: 16px 16px;} /* Grid's Box Model */ section#featured-area {width:98.6%; max-width:100%; margin:auto; margin-bottom:5vw;} article.featured {background:none; float:left; position:relative; overflow:hidden; } article.featured.position-1 {width:49.643%; margin-right:0.7%; height:30.9vw} article.featured.position-2{width:49.643%;margin-bottom:.69vw} article.featured.position-3{width:24.465%;margin-right:.7%;margin-bottom:.69vw;height:14.9vw} article.featured.position-4 {width:24.465%; margin-right:0.7%; } article.featured.position-5 {width:49.643%; } aside.featured {width:24.465%; float:right;} article.featured img, aside.featured img {width:100%; height:100%; position:relative; z-index:1; display:block;} /* Featured Typography */ .featured-text {position:absolute; z-index:5; text-align:center; top:50%; width:94%;transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-left:3%;} article.featured.position-1 .featured-text {} .featured-text a {color:#FFF; } .featured-text h1 { font-weight:bold; text-transform:uppercase; margin:0px auto; text-decoration: none;} .featured-text h1 a:hover {text-decoration: none;} .featured-text h1 span {text-transform:none; font-family:HeroicCondensedLight, sans-serif; font-weight:100; font-style:italic; display:block;} .featured-tag-category a{font-size:1.5vw;padding:.28vw .84vw;font-family:HeroicCondensedLight,sans-serif;font-style:italic;transition:.5s; font-weight: 100;} .featured-tag-category a:hover {background:#F00;color:#fff; ;} a.featured-tag{background:#000;margin-right:-.28vw;} a.featured-category {background:#01b0f1; text-transform:uppercase;letter-spacing: 0.05em;} article.featured:hover a.featured-category {background:#FFF; color:#000;} article.featured:hover a.featured-category:hover {background:#F00;color:#FFF;} /* Large Post 2x2 */ .featured-text.size-2-2 h1{font-size:6vw;line-height:6vw} .featured-text.size-2-2 h1 span{font-size:4.2vw;margin-top:-.2vw;line-height:4vw} .featured-text.size-2-2 .featured-tag-category{margin-top:1vw} /* Large Post 2x1 */ .featured-text.size-2-1 h1{font-size:3.71vw;line-height:3.66vw} .featured-text.size-2-1 h1 span{font-size:2.87vw;margin-top:-.6vw;margin-bottom:.6vw} /* Large Post 1x1 */ .featured-text.size-1-1 h1 {font-size:2.73vw; line-height:2.93vw; } .featured-text.size-1-1 h1 span{font-size:2.1vw;margin-top:0;margin-bottom:.42vw;line-height:2.1vw} /* Hover Effect */ article.featured img { transition:all 0.9s;-webkit-filter: grayscale(0%); } article.featured:hover img {filter:none; -webkit-filter: grayscale(100%); -webkit-transform: translateZ(0); } a.featured-gradient{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;transition:all .9s;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.54) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.54)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.54) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.54) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.54) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.54) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#70000000', GradientType=0)} article.featured:hover a.featured-gradient { opacity:0.9; } a.featured-hover{position:absolute;width:100%;height:100%;background:#01b0f1;opacity:0;z-index:5;transition:all 0.5s;} article.featured:hover a.featured-hover {opacity:0.83;} /* ----------------------------------------- */ /* --- 4 : Homepage Blogroll -------------- */ /* --------------------------------------- */ /* Main Blogroll style */ section#homepage-blogroll {margin:auto; width:77vw;} div#homepage-banner-top {margin-bottom:5vw;} div#homepage-banner-top img {width:100%;} article.blogroll-post{width:24vw;float:left;position:relative;margin-right:2.5vw;margin-bottom:1.2vw} /* article.blogroll-post:nth-child(3n+3) {margin-right:0px;} */ a.blogroll-image-anchor {width:24vw; height:14vw; display:block; background:url(images/ajax-loader.gif) no-repeat center} a.blogroll-image-anchor:hover span {opacity:1;} a.blogroll-image-anchor span{opacity:0;position:absolute;text-align:center;top:0;left:0;background:rgba(1,176,241,.83);color:#FFF;width:100%;height:8vw;padding-top:22%;font-size:38px;font-family:HeroicCondensedLight,sans-serif;transition:all .5s;text-transform:uppercase;font-style:italic; font-weight: 100;} article.blogroll-post img {width:100%; max-width:100%; height:auto;} article.blogroll-post h2 {font-size:2.14vw;} article.blogroll-post h2 a {color:#000; } article.blogroll-post h2 span {display:block; text-transform:none; font-family:HeroicCondensedLight, sans-serif; font-style:italic;font-weight: 100;} .blogroll-tag-category {margin-top:0.7vw; margin-bottom:-0.77vw;} .blogroll-tag-category a {color:#FFF; font-size:1.5vw;padding:.28vw .84vw;font-family:HeroicCondensedLight,sans-serif;font-style:italic;transition:.4s ease-in-out; font-weight: 100;} .blogroll-tag-category a:hover {background:#333; } a.blogroll-tag { background:#000; margin-right:-0.28vw;} a.blogroll-category {background:#01b0f1; text-transform:uppercase;} a.blogroll-image-anchor span.blogroll-video-icon {opacity:1;position:absolute; z-index:100; width:24vw; height:7.6vw; background:url(images/video-icon.png) scroll transparent no-repeat; background-size:10vw 10vw; background-position:center center;} /* Injecting the interviews and 3d bg effect */ #homepage-left-column {width:26.5vw; height:52vw; position:relative; float:left; } #left-decoration {position:absolute; width:4.5vw; height:43.3vw; background:#333; top:0vw; left:-7vw;} span#interviews-left-skew {height:43.3vw; position:absolute; top:-1vw; background:#333; width:4vw; left:-4vw; transform: skew(0deg,26.5deg);} #homepage-interviews {position:absolute; left:37.4vw; background:#333; width:57.6vw; height:43.3vw; } span.interviews-right-inner-1 {position: absolute; width: 100%; background: #b83143; height: 39vw; top: 2.2vw;} span.interviews-right-inner-2 {position: absolute; width: 100%; background: #fb4343; height: 31.1vw; top: 6.3vw;} span.interviews-right-shading {position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.2);} span.interviews-left-shading {position:absolute; height:100%; width:100%; background:rgba(255,255,255,0.2);} #interviews-shadow {position:absolute; width:2.415vw; height:34.265vw; background:url(images/interviews-shadow.png) no-repeat; background-size:2.415vw 34.265vw; top:5vw; opacity:0.8;} #interviews-right {position: absolute; background:#333; top:1.07vw; transform:skew(0deg,26.5deg); right: -3.9vw; width:4vw; height:43.3vw;} /* the interview inner loop */ h3.interviews-label {font-size:2.38vw; position:absolute; top: 0.6vw; left: 3.3vw; font-style: italic; text-transform:uppercase;} h3.interviews-label a {color:#FFF;} h3.interviews-label a em {font-weight:100} #interviews-wrapper {position:absolute; top:8.5vw; left:3.3vw; } article.interview-single {width: 13.7vw; background: #FFF; float: left; text-align: center; margin-right: 3.3vw; box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.04); } article.interview-single:last-child {margin-right:0;} article.interview-single img {width:100%;} article.interview-single h4 {font-size:1.8vw; margin:0.4vw auto 0vw; text-transform:uppercase;} article.interview-single h4 a {color: #FFE; background: #000; width: 100%; display: block; margin-top: -0.6vw; margin-bottom:0.5vw; padding-top: .5vw; padding-bottom: 0.4vw;} article.interview-single p {padding:1vw 1vw 0vw 1vw; font-family:serif; font-size:1.2vw; line-height:1.6vw; margin-top:-0.6vw;} article.interview-single p a {font-weight:bold; display:block; margin-top:0.5vw; text-transform:uppercase;} article.interview-single p a:hover {text-decoration:underline;} /* Inject the opinion pieces */ #homepage-right-column {width:24vw; height:52vw; position:relative; float:right;} span#opinions-right-decoration {position:absolute; width:4.5vw; height:43.4vw; right:-7vw; top:0; background:#333;} span#opinions-right-skew {position:absolute; width:4vw; top:1.04vw; right:-4vw; height:43.4vw; background:#333; transform:skew(0deg,26.5deg);} span#opions-right-shading {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);} span#opinions-left-shading {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.2);} #homepage-right-column article.blogroll-post {margin-right:0; width:24vw;} #homepage-opinions {position: absolute; right: 37.3vw; background: #F00; width: 57.5vw; height: 43.4vw; background: #333;} span.opinions-right-inner-1 {position: absolute; width: 100%; background: #01b0f1; height: 39vw; top: 2.2vw;} span.opinions-right-inner-2 {position: absolute; width: 100%; background: #f0f0f0; height: 31.1vw; top: 6.3vw;} #homepage-opinions-left {position: absolute; left: -4.5vw; top: -1.16vw; width: 4.5vw; height:43.4vw; background: #333; transform: skew(0deg,26.5deg);} h3.opinions-label {font-size:2.38vw; position:absolute; top: 0.6vw; left: 6.8vw; font-style: italic; text-transform:uppercase;} h3.opinions-label a {color:#FFF;} h3.opinions-label a em {font-weight:100} #opinions-wrapper {position:absolute; top:9.1vw; left:6.8vw; } /* opinions inner loop */ article.opinion-single {width: 13.7vw; background: #FFF; float: left; text-align: center; margin-right: 3.3vw; box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.04); } article.opinion-single:last-child {margin-right:0;} article.opinion-single img {width:100%;} article.opinion-single h4 {font-size:1.8vw; margin:0.4vw auto 0vw; text-transform:uppercase;} article.opinion-single h4 a {color: #FFE; background: #000; width: 100%; display: block; margin-top: -0.6vw; padding-top: .5vw; padding-bottom: 0.4vw;} article.opinion-single p {padding:1vw 1vw 0vw 1vw; font-family:serif; font-size:1.2vw; line-height:1.6vw; margin-top:-0.6vw;} article.opinion-single p a {font-weight:bold; display:block; margin-top:0.5vw; text-transform:uppercase;} article.opinion-single p a:hover {text-decoration:underline;} /* load more ajax */ .alm-btn-wrap{text-align:center;padding:0;overflow:hidden;display:block;clear:both} button.alm-load-more-btn{font-family:HeroicCondensedLight,sans-serif;font-size:2.7vw;width:100%;line-height:3.7vw;background-color:#01B0F1;color:#FFF;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:1.7vw 0;padding:.7vw 6vw .7vw 3.8vw;position:relative;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;box-shadow:none;background-image:url(images/reload.png);background-position:59.7% 49.9%;background-repeat:no-repeat;background-size:32px 32px; font-weight: 100;} button.alm-load-more-btn:focus {outline:none;} button.alm-load-more-btn:hover{background-color: #333; color: #fff; text-decoration: none;} button.alm-load-more-btn:active{ text-decoration: none;} /* Loading */ button.alm-load-more-btn.loading{padding-left: 44px;} /* Loaded / Done */ button.alm-load-more-btn.done {cursor: default; opacity: 0.2; filter: alpha(opacity=20); background-color: #333; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} /* Loading Icon */ button.alm-load-more-btn:before, button.alm-load-more-btn.done:before{background: none; width: 0;} /* Loading :before */ button.alm-load-more-btn.loading::before {background: #fff url(images/ajax-loader.gif) no-repeat center center; width: 30px; height: 30px;margin: 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display: inline-block; z-index: 0; content: ''; position: absolute; left: 35%; top:30%; overflow: hidden; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;} /* Promo and Tweet of the day */ #second-homepage-promo {margin-top:5vw; margin-bottom:4vw;} .first-promo, .second-promo {width:24vw; height:17.3vw; float:left; margin-right:2.5vw;} .first-promo img, .second-promo img {max-width:100%; width:100%;} .tweet-fetch {float:left; width:24vw; height:17.3vw; text-align:center;} .tweet-fetch h4 {font-size:2vw; margin-bottom:0.7vw;} .tweet-fetch h3 {text-transform:uppercase; font-size: 2.8vw; margin: 0 0 -1.7vw; border-bottom: 1px solid #AAA; padding-bottom: 0.8vw;} .tweet-fetch p {margin-top:0vw;font-family:HeroicCondensedLight, sans-serif; font-size:1.6vw; line-height:1.5em; font-weight: 100;} /* Reviews and Interviews Area */ div.second-homepage-area {position:relative; margin-bottom:6vw;} h4.reviews-label a {position:absolute; text-transform:uppercase; font-family:HeroicCondensedLight, sans-serif; background:#01b0f1; color:#FFF; font-size:2.4vw; font-style:italic; z-index:11; padding:0.3vw 0.7vw 0.2vw 0.9vw; transition: all 0.2s; } h4.reviews-label a:hover {background:#000;} div.second-homepage-area article {float:left; position:relative; width:17.375vw; margin-right:2.5vw; z-index:10;} div.second-homepage-area article.sort-4 {margin-right:0vw;} div.second-homepage-area article img {width:100%; max-width:100%; height:auto;} div.second-homepage-area article h3 {position:absolute; line-height:2vw; font-size:1.7vw; color:#000; bottom:-0.8vw; max-width:95%;} div.second-homepage-area article h3 em { display:block; font-style:normal;} div.second-homepage-area article h3 em em {background:#FFF; display:inline;padding:0.3vw 0.6vw 0.3vw 0.3vw} div.second-homepage-area article h3 span {text-transform:none; font-size:1.5vw; display:inline-block; line-height:2vw; font-family: HeroicCondensedLight, sans-serif; font-style:italic; background:#FFF; padding:0.3vw 0.6vw 0.1vw 0.3vw; font-weight: 100;} /* ----------------------------------------- */ /* --- 5 : Newsletter --------------------- */ /* --------------------------------------- */ #newsletter-wrapper {width:77vw; margin: auto; padding-bottom:2vw; position:relative;} #newsletter-homepage {background:#01b0f1; margin-top:3vw;} #newsletter-wrapper h4 {font-size: 3.8vw; color:#FFF; text-transform:uppercase; padding-top: 3.3vw; margin: 1vw 0 -1.5vw 0; font-family:HeroicCondensedLight, sans-serif; font-weight: 100; } #newsletter-wrapper p {font-size: 1.9vw; color:#FFF; font-family: HeroicCondensedLight, sans-serif; width: 41%; line-height: 2.5vw;font-weight: 100;} #mc4wp-form-1{width:50%;position:absolute;top:6.4vw;right:0vw;text-align:center} .mailchimp-email {border: none; padding: 1vw 2vw; font-size: 2vw; font-family: HeroicCondensedLight; letter-spacing: 0.1vw; transition: all 0.3s; width: 18.8vw; margin-right: -0.6vw;font-weight: 100;} .mailchimp-email:focus {outline:none; background:#333; color:#FFF;} .mailchimp-subscribe {border: none; padding: 1vw 2vw; font-size: 2vw; font-family: HeroicCondensedRegular, sans-serif; background: #F00; color: #FFF; transition:all 0.3s;} .mailchimp-subscribe:hover {background:#000; color:#FFF;} /* ----------------------------------------- */ /* --- 6 : Footer ------------------------- */ /* --------------------------------------- */ footer { background:#282828; border-top:2vw solid #333; padding-top:1vw; color:#c3c3c3; font-family:HeroicCondensedLight, sans-serif; font-size:1.2vw; line-height:1.8vw;font-weight: 100;} footer h5 {font-size: 2vw; text-transform:uppercase; color: #FFF; margin: 3vw 0 1vw; font-family:HeroicCondensedBold, sans-serif; font-weight:100;} #f-col-1 h5 {font-size:5vw; text-transform:uppercase; margin-top:2.1vw; margin-bottom:2.2vw;} #f-col-2 h5 {margin-top:3vw;} #f-col-3 h5 {margin-top:3vw;} #f-col-2 ul {list-style: none; margin-top:1.8vw;} #f-col-2 ul li {} #f-col-2 ul li a {color:#c3c3c3;display:block;float:left;width:47.5%;margin-right:5%;background:#3f3f3f;text-align:center;padding:8px 0;margin-bottom:15px; transition: all 0.3s; text-transform:uppercase;} #f-col-2 ul li:nth-child(even) a{margin-right:0;} #f-col-2 ul li a:hover {background:#01b0f1; color:#FFF;} footer p {font-size:1.4vw; line-height:2vw; } #footer-wrapper {width:77vw; margin:auto;} .footer-column {width:24vw; margin:2.1vw 2.5vw 4vw 0vw; float:left;} .footer-column#f-col-3 {margin-right:0;} #copyright-area {background:#333; padding:1vw 0;} #copyright-area p {display:block; width:77vw; margin:auto; color:#aaa;} #copyright-area p a {color:#FFF;} /* ----------------------------------------- */ /* --- 7 : The Single Post ---------------- */ /* --------------------------------------- */ div#single-post-top {position:relative; background:#000; margin-bottom:2vw; height:46.5vw; overflow: hidden;} .blogroll-tag-category.single {margin-top:3vw;} .blogroll-tag-category.single a {font-family:HeroicCondensedLight, font-weight: 100; sans-serif; font-size:1.5vw; padding:0.68vw 0.84vw 0.5vw} div#single-post-top img {width:100%; opacity:1;} div#single-area-center p a {font-weight:bold;} div#single-area-center p a:hover {text-decoration:underline;} div#single-post-top h1 {position:absolute; line-height:9vw; width:80%; margin-left:10%; margin-right:10%; font-size:9vw; text-align:center; color:#FFF; text-transform: uppercase; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} div#single-post-top h1 em { display:block; margin-bottom:-10.2vw; font-style:normal;} div#single-post-top h1 em em {background:rgba(1, 176, 241, 1); display:inline; padding-left:1vw; padding-right:1vw;} div#single-post-top h1 span {text-transform:none; font-size:5vw; display:inline-block; line-height:8vw; font-family: HeroicCondensedLight, sans-serif; font-style:italic;font-weight: 100; background:rgba(0,0,0, 1); padding-left:1vw; padding-right:1vw;} article#main-content-wrapper {width:93vw; margin:auto} div#single-area-center {float:left; width:45vw; padding-bottom:5vw;} div#single-area-center img {max-width:100%;} span.single-post-symbol {display:block; height:80px; width:100%; background:url(images/nos-symbol.png) no-repeat 50% 50%; background-size:50px 50px;} /* aside right */ aside#single-area-right {float:right; width:20vw; height:30vw; margin-top:2vw} div#single-related-posts {} div#single-related-posts h4{font-size:2.5vw;margin-top:-3px;font-family:HeroicCondensedLight,sans-serif;font-weight:100;font-style:italic;text-transform:uppercase} div#single-related-posts article {margin-bottom:0vw;} div#single-related-posts article img {float:left; width:20%; height:auto;} div#single-related-posts article h5 {font-size:1.6vw; float:right; width:74%; margin-top:-0.3vw;} div#single-related-posts article h5 span {display:block; font-family:HeroicCondensedLight, sans-serif; font-weight: 100;} /* aside left */ aside#single-area-left {float:left; width:20vw; height:30vw; margin-right:4vw; margin-top:2vw;} aside#single-area-left p{font-family:HeroicCondensedLight,sans-serif;font-size:2vw;margin-bottom:-1.4vw; font-weight: 100;} aside#single-area-left p b {font-family:HeroicCondensedRegular, sans-serif;} aside#single-area-left h4 {font-size:2vw; margin-top:0;} div.ssba{margin-top:-1vw;margin-bottom:-1vw;margin-left:-8px} div#single-publish-details {margin-top:0.5vw;} div#single-publish-details p em {margin-left:0.4vw;} /* small image post */ div#single-post-top.small-image {width:45vw; margin:auto; height:25vw; margin-bottom: 1vw;} div#small-post-mast {background:#f2f2f2;} h1.small-image-heading {font-size:4vw; line-height:5vw; width:45vw; color:#000; margin:auto; font-style:normal; margin-top:1vw; margin-bottom:0vw;} h1.small-image-heading span {font-family:HeroicCondensedLight, sans-serif; font-style: italic; font-size:0.8em;font-weight: 100;} /* video post */ div#video-wrapper {background:#f2f2f2; margin-bottom:1vw;} div.single-post-video {width:69vw; margin:auto;} div.single-post-video iframe {max-width:100%; width:100%; height:35vw;} /* no thumbnail */ div#post-no-thumbnail {height:2vw; background:#01B0F1; margin-bottom:2vw;} div#disqus_thread {margin-top: 4vw;} /* ----------------------------------------- */ /* --- 8 : Category Page ------------------ */ /* --------------------------------------- */ div.category-margin-setup{margin:4vw auto auto;width:77vw} /* pagination */ .pagination { font-size:3vw; font-family:HeroicCondensedLight, sans-serif; margin-bottom:6vw; text-align:center;font-weight: 100;} .pagination span {padding:4px 22px; margin-right:8px; text-align:center; background:#01b0f1; color:#FFF;} .pagination a {padding:4px 22px; margin-right:8px; text-align:center; background:#333; color:#FFF; -moz-transition:.3s linear; -webkit-transition:.3s ease-out; transition:.3s linear;} .pagination a:hover {background:#01b0f1; color:#FFF;} /* ----------------------------------------- */ /* --- 9 : Miscellaneous ------------------ */ /* --------------------------------------- */ #fourohfour {text-align:center; background:#F00; padding:3vw 30vw; } #fourohfour h1 {color:#FFF; font-size:5vw; text-transform:uppercase;} #fourohfour p{font-size:1.5vw;color:#FFF;font-family:Georgia,serif;line-height:2.2vw;border-top:1px solid #FFF;margin-top:-2vw;margin-bottom:4vw} div.page-border {width:100%; height:1.2vw; background:#01b0f1;} nav#mobile-menu ul li a.menu-clicked {color:#01b0f1;} span#mobile-button:active {background-color:#01b0f1;} h1.page-title{font-size:70px;margin-top:2vw;text-align:center;margin-bottom:2vw} #search-error h1 {font-size:4vw; text-align:center;margin:5vw 0vw;} div#single-area-center.page-width {width:48vw; margin:auto; float:none;} div.alm-reveal article.blogroll-post:nth-child(4n+4){margin-right:0} .hidden-from-view{left:-5000px;position:absolute} .style-clear a.featured-gradient {background:none;} .style-medium_dark a.featured-gradient{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;transition:all .9s;background:-moz-linear-gradient(top,rgba(0,0,0,.15) 0,rgba(0,0,0,.66) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.15)),color-stop(100%,rgba(0,0,0,.66)));background:-webkit-linear-gradient(top,rgba(0,0,0,.15) 0,rgba(0,0,0,.66) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.15) 0,rgba(0,0,0,.66) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.15) 0,rgba(0,0,0,.66) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,.66) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#a8000000', GradientType=0)} .style-very_dark a.featured-gradient{position:absolute;z-index:4;top:0;left:0;width:100%;height:100%;transition:all .9s;background:-moz-linear-gradient(top,rgba(0,0,0,.37) 0,rgba(0,0,0,.72) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.37)),color-stop(100%,rgba(0,0,0,.72)));background:-webkit-linear-gradient(top,rgba(0,0,0,.37) 0,rgba(0,0,0,.72) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.37) 0,rgba(0,0,0,.72) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.37) 0,rgba(0,0,0,.72) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.37) 0,rgba(0,0,0,.72) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e000000', endColorstr='#b8000000', GradientType=0)} .style-black_and_white.featured img {-webkit-filter: grayscale(100%);} .featured-text.size-1-1 h1{font-size:2.73vw;line-height:2.93vw;margin-bottom:.8vw} aside#single-area-left p.photo-source {margin-top:2.5vw;} aside#single-area-left p.photo-source strong {font-family:HeroicCondensedBold, sans-serif;} span#homepage-blogroll-label {text-align:center; display:block; position:relative;} span#homepage-blogroll-label em{font-size:3vw;font-family:HeroicCondensedLight,sans-serif;font-weight:100;background:#FFF;position:relative;z-index:12;padding:0 1vw;text-transform:uppercase} span#homepage-blogroll-label span{display:block;position:absolute;top:1.68vw;width:100%;z-index:11;height:10px;background:url(images/dotted-border.png) 0 0/9px 6px repeat-x} /* REVIEW UPDATE */ div#review-area {width: 100%; position: relative; background: #FFF; margin: 5.6vw 0vw 4.3vw 0; color: #FFF; text-align: center;} div#review-area img {width:100%; height:auto;} div#review-area span {font-size: 0vw; text-align: center; padding: 0 0 0vw 0; display: block; font-family: HeroicCondensedRegular, sans-serif; letter-spacing: 0.2vw;position: absolute; top: -6.6vw; left: 0vw; background: none; width: 100%; } div#review-area em {color:#000; font-size: 1.4vw; text-align: center; padding: 0.7vw 0 0vw 0; display: block; font-family: HeroicCondensedRegular, sans-serif; font-style: normal;} div#review-area span span {font-family: HeroicCondensedLight, sans-serif; display: inline; font-weight: 100; font-size: 1.7vw;} div#review-area span em {font-family: HeroicCondensedLight, sans-serif; display: inline; font-size: 2.7vw; letter-spacing: normal; text-transform: uppercase; } div#review-area img#review-star-score {width:20vw;} /* Update 23 June 2015 */ div#review-area img#review-star-score {width:16vw;} h1.page-title {font-size: 5vw; text-transform:uppercase; font-family: HeroicCondensedLight,sans-serif; font-weight: 100; background: #FFF; font-style:italic;} div#review-area span {top: -5.7vw;} div#single-related-posts h4 {border-bottom: 1px dotted #000; padding-bottom: 1vw; margin-bottom: 2vw;} div#review-area {margin: 4.6vw 0vw 4.3vw 0;} /* ADVERTISING UPDATE 19 July */ div.ad2 {width:100%; height:24vw; background:#EEE;} ul.image-campaign, ul.image-campaign li {margin:0 0; padding:0 0; width:100%;} ul.image-campaign li a img {max-width:100%; width:100%;} div.ad-margin {margin-bottom:4.8vw;} aside#ad-post-sidebar {margin-top:6vw;} div#post-advert-mobile {display:none;} .cat-ad-margin {margin-bottom:4vw;} @media only screen and (max-width: 767px) { div#post-advert-mobile {display:block} #post-advert-desktop {display:none;} div#single-area-center div#post-advert-mobile img {width:100%; margin-bottom: 8vw;} } /* ipad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { ul#menu-main-menu {display:none;} select#mobile-navigation {display:block;} header.smaller ul#menu-main-menu {top:2.8vw;} header.smaller {height:8.5vw} header a#nos-logo {-webkit-transform:scale(1); top:0; left:1.4vw;} div#social-media-search{position:absolute;top: 3.2vw;right:4.74vw;transition:all .3s;z-index:101;transform:scale(1.5);-webkit-transform:scale(1.5);} header.smaller div#social-media-search{top:2.1vw;right:6.94vw} .featured-tag-category a {display:none;} section#homepage-blogroll {margin:auto; width:93vw;} div.category-margin-setup {padding-top:6vw; margin:auto; width:93vw;} article.blogroll-post {width: 28.65vw; margin-right: 3.5vw; margin-bottom: 6vw;} a.blogroll-image-anchor {width: 28.65vw; height: 15.9vw;} article.blogroll-post h2{font-size:2.44vw;line-height:1.4em} div.second-homepage-area article{float:left;position:relative;width:21.375vw} div.second-homepage-area article h3 {font-size: 2.3vw;} div.second-homepage-area article h3 span{text-transform:none;font-size:1.9vw;display:inline-block;line-height:3vw} .first-promo, .second-promo {width: 28.65vw; margin-right: 3.5vw; height:20vw;} .tweet-fetch p{margin-top:0vw;font-family:HeroicCondensedLight,sans-serif;font-size:2.2vw} .blogroll-tag-category a {font-size: 1.6vw; font-weight: bold;} .blogroll-tag-category {margin-top:1.7vw;} button.alm-load-more-btn {font-size: 3.8vw; padding: 1.4vw 8.5vw 1.4vw 3.8vw;} header {height:10.5vw;} div#header-spacing {height:10.5vw;} #main-content-wrapper p{font-family:Georgia,serif;font-size:2.5vw;line-height:1.5em} aside#single-area-left{float:left;width:14vw} div#single-area-center{float:left;width:51vw} h1.small-image-heading{font-size:5vw;line-height:5.7vw;width:45vw;color:#000;margin:2vw 0 0;font-style:normal} div#single-related-posts h4{font-size:4vw;margin:0 0 4vw} button.alm-load-more-btn:hover{background-color:#01B0F1} a.blogroll-image-anchor span.blogroll-video-icon{opacity:1;position:absolute;z-index:100;width:28.65vw;height:8.6vw} #mobile-overlay {display:none; background:rgba(0,0,0,0.84); width:100%; height:100vh; position:fixed; z-index:998; opacity:1;} nav#mobile-menu {background:#000;position:fixed;width:230px;height:100vh;top:0;left:-260px;z-index:999; } nav#mobile-menu.tg-on {left:0px; } nav#mobile-menu.tg-off {left:-230px;} nav#mobile-menu ul{margin-left:30px;margin-top:30px} nav#mobile-menu ul li {list-style-type: none;} nav#mobile-menu ul li a {color:#FFF; font-family:HeroicCondensedRegular, sans-serif; font-size:41px;} span#mobile-off{position:absolute;top:37px;left:207px;width:45px;height:45px;background-color:red;border-radius:50px;display:block;z-index:1001;background-image:url(images/header-search-close@2x.png);background-size:46px} span#mobile-button{display:block;width:6.2vw;height:6.2vw;background-image:url(images/menu-mobile.png);background-color:#212121;position:absolute;top:2.2vw;left:46.8vw;z-index:1000;background-repeat:no-repeat;background-size:3.1vw 2.6vw;background-position:50% 50%;border-radius:316px} header.smaller span#mobile-button{top:1vw} div.single-post-video iframe{max-width:100%;width:100%;height:60vw} div.single-post-video{width:100vw;margin:auto;height:auto} aside#single-area-left p{font-family:HeroicCondensedLight,sans-serif;font-size:2.7vw;margin-bottom:-.7vw} div#single-related-posts article h5{font-size:2.4vw} a.blogroll-image-anchor span {height:9.6vw;} header div#header-search-wrapper{top:10.5vw;width:36%;right:0;height:9.4vw;background:#FFF} header input.header-search-input{top:1.5vw;left:7.1%;border:none;background:#333;font-size:2.9vw;width:65.1%;padding:1vw;color:#FFF} header input.header-search-button{top:1.5vw;right:6.4%;font-size:2.97vw;background:#EEE;color:#000;padding:.9vw 1.4vw} header.smaller div#header-search-wrapper{top:7.8vw;width:36%;right:0vw;height:9.4vw;background:#FFF} header.smaller input.header-search-input{top:1.5vw;left:7.1%;border:none;background:#333;font-size:2.9vw;width:65.1%;padding:1vw;color:#FFF} header.smaller input.header-search-button{top:1.5vw;right:6.4%;font-size:2.97vw;background:#EEE;color:#000;padding:.9vw 1.4vw} .mailchimp-email{border:none;padding:1vw 2vw;font-size:3vw;font-family:HeroicCondensedLight;letter-spacing:.1vw;transition:all .3s;width:18.8vw;margin-right:-.6vw} .mailchimp-subscribe{border:none;padding:1vw 2vw;font-size:3vw;font-family:HeroicCondensedRegular,sans-serif;background:red;color:#FFF;transition:all .3s} #newsletter-wrapper {width: 93vw;} #newsletter-wrapper h4 {font-size: 5.8vw;} #newsletter-wrapper p{font-size:2.9vw;color:#FFF;font-family:HeroicCondensedLight,sans-serif;width:52%;line-height:3.4vw} #footer-wrapper{width:93vw;margin:auto} .footer-column{width:27.3vw;margin:2.1vw 5.5vw 4vw 0vw;float:left} footer p{font-size:2.7vw;line-height:1.5em} footer {font-size:2.4vw;} #f-col-2 ul li a {padding: 16px 0; } #copyright-area p {width: 93vw;} footer h5 {font-size: 3vw;} } /* Update 23 June 2015 */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { div#review-area em {font-size: 3vw;} div#single-related-posts article h5 { font-size: 2vw;} div#review-area img#review-star-score {width: 14vw;} div#review-area { margin: 6vw 0vw 4.3vw 0;} } @media only screen and (max-width: 767px) { ul#menu-main-menu {display:none;} select#mobile-navigation {display:block;} article.featured {background:none; float:left; position:relative; overflow:hidden; } article.featured.position-1 {width:100%; margin-right:0.7%; height:auto;margin-bottom:1vw;} article.featured.position-2 {width: 100%; margin-bottom:1vw;} article.featured.position-3 {width:100%; margin-right:0.7%; margin-bottom:1vw;} article.featured.position-4 {width:100%; margin-right:0.7%;margin-bottom:1vw;} article.featured.position-5 {width:100%; margin-bottom:1vw;} aside.featured {display:none;} .featured-text.size-2-2 h1 {font-size:10vw; line-height:10vw; } .featured-text.size-2-2 h1 span {font-size:8vw; margin-top:-1.4vw;} .featured-text.size-2-1 h1 {font-size:7vw; line-height:7vw; } .featured-text.size-2-1 h1 span {font-size:5.5vw; margin-top:0vw;} .featured-text.size-1-1 h1 {font-size:10vw; line-height:10vw; } .featured-text.size-1-1 h1 span {font-size:8vw; margin-top:-1.4vw;} header.smaller {height: 16.1vw;} header a#nos-logo{border-top:0 solid #222;top:2.8vw;background:url(images/logo@2x.png) 0 0/11.62vw 14.98vw no-repeat;width:11.62vw;height:14.98vw;position:absolute;left:3.6vw;-webkit-transform:scale(1.5);transform:scale(1.5);z-index:99} header.smaller a#nos-logo {border-top:0 solid #222;top:3.7vw;background:url(images/logo@2x.png) 0 0/11.62vw 14.98vw no-repeat;width:11.62vw;height:14.98vw;position:absolute;left:3.6vw;-webkit-transform:scale(1.5);transform:scale(1.5);z-index:99} .featured-tag-category a{font-size:3vw;padding:1.18vw 2.54vw;font-family:Didot,serif;transition:.4s ease-in-out} .featured-tag-category { margin-top:1vw;} header {height: 16.1vw;} #header-spacing {height: 16.1vw;} body.home #header-spacing {height: 11vw;} select#mobile-navigation{left:24.5vw;background:url(images/menu-mobile.png) 2.7vw 2.4vw/4.1vw 4vw no-repeat #000;position:absolute;padding:.8vw 3vw .8vw 8.9vw;margin:0;outline:0;border-radius:5px;color:#FFF;-webkit-appearance:none;font-size:5.9vw;border:1px solid #000;font-family:HeroicCondensedRegular,sans-serif;text-transform:uppercase;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)} div#social-media-search{position:absolute;top:6.08vw;right:14vw;transition:all .3s;z-index:101;transform:scale(2.2);-webkit-transform:scale(2.2)} header.smaller div#social-media-search{top:6.08vw;right:14vw} section#homepage-blogroll{margin:auto;width:88vw} .blogroll-tag-category a{font-size: 7vw;color:#FFF;padding:1.28vw 2.84vw;transition:.4s ease-in-out} article.blogroll-post h2{font-size:7.84vw;text-align:center} article.blogroll-post{width:88vw;height: auto;float:left;position:relative;margin-right:0vw;margin-bottom: 5vw;} a.blogroll-image-anchor{width:88vw;height:49.5vw;display:block;background:url(images/ajax-loader.gif) no-repeat center} .blogroll-tag-category{margin-top:-3.4vw;margin-bottom:-3.77vw;text-align:center} button.alm-load-more-btn{font-family:HeroicCondensedLight,sans-serif;font-size:8.7vw;width:100%;line-height:12.7vw;background-color:#01B0F1;color:#FFF;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:1.7vw 0;padding:.7vw 6vw .7vw 3.8vw;position:relative;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;box-shadow:none;background-image:url(../images/reload.png);background-position:81.7% 49.9%;background-repeat:no-repeat;background-size:32px 32px} button.alm-load-more-btn.loading::before {background: #fff url(images/ajax-loader.gif) no-repeat center center; width: 30px; height: 30px;margin: 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display: inline-block; z-index: 0; content: ''; position: absolute; left: 2%; top:18%; overflow: hidden; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out;} .tweet-fetch{float:left;width:88vw;height:auto;text-align:center} .tweet-fetch h3{font-size:9.8vw;margin:0 0 -6.7vw;border-bottom:1px solid #AAA;padding-bottom:.8vw} .tweet-fetch h4{font-size:6vw;margin-bottom:.7vw} .tweet-fetch p{margin-top:1.2vw;font-size:5.8vw;line-height:1.5em} .second-promo {margin-right:0;} .first-promo,.second-promo{width:41.5vw;height:auto;margin-top:6vw;margin-bottom:11vw} h4.reviews-label a{font-size:7.4vw;padding:1.2vw 2.7vw .5vw 2.1vw} div.second-homepage-area article.sort-2 {margin-right: 0vw;} div.second-homepage-area article{float:left;position:relative;width:42.675vw;margin-right:2.5vw;z-index:10;margin-bottom:2vw} div.second-homepage-area article h3{position:absolute;line-height:6.2vw;font-size:5.2vw;color:#000;bottom:-.8vw;width:99%} div.second-homepage-area article h3 span{text-transform:none;font-size:4vw;display:inline-block;line-height:6vw;font-family:HeroicCondensedLight,sans-serif;font-style:italic;background:#FFF;padding:.6vw 1.1vw .3vw 0vw} div.second-homepage-area{position:relative;margin-bottom:14vw} div.second-homepage-area article h3 em em{background:#FFF;display:inline;padding:.7vw 1.2vw .4vw 0vw} div.second-homepage-area{position:relative;margin-bottom:14vw} #newsletter-wrapper{width:88vw;margin:auto;padding-bottom:10vw;position:relative;padding-top:4vw} #newsletter-wrapper h4{font-size:8.8vw;color:#FFF;text-transform:uppercase;padding-top:3.3vw;margin:1vw 0 -3.5vw;font-family:HeroicCondensedLight,sans-serif} #newsletter-wrapper p{font-size:6.1vw;color:#FFF;font-family:HeroicCondensedLight,sans-serif;width:100%;line-height:1.2em} .mailchimp-email{border:none;padding:2vw 3vw;font-size:6vw;font-family:HeroicCondensedLight;letter-spacing:.1vw;transition:all .3s;width:38.8vw;margin-right:-.6vw} .mailchimp-subscribe{border:none;padding:2vw 3vw;font-size:6vw;font-family:HeroicCondensedRegular,sans-serif;background:red;color:#FFF;transition:all .3s} #mc4wp-form-1{width:100%;position:relative;top:0;right:0vw;text-align:center;} header div#header-search-wrapper{top:16.1vw;width:243px;right:0;height:77px;background:#FFF;padding-top:10px} header input.header-search-input{top:16px;left:26px;border:none;background:#333;font-size:30px;width:115px;padding:5px 15px;color:#FFF} header input.header-search-button{top:16px;right:22px;font-size:30px;background:#EEE;color:#000;padding:5px 10px 4px} header.smaller div#header-search-wrapper{top:16.1vw;width:243px;right:0;height:77px;background:#FFF;padding-top:10px} header.smaller input.header-search-input{top:16px;left:26px;border:none;background:#333;font-size:30px;width:115px;padding:5px 15px;color:#FFF} header.smaller input.header-search-button{top:16px;right:22px;font-size:30px;background:#EEE;color:#000;padding:5px 10px 4px} aside#single-area-left{float:none;width:100%;height:21vw;margin-right:4vw;margin-top:2vw} div.ssba{width:auto;float:none;margin:auto auto auto -2.1vw;display:block} aside#single-area-left p b{font-family:HeroicCondensedRegular,sans-serif;margin-right:3vw} aside#single-area-left p{font-family:HeroicCondensedLight,sans-serif;font-size:6vw;margin-bottom:0;float:left;display:inline;width:auto;margin-top: 3.5vw;} aside#single-area-right {display:none;} div#single-area-center{float:left;width:100%;padding-bottom:9vw} .blogroll-tag-category.single{margin-top:4.2vw} .blogroll-tag-category.single a{font-family:HeroicCondensedLight,sans-serif;font-size:24px;padding:.68vw 2.04vw .5vw} #main-content-wrapper p{font-family:Georgia,serif;font-size:4.5vw;line-height:6.25vw} section#featured-area {display:none;} a.blogroll-image-anchor span {height: 0vw;} a.blogroll-image-anchor span.blogroll-video-icon{opacity:1;position:absolute;z-index:100;width:88vw;height:27.5vw;background:url(images/video-icon.png) center center/25vw 25vw no-repeat} div.category-margin-setup{margin:auto;width:88vw} button.alm-load-more-btn:hover{background-color:#01B0F1} div.single-post-video{width:100vw;margin:auto;height:60vw} div.single-post-video iframe{max-width:100%;width:100%;height:60vw} div#single-post-top.small-image{width:100vw;margin:auto auto 1vw;height:64vw} a.blogroll-image-anchor span:nth-child(1) {display:none;} div#single-area-center iframe {max-width:100%; height:auto;} .blogroll-tag-category.single {display:none;} h1.small-image-heading{font-size:11vw;line-height:11vw;width:100%;color:#000;margin:1vw auto 0vw;font-style:normal} button.alm-load-more-btn.loading{padding-left: 0px;} #mobile-overlay {display:none; background:rgba(0,0,0,0.84); width:100%; height:100vh; position:fixed; z-index:998; opacity:1;} nav#mobile-menu {background:#000;position:fixed;width:230px;height:100vh;top:0;left:-260px;z-index:999; } nav#mobile-menu.tg-on {left:0px; } nav#mobile-menu.tg-off {left:-230px;} nav#mobile-menu ul{margin-left:30px;margin-top:30px} nav#mobile-menu ul li {list-style-type: none;} nav#mobile-menu ul li a{color:#FFF;font-family:HeroicCondensedRegular,sans-serif;font-size:8.7vw;word-break:break-word} nav#mobile-menu ul li a:active {color:#01B0F1;} span#mobile-off{position:absolute;top:37px;left:207px;width:45px;height:45px;background-color:red;border-radius:50px;display:block;z-index:1001;background-image:url(images/header-search-close@2x.png);background-size:46px} span#mobile-button{display:block;width:9.2vw;height:9.2vw;background-image:url(images/menu-mobile.png);background-color:#212121;position:absolute;top:3.5vw;right:38.7vw;z-index:1000;background-repeat:no-repeat;background-size:5vw 4vw;background-position:50% 50%;border-radius:60px} #footer-wrapper {width: 88vw;} .footer-column{width:88vw;margin:2.1vw 0vw 4vw;float:left} #f-col-1 h5{font-size:20vw;text-transform:uppercase;margin-top:14.1vw;margin-bottom:11.2vw} footer p{font-size:6.2vw;line-height:1.5em} footer h5{font-size:8vw;text-transform:uppercase;color:#FFF;margin:2vw 0 7vw 0vw;font-family:HeroicCondensedBold,sans-serif;font-weight:100} footer{background:#282828;border-top:2vw solid #333;padding-top:1vw;color:#C3C3C3;font-family:HeroicCondensedLight,sans-serif;font-size:5.2vw;line-height:5.2vw} .pagination{font-size:8.6vw;font-family:HeroicCondensedLight,sans-serif;margin-bottom:12vw;text-align:center} .pagination span{padding:4px 12px;margin-right:8px;text-align:center;background:#01B0F1;color:#FFF} .pagination a{padding:4px 12px;margin-right:8px;text-align:center;background:#333;color:#FFF;-moz-transition:.3s linear;-webkit-transition:.3s ease-out;transition:.3s linear} div#single-area-center.page-width {width: 100%;} #search-error h1{font-size:14vw;text-align:center;margin:5vw 0vw} } /* update 23 June 2015 */ @media only screen and (max-width: 767px) { div#review-area {width: 22%; position: relative; background: #FFF; margin: 3vw 6vw 4.3vw 0; color: #FFF; text-align: center; float: left;} div#single-publish-details {margin-top: 7.5vw;} .ssba img {max-width: 36px;} div#review-area em {font-size: 3vw;} } @media only screen and (max-width: 350px) { .ssba img {max-width: 30px;} } /* ninja forms' css for hiding "required fields message" */ .nf-form-fields-required { display: none; } /* ninja forms css bug fix */ .nf-form-content .nf-field-container.submit-container .nf-field-element .ninja-forms-field:hover {font-size:18px !important;}