/*****************************************/
/*                                       */
/*  DESKTOP STYLES @ 1024px AND GREATER  */
/*                                       */
/*****************************************/


@media only screen and (min-width: 960px) {

.masthead, .banner, .feature, .banner_content, .content, .section, .footer, .footer_extra { width: 960px; }
.masthead_wrapper, .masthead, .banner { height: 640px; }
.masthead_wrapper.banner_short, .banner_short .masthead, .banner_short .banner { height: 440px; }

/* MASTHEAD */
    
.masthead_bkg { height: 90px; }
.menu_bkg { top: 90px; height: 42px; }
.masthead_logo { top: 40px; }
    
.masthead_cta { font: normal normal 300 28px/28px 'Oswald', sans-serif; color: #959595; text-align: right; position: absolute; top: 37px; right: 10px; }
.masthead_cta a { text-decoration: none !important; color: inherit !important; }
.masthead_phone { font-weight: 500; color: #FFF; }

/* NEW MENU with DROPDOWNS */

.mobile_icon, .m_expand { display: none; }

.sitenav { 
    display: block !important; 
    position: absolute; 
    right: 10px; 
    top: 90px;
    width: 100%;
    z-index: 9000;
    text-align: center;
    height: 42px;
    }

	/* DROP-DOWN */
	
	.sitelinks {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
        text-align: center;
        height: 42px;
		}
	.sitelinks li { 
		display: inline-block;
		margin: 0px;
		padding: 0px; 
		position: relative;
		}
	.sitelinks li a { 
		background-color: transparent; /* Sets the color for the entire menu when it first drops down */
		border-bottom: 0px none transparent;
		font: normal normal 500 18px/18px 'Oswald', sans-serif;
        text-transform: uppercase;
		letter-spacing: 0px;
		text-align: center;
		text-decoration: none; 
		color: #FFF; /* Sets the font color for the menu items. Inherit to use base font color for the site. */
		display: block;  /* This (and the two below it) makes the whole thing clickable ... who knew?!? */ 
		padding: 11px 0px 13px 0px;
		width: 100%; 
		}
	.sitelinks li a:hover { color: #FFF; } /* Sets the highlight color for the menu items */
	.sitelinks li.menu_last a { border-bottom: none; }

.sitelinks .divider { display: inline; padding: 0px 10px 0px 10px; color: rgba(255,255,255,0.5) !important; font-weight: 300; }
.sitelinks li a:hover, #page_cannabis .menu_cannabis a, #page_oilgas .menu_oilgas a, #page_environmental .menu_environmental a, #page_about .menu_about a, #page_contact .menu_contact a { color: rgba(255,255,255,0.5); transition: 0.4s; }
.sitelinks li:hover a,.sitelinks li:hover a {  }
.sitelinks li.na, .sitelinks li .divider.na {  }
.sitelinks li.na:hover a {  }
    
/* SLIDESHOW */
    
.banner {  }
.banner_overlay { 
    padding-top: 206px;  
    font-size: 42px;
    line-height: 44px;
}
.banner_short .banner_overlay { padding-top: 202px; }

/* FEATURE 3UP */

.feature { margin-top: -280px; }
.feature_3up {  
    grid-template-columns: 270px 420px 270px;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    grid-template-areas:
    "left center right";
}
.feature_left, .feature_right { height: 380px; margin-top: 85px; }
.feature_center { height: 550px; }

.feature_pic { height: 160px; }
.feature_center .feature_pic { height: 245px; }

.feature_icon { width: 80px; height: 93px; bottom: -30px; margin-left: -40px; transition: 0.4s; }
.feature_center .feature_icon { width: 110px; height: 128px; bottom: -40px; margin-left: -55px; transition: 0.4s; }
/*
.feature_box:hover .feature_icon { transition: 0.2s; width: 90px; height: 105px; margin-left: -45px; }
.feature_box.feature_center:hover .feature_icon { transition: 0.2s; width: 120px; height: 140px; margin-left: -60px; }
*/
.feature_left h2.feature_title, .feature_right h2.feature_title { font-size: 18px; line-height: 18px; text-transform: uppercase; }
.feature_left .feature_text, .feature_right .feature_text { padding: 34px 0 6px 0; }
.feature_left p, .feature_right p { margin-top: .75em; font-size: 12px; line-height: 14px; }
    
/* RECORD SIDEBAR */

.sidebar { width: 420px; } 
.sidebar_pic { height: 245px; }
.sidebar_icon { width: 110px; height: 128px; bottom: -40px; margin-left: -55px; }
h2.sidebar_title { font-size: 28px; line-height: 28px; }
h4.sidebar_subtitle { font-size: 18px !important; line-height: 22px !important; }

/* MAIN */

.main { width: 540px; }

/* CONTENT */

.col_full { width: 940px; }
.col_full.nomargin { width: 960px; }
.col_half { width: 460px; }
.col_half.nomargin { width: 480px; }
	.col_half.nomargin .col_half { width: 220px; }
	.col_half.nomargin .col_third { width: 140px; }
	.col_half.nomargin .col_quarter { width: 100px; }
.col_third { width: 300px; }
.col_third.nomargin { width: 320px; }
.col_twothirds { width: 620px; }
.col_twothirds.nomargin { width: 640px; }
	.col_twothirds.nomargin .col_half { width: 300px; }
	.col_twothirds.nomargin .col_third {  } /* NOPE!!! - Not Divisible */
	.col_twothirds.nomargin .col_quarter { width: 140px; }
.col_quarter { width: 220px; }
.col_quarter.nomargin { width: 240px; }
.col_threequarters { width: 700px; }
.col_threequarters.nomargin { width: 720px; }
	.col_threequarters.nomargin .col_half { width: 340px; }
	.col_threequarters.nomargin .col_third { width: 220px; }
	.col_threequarters.nomargin .col_quarter { width: 160px; }

/* OVERVIEW */

.pic_box { width: 420px; margin-left: 20px; }
.pic_box { }
.pic { margin: 0px auto; }
.youtube { width: 420px; height: 236px; }
.pic_multi {
	width: 134px;
	height: 89px;
	margin-top: 9px;
	margin-right: 9px;
	}
.pic_multi:nth-child(2n) { margin-right: 9px; }
.pic_multi:nth-child(3n) { margin-right: 0px; }
.pic_multi_spacer { width: 134px; height: 89px; }

/* OVERVIEW MULTI-PIC GALLERY */

.gallery_main { width: 380px; height: 253px; }
.gallery_thumb { width: 95px; height: 63px; }
.gallery_count { padding-top: 16px; }

/* DOWNLOADS */

.downloads { __width: 420px; __margin-left: 20px; }

/* BROWSE */

.browse_pic_box { width: 40%; }
.browse_more { width: 55%; }
.browse_more a { }
    
/* FOOTER */

.footer { padding-top: 120px; }
.footer_logo {  }
.footer_company, .footer_tag { display: inline; }
.footer_company {  }
.footer_address_block { font-size: 30px; line-height: 30px; padding-top: 20px; }
.footer_divider { padding: 0 .5em; }
.footer_contact { display: inline; }

}

/* HIDE ON DESKTOPS @ 1024px - 1119px */

@media only screen and (min-width: 960px) AND (max-width: 1459px) { 
	.d_hide { display: none !important; visibility: hidden !important; } 
} /* IF LARGE */
@media only screen and (min-width: 960px) { .d_hide { display: none !important; visibility: hidden !important; }}