Matt | The Northern Light

//Colors//
//Light Green: #B6CC61//
//Dark Green: #198557//
//Grey: #616364//
/* STRUCTURE */
/* ========================================== */
.backstretch img {
display: none;
}
.backstretch {
background-color: #333;
}
#td-outer-wrap {
margin: 25px auto 25px !important;
border-radius: 2px;
}
@media screen and (max-width: 767px) {
#td-outer-wrap {
margin: 0px auto 0px !important;
border-radius: 0px;
}
}
/* CONTSTANT */
.tnl-button {
display: inline-block;
font-family: "Futura PT" !important;
font-weight: bold;
text-transform: uppercase;
color: white !important;
background-color: #198557;
padding: 10px;
margin: 0px 10px 0px 0px !important;
border-radius: 2px;
}
.tnl-button:hover {
background-color: #B6CC61;
}
/* SCROLLING */
/* ========================================== */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #999; 
}
::-webkit-scrollbar-thumb {
background: #222; 
}
::-webkit-scrollbar-thumb:hover {
background: black; 
}
.td-scroll-up {
bottom: -20px;
background-color: #111 !important;
border-radius: 20px;
height: 60px;
width: 40px;
}
/* LOGO */
/* ========================================== */
/* Other Pages */
.td-main-logo img {
max-width: 25%;
margin: 0px auto 0px;
}
.td-logo-wrap-full {
padding: 10px 0px 0px !important;
margin: -35px 0px -45px;
}
/* Homepage */
.page-id-53853 .td-main-logo .td-retina-data{
max-width: 75%;
padding: 0px;
margin: 0px auto 0px;
}
.page-id-53853 .td-logo-wrap-full {
padding: 10px 0px 0px;
margin: 0px 0px -15px;
}
/* MENU */
/* ========================================== */
.td-header-gradient:before {
display: none;
}
.td-theme-wrap .td-mega-menu .td-next-prev-wrap a {
border: 0px solid #000000;
}
.td-container-wrap {
padding-top: 0px;
}
.td-header-menu-wrap {
display: non;
}
.td-header-main-menu {
// border-bottom: 2px solid black;
}
.menu-item {
font-family: "Futura PT", "Open Sans", sans-serif;
// letter-spacing: .5px;
}
.td-theme-wrap .sf-menu .td-normal-menu .sub-menu .td-menu-item > a{
font-family: "Futura PT", "Open Sans", sans-serif;
font-size: 15px;
}
.td-crumb-container {
margin: 0px !important;
padding: 0px !important;
}
/* SIDEBAR */
/* ========================================== */
.td-pulldown-size {
font-family: "Futura PT", "Open Sans", sans-serif !important;
font-weight: bold;
}
.block-title {
margin-bottom: 12px;
}
/* Social Counter */
.td-social-style9 .td_social_type .td_social_info {
display: none;
}
.td-social-style9 .td_social_type .td-social-box {
height: 70px !important;
margin: 0px 0px -25px !important;
}
.page-id-53853 .td-social-style9 .td_social_type .td-social-box {
height: 70px !important;
margin: -30px 0px !important;
}
/* Inline Ad */
.td-a-rec-id-smart_list_6 img, .td-a-rec-id-smart_list_7 img, .td-a-rec-id-smart_list_8 img, .td-a-rec-id-post_style_12 img, .td-a-rec-id-sidebar img, .td-a-rec-id-content_top img, .td-a-rec-id-content_inline img, .td-a-rec-id-content_bottom img, .td-a-rec-id-custom_ad_1 img, .td-a-rec-id-custom_ad_2 img, .td-a-rec-id-custom_ad_3 img, .td-a-rec-id-custom_ad_4 img, .td-a-rec-id-custom_ad_5 img {
max-width: 300px;
margin: 0px auto;
}
.td-a-rec.td-a-rec-id-content_inline {
margin: 0px 0px 40px !important;
}  
/* HOMEPAGE */
/* ========================================== */
/* Featured Stories */
.td-pb-span12 {
margin-top: 10px !important;
}
.td-big-grid-post .entry-title {
color: white;
font-family: "Open Sans", "Roboto", sans-serif !important;
font-weight: 600 !important;
z-index: 9000;
background: ;
border-radius: 2px;
text-shadow: 2px 2px 20px black !important;
}
.td-big-grid-post .td-module-meta-info {
padding: 0px 0px;
}
.td-big-grid-post .td-meta-info-container {
padding-top: 15px !important;
// background: rgba(0, 0, 0, 0.3);
}
.td-grid-style-1 .td-module-thumb a:last-child:before {
// background: none;
background: linear-gradient(to bottom, rgba(0, 0, 0, .0) 50%, rgba(0, 0, 0, 1) 80%)
}
/*Categories*/
.td-block-title-wrap {
margin: 10px 0px 0px;
}
.td-block-title:before {
height: 0px !important;
}
.td-block-title {
font-family: "Futura PT", "Open Sans", sans-serif !important;
letter-spacing: .5px;
text-transform: uppercase;
font-size: 18px !important;
border-bottom: 2px solid black;
margin-bottom: 15px !important;
}
.td-block-title-wrap {
font-family: "Futura PT", "Open Sans", sans-serif !important;
}
.td_block_template_10 .td-block-title {
font-family: "Futura PT", "Open Sans", sans-serif !important;
}
/*Prev. & Next Buttons*/
.td-next-prev-wrap a {
margin-right: 0px;
width: 30px;
height: 30px;
line-height: 32px;
text-align: middle;
border: 0px solid #ffffff;
font-size: 12px;
color: #000000
}
/* STORY PAGES */
/* ========================================== */
.entry-title {
font-family: Helvetica Neue, "Open Sans", sans-serif;
font-weight: bold;
}
.the_champ_vertical_counter, .the_champ_vertical_sharing {
bottom: 500px !important;
opacity: 1;
}
@media screen and (max-width: 767px) {
.the_champ_vertical_counter, .the_champ_vertical_sharing {
bottom: 0px !important;
opacity: 1;
}
}
.theChampPullOut {
display: none;
}
p a {
color: green;
}
/* ONLINE AD PAGE */
/* ========================================== */
/* Structure */
.page-id-63296 .backstretch img {
display: none;
}
.page-id-63296 .backstretch {
background-color: #282828;
}
.page-id-63296 .td-container-wrap {
background-color: #282828;
}
.page-id-63296 .td-banner-wrap-full {
background-colo: #282828;
}
.page-id-63296 .td-header-sp-logo {
background-colo: #282828;
}
.page-id-63296 .td-header-menu-wrap-full {
display: none;
}
.page-id-63296 .online-ad-section h1 {
color: white !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 10px;
border-bottom: 4px solid #118758;
margin: 0px auto;
max-width: 200px
}
#online-ad-prices img{
width: 90% !important;
max-width: 500px !important;
margin: 0px auto;
border-bottom: 4px solid #118758;
border-radius: 10px 10px 0px 0px;
}
.page-id-63296 h2 h3 h4 h5 {
color: white !important;
}
.page-id-63296 p {
color: white !important;
padding: 0px 20px;
}
.page-id-63296 a {
font-weight: bold;
}
#online-ad-form h3 {
background-color: #118758;
color: white !important;
text-align: center;
max-width: 210px;
padding: 5px 0px;
margin: 0px auto;
border-radius: 2px;
font-size: 20px;
}
#online-ad-form a {
color: white;
}
#online-ad-form h3:hover {
background-color: #b6cd61;
}
/* Screens */
#screen-sample-desktop {
position: relative;
width: 700px;
margin: 0px auto 200px;
left: 50px;
z-index: 2;
}
#screen-sample-laptop {
position: absolute;
top: 750px;
left: 75px;
width: 500px;
z-index: 3;
}
#screen-sample-phone {
position: absolute;
top: 920px;
left: 540px;
width: 100px;
z-index: 4;
}
/* NEWSLETTER PAGE */
/* ========================================== */
.page-id-66459 .backstretch img {
display: none;
}
.page-id-66459 .backstretch {
background-color: #282828;
}
.page-id-66459 .td-container-wrap {
background-color: #282828;
}
.page-id-66459 .td-header-style-10 .td-header-main-menu {
display: none;
}
.page-id-66459 .td-header-wrap .td-header-menu-wrap-full, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .td-header-menu-wrap.td-affix, .td-header-style-3 .td-header-main-menu, .td-header-style-3 .td-affix .td-header-main-menu, .td-header-style-4 .td-header-main-menu, .td-header-style-4 .td-affix .td-header-main-menu, .td-header-style-8 .td-header-menu-wrap.td-affix, .td-header-style-8 .td-header-top-menu-full {
background: none;
}
.page-id-66459 .td-footer-wrapper {
display: none;
}
.page-id-66459 #td-outer-wrap {
min-height: 100vh;
}
.page-id-66459 h1 {
font-family: Futura PT Heavy, sans-serif !important;
font-weight: bold !important;
font-size: 100px;
line-height: 1.0em !important;
color: white !important;
}
.page-id-66459 h3 {
text-align: left !important;
color: grey !important;
margin: 20px 0px
}
.page-id-66459 #button {
background-color: white;
max-width: 30%;
padding: 10px;
border-radius: 0px;
}        
.page-id-66459 #button:hover {
background-color: #B6CC61;
border-radius: 2px;
}
@media (max-width: 600px) {
.page-id-66459 .td-header-style-10 .td-header-main-menu {
display: block;
}
.page-id-66459 h1 {
font-size: 50px;
line-height: 1.0em !important;
}
}
.page-id-66459 .td-pb-row [class*="td-pb-span"] {
padding: 0px 30px;
}