/*
 * Theme Name:  PG Child Theme
 * Description: PG Custom Website
 * Author:      www.PrometheanGroup.com
 * Template:    dt-the7
 * */

/* Start with the primary theme, and then modify for PG */
@import url("../dt-the7/style.css");

/*********************************************************
 * See if these HACKS are still needed???
 *********************************************************/

/* Not sure why the text area is so light on the font color??? */
.wpb_edit_form_elements .textarea_raw_html {
	color: #000000;
	}

/* Safari 9 images not showing up fix */
html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),
html:not(.mobile-true) #header img,
html:not(.mobile-true) #bottom-bar img {
    opacity: 1 !important;
}

.mfp-counter {display:none;}

.rsDesc { font-weight: normal; }

.dt-fancy-separator { height:auto; overflow:visible; }

/* Nix the low-quality video clip icon from Portfolio hover
.hover-style-one .project-link::after, .hover-style-two.hover-color-static .project-link::after, .hover-style-three .project-link::after, .hover-style-two .project-link::after, .buttons-on-img .link::after, .buttons-on-img .project-link::after { background-image:url("/wp-content/uploads/2014/08/video-play.png"); } */

/* HACK: Need to figure out how to switch this in the theme template */
.wf-2-3 { width:30%; }
.wf-1-3 { width:70%; }

/* HACK: Try to fix this in the theme options somewhere... Changed black bg to white. */
.rsHomePorthole { background: transparent; }

/* HACK: Need to figure out how to change the global base font COLOR from #8d9095 to #000000 */
html { color: #000000; }
body { color: #000000; }
.wf-container > * { color: #000000; }

/* HACK: Make temp main event full-width */
.v-full-width img {
	width:100%;
	height:auto;
	}
.v-full-width {
	width:100%;
	}

/* HACK: Add border and dropshadow to masonry */
/* Moved this to each individual page for only Protfolio Masonry template */
/* .type-dt_portfolio */
/*
article {
border: 1px solid #CCCCCC;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
padding: 3px 8px 3px 8px;
box-shadow: 5px 5px 10px #DDDDDD;
}
*/

/* HACK: Needed to override a bug in the fancy masonry auto-layout AJAX  that causes tiles to overlap by up to 10 pixels. */
.fb-like { height: 22px; padding-bottom: 0px !important; margin-top: -5px;}
.fb_iframe_widget { height: 22px; padding-bottom: 0px !important;}


/*********************************************************
 * End of HACKS section
 *********************************************************/

/*********************************************************
 * GLOBAL styling
 *********************************************************/

/* Add spacing between paragraphs or lines */
#content p { margin-bottom: 20px; }
/* Special exception for EventOn */
#content .ajde_evcal_calendar p { margin-bottom: 1px; }
.wpb_wrapper { color:#999999; }

/* Add spacing to HTML lists */
.content ul li { margin-bottom:10px; }

/* Make dates font smaller */
span.post-date {
	font-size:0.8em;
	}

/* Make portfolio dates white vs accent color */
.hover-style-one .portfolio-categories {
	height:20px;
	}
.hover-style-one .portfolio-categories * {
	color: #ffffff !important;
	cursor: pointer;
	display: block !important;
	line-height: 2em;
	font-size: 1.2em;
	}

h2 {color:#a2be3d;}

.hideme {display:none;}

.page-id-7269 .v-feature-tiles {margin-left:10px; margin-right:10px; margin-top:35px; margin-bottom:35px; width:23%; border: 1px solid #bbbbbb !important;}

/* Add full justification to block */
.v-justified-full {
	text-align:justify;
	}

/* Make sidebar links stand out */
.sidebar-content a, .content .sidebar-content .widget .custom-categories a, .sidebar-content .recent-posts a {
	color: #5c8727;
	}

.mfp-title {padding-top:15px; padding-bottom:25px;}

/* Wordpress Gallery */
#gallery-1 .gallery-item {
margin-top: 0px !important;
border-right-style: solid !important;
border-right-color: #FFF !important;
border-right-width:6px !important;
width:24% !important;
}

/* GLOBAL hide something */
.v-hide { display: none !important; }
.v-invisible { opacity: 0 !important; }

/* GLOBAL removal of hyperlink underlines!!! */
a { text-decoration: none; }

/* GLOBAL removal of sidebar borders */
.sidebar-content {
	border: 0;
	}
.sidebar .widget, .sidebar-content .widget {
	border: 0;
	}
.v-sidebar {
	margin-bottom: 40px;
	padding-bottom: 0;
	}

/* GLOBAL removal of sidebar padding */
.sidebar .widget, .sidebar-content .widget {
	padding: 0;
	}

/* GLOBAL make all rounded corners square */
.ult_modal-content {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	}
/* Legacy ult-overlay close button */
.ult-overlay-close {
	border: 0px white solid !important;
	display:none;
/*
	background: url('/assets/modal-close.png') no-repeat center center !important;
	height:40px !important;
*/
	}
.ult_modal-content .ult-overlay-close {
	display: block;
	}

/* GLOBAL add spacing above YouTube playlist thumbnails */
h5.ytctitle {
	white-space:nowrap;
	overflow: hidden;
	}

.youtubechannelgallery *, .ytcplayer-fixwidthwrapper {
	padding-bottom: 10px !important;
	}
ul.ytchagallery .ytctitle {
	margin-top: -9px !important;
	}
h3.ytc_title {
	font-size:1.0em;
	line-height:1.5em;
	margin-bottom:3px;
	}
.ytc_title {
	color: #ffffff !important;
        width:100%;
        white-space:nowrap;
        overflow:hidden;
        font-size:8px;
        font-weight:300;
        color: #ffffff;
        padding: 6px 10px 6px 10px;
        position:absolute;
        top:10;
	z-index:999;
        background-color: rgba(0,0,0,0.8);
        }
.ytc_video_container {
        position:relative;
        margin-bottom:20px;
        overflow:hidden;
        }

/* Bug in close button hover, so just nix it for now */
.mfp-close {
	display: none !important;
	}

/* GLOBAL make transparent background */
.v-transparent {
	background: transparent;
	}
.sidebar-content {
	background: transparent !important;
	}

/* GLOBAL fix for content block */
.project-content {
	margin-top: 0;
	}
.images-container {
	margin-top: 0;
	}

/* Contact Form 7 */
.wpcf7-form-control-wrap input { padding: 2px 10px 2px 10px !important; }
/* CAPTCHA input box */
.v-captcha-table { margin-bottom:20px; }
.v-captcha-input { padding: 2px 10px 2px 10px !important;}
/* Darken the form font */
.wpcf7 { color:#333333; }
.wpcf7CityTextField{ width:175px !important; }
.wpcf7StateTextField{ width:75px !important; }
.wpcf7ZipTextField{ width:125px !important; }
/*Viridian Custom Dropdown Style*/
.wpcf7 select {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(/wp-content/uploads/2015/02/susEventDropdown.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 0px 5px 5px 5px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 85px;
}

.field33 {width:30%;}
.field23 {width:23%;}

.thankyoulist {color:#FFFFFF;}

.report {
	background-image: url(http://www.liveviridian.com/wp-content/uploads/2014/12/SR_2015_LargeBanner_LiveViridian.jpg);
	background-repeat: no-repeat;
	background-size:100%;
  	background-position:center;
	padding-top:27%;
	padding-bottom:13%;
	padding-left:32.5%;
}

.page-id-14395 #content p {
    margin-bottom: 7px;
}

.page-id-4697, .page-id-4708, .page-id-4720, .page-id-4726, #page .dt-btn {
    background-color: rgba(0, 255, 0, 0.0) !important; 
    outline-color: white;
    outline-width: 1px;
    outline-style: solid;
}

.sub-nav {border-radius:0px;}

.page-id-13346 #page .dt-btn {
    width:238px;
    background-color:#f77f0e !important;
}

.productsfix {
	margin-top:15px;
}


/* DevBuddy Twitter Feed */
.tweet { padding: 0 0 0 0; }
.tweet_content { padding-left: 80px; }
.tweet_profile_img { margin-left: -80px; margin-top:2px; }
.tweet_text { line-height: 1.3em; font-size: 12px; height:45px;}
.tweet_media img { position: absolute; left:0; margin-top:-75px; width:70px; height:auto; }
.tweet_intents { display:inline; }
.tweet_intents:before { content: " "; }
.tweet_secondary_meta { font-size: 67%; }

/* Fresco / fresco lightbox */
/* Fresco captions headings to white */
.fr-caption h3 { color: #FFFFFF; }
.fr-caption h2 { color: #FFFFFF; }
.fr-caption h1 { color: #FFFFFF; }

/* Fresco position indicator */
.fr-info-inside .fr-position {
	margin-bottom: -21px;
	}

/* Add dark tint to an image */
/* ONLY WORKS WITH FULL-WIDTH IMAGES AND CONTENT! */
.v-tint {
	position: relative;
	float: left;
	}
.v-tint:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	}

/* Remove fixed margins from image alignment class(s) */
.alignnone {
	margin: 0 auto 0 auto;
	}

/* Orange button */
.v-orange-button {
	border: 1px solid white !important;
	background-color: #f68026;
	color: #ffffff !important;
	font-size: 24px;
	padding: 10px 0 10px 0;
	}
.v-orange-button a {
	color: #ffffff;
	}
@media only screen and (max-width : 640px) {
	.v-orange-button {
		font-size:16px;
		padding: 5px 0 5px 0;
		}
	}

/* Remove margin from bottom of main content div */
#main { padding:0; }

/* Fade to white gradient */
#v-overlay {
    position: relative;
}
#v-overlay::before {
    background-image: linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -moz-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -ms-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -o-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -webkit-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
    content: "\00a0";
    height: 100%;
    position: absolute;
    width: 100%;
}

/* Nix Custom Facebook Feed (CFF/cff) widget footer */
/* Need to figure out how to do this without this hack. */
.cff-bottom { display: none; }
/* Nix global 20px padding on paragraphs. */
#cff p { margin-bottom: 0 !important; }
#cff .cff-photo { max-height: 100px; overflow: hidden; }

/* HACK to make grid layout full-width */
.wf-container {
	word-spacing: 0;
	}
.v-metro-nav .wpb_wrapper {
	margin-bottom: -22px !important;
	}

/* Grid pagination */
.minimal-light .esg-navigationbutton {
	color: #fff !important;
	background: #a2be3d !important;
	}
.minimal-light .esg-navigationbutton * {
	color: #fff !important;
	}
.minimal-light .esg-filterbutton.selected {
	border: 1px #bbb solid !important;
	background: #fff !important;
	color: #999999 !important;
	}
.minimal-light .esg-navigationbutton {
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	}
/* Apparently a BUG in the theme that adds nav padding on Rank List page */
.icontabs i {
	padding-right: 0;
	}

/* Bug to allow tabs on narrow viewports (Phones) */
.fa-minus { font-size: 1px; opacity: 0; }

/* Nix WP menu in Admin Bar on front-end */
#wp-admin-bar-wp-logo { display:none; }

/* Force squares to be round or rectangles to be oval */
.v-img-circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	}

.v_center { text-align:center; }

/* Make background image center-center-cover, like homepage metro nav blocks */
.v_cover { background-size: cover; }

/* Force square div, like the homepage metro nav blocks */
.v_square { width: 100%; height: 0; padding-bottom: 100%; }

/* HP Features Tiles */
.v-hp-features-tile {
	text-align: left;
	width: 100%;
	height: 90px;
	padding: 15px;
	overflow: hidden;
	}

/* HP Videos formatting */
.v-hp-videos-column {
	padding: 120px 40px 120px 40px;
	}
.v-hp-videos-heading {
	font-size:1.5em; color:#FFFFFF;
	}
.v-hp-videos-heading-mobile {
	font-size:1.0em; color:#FFFFFF;
	text-align:center;
	top:0;
	}
.v-hp-videos-copy {
	padding: 10% 0 0 10%;
	height:200px;
	border-top:1px dotted #FFFFFF;
	color: #FFFFFF;
	}
.v-hp-videos-play {
	padding: 10% 0 0 10%;
	}
.v-hp-videos-play img {
	width:80%;
	height:auto;
	}

/* Set the bg image classes for hover effect */
.v-hp-videos-bg-0 {
  background-image: url('/assets/v-hp-videos-bg-0.jpg') !important;
  }
.v-hp-videos-bg-1 {
  background-image: url('/assets/v-hp-videos-bg-1.jpg') !important;
  }
.v-hp-videos-bg-2 {
  background-image: url('/assets/v-hp-videos-bg-2.jpg') !important;
  }
.v-hp-videos-bg-3 {
  background-image: url('/assets/v-hp-videos-bg-3.jpg') !important;
  }
.v-hp-videos-clear {
  background-image: none !important;
  }

/* HP videos blur */
.v-blur {
	-webkit-animation: blur_a 1s 1;
	}
@-webkit-keyframes blur_a {
	0%  { -webkit-filter: blur(5px); }
	100% { -webkit-filter: blur(0px); }
	}


/* HP videos unblur */
.v-unblur-0 {
	-webkit-animation: unblur_a 2s 1;
	}
@-webkit-keyframes unblur_a {
	0%  { -webkit-filter: opacity(40%); }
	100% { -webkit-filter: opacity(100%); }
	}
.v-unblur-1 {
	-webkit-animation: unblur_b 2s 1;
	}
@-webkit-keyframes unblur_b {
	0%  { -webkit-filter: opacity(40%); }
	100% { -webkit-filter: opacity(100%); }
	}
.v-unblur-2 {
	-webkit-animation: unblur_c 2s 1;
	}
@-webkit-keyframes unblur_c {
	0%  { -webkit-filter: opacity(40%); }
	100% { -webkit-filter: opacity(100%); }
	}
.v-unblur-3 {
	-webkit-animation: unblur_d 2s 1;
	}
@-webkit-keyframes unblur_d {
	0%  { -webkit-filter: opacity(40%); }
	100% { -webkit-filter: opacity(100%); }
	}
/*
.v-unblur-0 {
	-webkit-animation: unblur_a 1s 1;
	}
@-webkit-keyframes unblur_a {
	0%  { -webkit-filter: blur(5px); }
	100% { -webkit-filter: blur(0px); }
	}
.v-unblur-1 {
	-webkit-animation: unblur_b 1s 1;
	}
@-webkit-keyframes unblur_b {
	0%  { -webkit-filter: blur(5px); }
	100% { -webkit-filter: blur(0px); }
	}
.v-unblur-2 {
	-webkit-animation: unblur_c 1s 1;
	}
@-webkit-keyframes unblur_c {
	0%  { -webkit-filter: blur(5px); }
	100% { -webkit-filter: blur(0px); }
	}
.v-unblur-3 {
	-webkit-animation: unblur_d 1s 1;
	}
@-webkit-keyframes unblur_d {
	0%  { -webkit-filter: blur(5px); }
	100% { -webkit-filter: blur(0px); }
	}
*/

/* Position the full-screen icon on WP Video Lightbox */
.wpb-js-composer div.pp_default .pp_expand {
	display: none !important;
	}

.HasListener {
	background-color: #a2be3d;
	}

/* Format the Recognition Page carousels */
.v-rec-carousel .entry-content {
	padding: 0 20px 20px 20px;
	}
.v-rec-carousel h2 {
	font-size:1.6em;
	width:100%;
	text-align:center;
	padding: 0;
	margin: 0;
	}
.v-rec-carousel .wpb_wrapper {
	border: 1px solid #CCCCCC;
	height: 500px;
	}
.v-rec-carousel-tiles {
	padding: 0 20px 40px 20px;
	}

/* Keep carousel quotes in Ultimate VC AddOns from overlapping */
.ult-item-wrap { overflow:hidden; }

/* Format the Read More */
.vc_read_more {
	background-image: url('/wp-content/uploads/2014/11/13351-LiveViridian-HP-Read-More-Icon-carousel.png') !important;
	background-position: right center;
	text-transform: uppercase;
	padding-left:40%;
	}

/* DT Buttons */
.dt-btn-m {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	}
.dt-btn-l {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	}
.dt-btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	}

/* Apply a fade to white to bottom of div */
.v-fade-bottom {
    position: relative;
}
.v-fade-bottom::before {
    background-image: linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -moz-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -ms-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -o-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -webkit-linear-gradient( top, 
            rgba( 255, 255, 255, 0 ) 0%, 
            rgba( 255, 255, 255, 1 ) 100% );
    content: "\00a0";
    height: 100%;
    position: absolute;
    width: 100%;
}

/* Make div full-width */
.v-full-width {
	white-space: nowrap;
	overflow:visible;
	}

/* Fix bug in VC Counter prefix doesn't use counter font color */
.counter_prefix {
	color: #ffffff;
	}

/* Format H1 to be white with dropshadow */
.v-h1-white h1 {
	color: #FFFFFF !important;
	text-shadow: 2px 2px 6px #000000 !important;
	}

/* Format H2 to be white with dropshadow */
.v-h2-white h2 {
	color: #FFFFFF !important;
	text-shadow: 2px 2px 4px #000000 !important;
	}

/* Format H3 to be white with dropshadow */
.v-h3-white h3 {
	color: #FFFFFF !important;
	text-shadow: 2px 2px 4px #000000 !important;
	line-height: 1.5em;
	}
.v-copy-white p {
	color: #FFFFFF !important;
	}
.v-copy-white div {
	color: #FFFFFF !important;
	}

/* Format H4 to be green */
h4 {
	color: #5c8727 !important;
	padding: 20px 0 5px 0;
	}

/* Smaller super scripts for (TM) */
.v-superscript {
	font-size: 0.5em !important;
	vertical-align:super !important;
	}

/* Add a slight green-ish shaded background and 20px padding to block */
.v-shaded-box {
	background-color: rgba(200,240,60,0.2);
	}
.v-padded-box {
	padding: 20px 20px 20px 20px;
	}

/* White copy */
.v-white-copy {
	color: #FFFFFF !important;
	}
.v-white-copy.wpb_wrapper {
	color: #FFFFFF !important;
	}

/*********************************************************
 * HEADER
 *********************************************************/

/* Make header top-bar social icons more pronounced */
#top-bar {
	line-height:44px;
	}
#top-bar .soc-ico {
	height:42px;
	}
#top-bar .soc-ico a .icon {
	width:24px;
	height:24px;
	margin-top:4px;
	/* border: 1px #A2BE3D solid; */
	border: 2px #FFFFFF solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	color: #FFFFFF;
	}
#top-bar .soc-ico a:hover .icon {
	fill: #FFFFFF;
	}
#top-bar .soc-ico a {
	margin: 1px 10px 2px 4px;
	}

.mtphr-dnt-tick { text-align:center; }

/* Add shadow to top-bar copy */
#top-bar .wf-float-left {
	text-shadow: 0px 0px 0px #333333 !important;
	font-size:24px;
	}

/* Header logo format cleanup and make it generally responsive. */
.logo-left #branding, .logo-classic #branding, .logo-classic-centered #branding {
	padding-right: 0px;
	}
#branding img {
	margin: 0 0 -12px 0;
	}
#branding a img, #branding img { width: 240px; }
@media screen and (min-width: 761px) and (max-width: 1024px) {
	#branding a img, #branding img { width: 160px; }
	}
@media screen and (max-width: 760px) {
	#branding a img, #branding img { width: 240px; }
	}

/* Shift main menu down closer to baseline */
#navigation {
	vertical-align:bottom;
	}
#header.logo-left .mini-search {
	vertical-align:bottom;
	padding-bottom:8px;
	}
#main-nav {
	padding: 0;
	}

/* Fix strange inconsistency with active menu item highlight for mega-menu */
.dt-mega-menu .sub-nav .dt-mega-parent .sub-nav li.act > a {
	color: #a2be3d !important;
	}

/* Shift fancy header up under top bar (Top Bar) */
.fancy-header {
	margin-top: -50px;
	margin-bottom: 40px;
	}
.fancy-subtitle {
	text-shadow: 2px 2px 6px #000000 !important;
	}
/* And also add the 40px margin-bottom to the Rev Slider Fancy Header */
#main-slideshow {
	margin-bottom: 32px;
	}
.tparrows.preview3 .tp-arr-iwrapper {
	background: #a2be3d;
	}

/* Carousel */
button.slick-next.square-border {
	padding: 6px 6px 6px 6px;
	border: 1px solid white;
	}
button.slick-next.square-border {
	padding: 6px 6px 6px 6px;
	border: 1px solid white;
	}
.slick-list {
  height:auto;
  }
.slick-prev {
  left:10px !important;
  }
.slick-next {
  right:10px !important;
  }
.slick-dots {
  font-size: 1.4em;
  }

/* Container overlay */
.v-overlay-container {
	position: relative;
	overflow: hidden;
	}
.v-overlay-background {
	position: relative;
	z-index: 0;
	width: 100%;
	}
.v-overlay-foreground-top {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	}
.v-overlay-foreground-bottom {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	}

/* Video container overlay */
.v-video-container {
	position: relative;
	}
.v-video-background {
	position: relative;
	z-index: 0;
	width: 80%;
	}
.v-video-foreground {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 100%;
	}
.v-video-playdark {
	opacity: .7;
	}
.v-video-playdark:hover {
	opacity: 0;
	}
.v-video-playbutton {
	opacity: 0;
	}
.v-video-playbutton:hover {
	opacity:1;
	}
/*
.v-video-playbutton {
	filter:greyscale(100%) brightness(80%) contrast(250%);
	-webkit-filter: grayscale(100%) brightness(80%) contrast(250%);
	-moz-filter: grayscale(100%) brightness(80%) contrast(250%);
	}
.v-video-playbutton:hover {
	filter:greyscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	}
*/

/* Special styling for YouTube Channel plugin's play button */
.ytc_thumb > span::before {
	opacity:0.8;
	filter: grayscale(100%) contrast(200%);
	-webkit-filter: grayscale(100%) contrast(200%);
	-moz-filter: grayscale(100%) contrast(200%);
	}
.ytc_thumb:hover > span::before {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	}

/* Add vertical dotted lines between main menu items */
#main-nav > li {
	border-right: 1px dotted #A2BE3D;
	border-radius: 0;
	}

/* Tighten up vertical padding on main menu items */
#main-nav.menu-frame-on > li > a {
	padding-top: 0px;
	padding-bottom: 0px;
	}
/* Not needed now that we have a smaller Main Menu font 
#phantom #main-nav.menu-frame-on > li > a {
	padding-left: 6px;
	padding-right: 6px;
	}
*/

/* Remove main menu items hover border */
#main-nav.menu-frame-on > li > a:hover {
	border: 1px transparent solid;
	}

/* Set main menu hover background */
#main-nav.menu-frame-on > li {
	margin-left: -15px; /* special hack to cover up in-line white-space */
	padding-top: 4px;
	padding-bottom: 4px;
	}
#main-nav.menu-frame-on > li:hover {
	background-color: #A2BE3D;
	margin-left: -15px; /* special hack to cover up in-line white-space */
	padding-top: 4px;
	padding-bottom: 4px;
	}
#main-nav > li:hover > a span {
	color: #FFFFFF;
	}
/* Nix this for now... Menu items with sub-menus
.dt-hovered {
	background-color: rgba(196,196,196,0.2);
	}
*/

#main-nav > li > a, #mobile-menu {
    font-family: "Raleway",Helvetica,Arial,Verdana,sans-serif;
}

/* Nix gradient from background of selected menu item */
#main-nav.menu-frame-on>li.act {
	background: rgba(0,0,0,0);
	}
.dt-mega-menu .sub-nav li.act > a {
	color: #666666 !important;
	}

.dt-mega-menu .sub-nav .dt-mega-parent > a {
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	}

.v-menu-headings {
	font-size:1.2em;
	color:#5c8727;
	font-weight:normal;
	}
.dt-mega-menu>.sub-nav {
	margin-top:8px;
	}

/* Header baseline */
#header {
	border-bottom: 8px #A2BE3D solid !important;
	}


/*********************************************************
 * Page Title
 *********************************************************/

.page-title .entry-title {
	color: #5c8727;
	text-transform: uppercase;
	}
.page-title h1 {
	color: #5c8727;
	text-transform: uppercase;
	}
.page-title.title-left h1, .page-title.title-right h1 {
	font-weight: 300;
	text-transform: none;
	}
.page-title {
	background-color: transparent;
	padding-bottom: 0px !important;
	margin-bottom: 20px;
	text-transform: uppercase;
	}
.entry-title {
	text-transform: uppercase !important;
	}
.entry-title a {
	color: #5c8727;
	text-transform: uppercase;
	}


/*********************************************************
 * BODY
 *********************************************************/

/* Shift main-slideshow under header */
#top-bar {
	position: relative;
	z-index: 9999;
	}
#main-slideshow {
	margin-top: -50px;
	}

.rollover-content h2.entry-title {
	font-size: 1.2em;
	line-height:1.1em;
	margin-bottom:0;
	}
.rollover-content h2.entry-title * {
	font-size: 1.1em;
	line-height:1.1em;
	margin-bottom:0;
	}

/* Shift hero slider nav arrows out to edges */
.tp-rightarrow {
	right:0 !important;
	}
/* Shift hero slider nav arrows out to edges */
.tp-leftarrow {
	left:0 !important;
	}

/* Shift breadcrumbs up onto bottom margin of Hero and other styling */
.v-breadcrumbs {
	margin-top: -30px;
	padding-bottom: 20px;
	}
.v-breadcrumbs .essb_links {
	float:right;
	margin-top:0;
	}

/* Fix overlay issues with EventOn sort drop-downs */
#evcal_list .eventon_list_event p.no_events {
	background-color:#e2fedd;
	min-height:440px;
	font-size:36px;
	padding-top:100px;
	text-align:center;
	}

/* Homepage tiles */
.v-hp-tiles {
	padding-bottom: 0 !important;
	}
.v-hp-tiles a {
	width:90%;
	height:auto;
	text-decoration: none;
	}
.v-hp-tiles-white-copy p {
	color: #FFFFFF;
	}
.v-hp-tiles-white-copy p span {
	color: #FFFFFF;
	}
.v-hp-tiles-white-copy h3 strong {
	color: #FFFFFF;
	}

/* Hide copy under 1200px wide viewports and format for green cover */
.v-tile-copy {
	color: #ffffff;
	text-align:left;
	}
.v-tile-copy a {
	color: #ffffff;
	}
.v-tile-titles {
	color: #ffffff;
	text-align:left;
	}
.v-tile-titles a {
	color: #ffffff;
	}

/* Rec and Sust pages tiles */
.v-rec-feature-tile-copy { color: #999999; }
.v-rec-feature-tile-copy a { color: #999999; }

/* DT RSS Feed add spacing between items */
#rss-2 .rss-date { padding-bottom:20px; display:inline-block; }

/* Make copy responsive in Hompage tiles */
@media only screen and (max-width : 1200px) {
	.v-rec-feature-tile-copy {
		line-height: initial;
		font-size:0.9em;
		}
	.v-sustainability-feature-tile-copy {
		line-height: initial;
		font-size:1em;
		}
	}
@media only screen and (max-width : 1024px) {
	.v-rec-feature-tile-copy {
		line-height: initial;
		font-size:0.8em;
		}
	.v-sustainability-feature-tile-copy {
		line-height: initial;
		font-size:0.9em;
		}
	}

/* Homepage general styles */
.dt-fancy-title {
	font-weight: bold;
	}
.v-hp-white-heading h2 {
	color: #FFFFFF;
	}
.v-hp-white-heading h1 {
	color: #FFFFFF;
	}

/* Feature Tiles */
.v-feature-tiles {
	padding: 15px 15px 15px 15px;
	}

/* Recognition tiles */
/*
.v-rec-tiles {
	padding-bottom: 0 !important;
	}
.v-rec-tiles a {
	width:100%;
	height:auto;
	text-decoration: none;
	}
.v-rec-tiles-white-copy p {
	color: #FFFFFF;
	}
.v-rec-tiles-white-copy p span {
	color: #FFFFFF;
	}
.v-rec-tiles-white-copy h3 strong {
	color: #FFFFFF;
	}
*/
.v-rec-feature-tile-copy {
	text-align: left;
	width: 100%;
	height: 100px;
	padding: 15px;
	overflow: hidden;
	}

/* Related Blog posts styles */
.items-grid .alignleft i {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	}

/* Related Portfolio posts styles */
.related-projects h2 {
	margin: 5px 0 5px 0;
	font-size:2em;
	text-align:left;
	}
.related-projects h4 {
	font-size: 1em;
	font-weight: 300;
	padding: 0;
	line-height: 1.2em;
	}
.related-projects .fs-entry-content {
	padding-top: 2px;
	}
.slider-wrapper .prev i, .slider-wrapper .next i {
	border: 1px white solid;
	}

/* New Rank Advancers Grid */
.eg-v-rank-new-advancers-wrapper {
	background-color: transparent !important;
	}
	

/* Sustainability tiles */
.v-sustainability-tiles {
	padding-bottom: 0 !important;
	max-height: 400px;
	}
.v-sustainability-tiles a {
	width:100%;
	height:auto;
	text-decoration: none;
	}
.v-sustainability-tiles-white-copy p {
	color: #FFFFFF;
	}
.v-sustainability-tiles-white-copy p span {
	color: #FFFFFF;
	}
.v-sustainability-tiles-white-copy h3 strong {
	color: #FFFFFF;
	}

.v-counters-padding {
	padding: 20px 0 20px 0;
	}
.v-image-decender {
	margin-bottom: -15px !important;
	}

/* Add shadow to fancy titles globally */
.fancy-title {
	text-shadow: 2px 2px 6px #000000 !important;
	}

/* Widget Title */
.widget-title {
	border-top:4px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-left:10px;
	color: #999999 !important;
	font: normal normal normal 22px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	}

/*********************************************************
 * FOOTER
 *********************************************************/

/* Default widgetized footer background */
#footer {
	background-image: url("/wp-content/uploads/2014/11/19310-LiveViridian-HP-Footer-BackgroundImage.jpg");
	background-size: cover;
	border-top: 0;
	}

/* Format widget copy */
.v-footer {
	color: #FFFFFF;
	margin-top:0;
	margin-left:5px;
	min-height:200px;
	text-transform:none;
	}
.v-footer a { color: #FFFFFF; text-decoration: none; }
.v-footer-indent{ width:15px; }
#bottom-bar {
	margin-top: -20px;
	}
#bottom-bar .wf-table {
	display: none;
	}
.v-footer-social {
	padding-top:40px;
	text-align:center;
	}
.v-footer-last {
	color: #FFFFFF;
	margin-top:0;
	margin-left:5px;
	min-height:200px;
	text-transform:none;
	}
.v-footer-last a { color: #FFFFFF; text-decoration: none; }
.v-footer-logos {
        float:right;
        height:auto;
        width:7%;
        padding: 0 30px 0 30px;
        }


/*********************************************************
 * MOBILE RESPONSIVE
 *********************************************************/

/* Nix content for mobile. */
.v-non-mobile { display: none; }
.v-non-phone { display: none; }
.v-only-phone { display: block; }
.v-only-mobile { display: none; }
@media only screen and (min-width : 640px) {
	.v-non-phone { display: block; }
	.v-only-phone { display: none; }
	.v-footer {
		border-right: 1px white dotted;
		}
	.v-border-separator {
		border-right: 1px white dotted;
		}
	.v-separator-green {
		border-right: 1px #a2be3d dotted;
		}
	.v-separator-blue {
		border-right: 1px #1493cf dotted;
		}

	}
@media only screen and (max-width : 760px) {
	.v-footer { margin-left:10%; min-height:0px; }
	.v-footer-last { margin-left:10%; }
	#top-bar {
		background-color: #a2be3d;
		}
.thankyoulist {text-align:center;}
	}
@media only screen and (min-width : 1025px) {
	.v-only-tablets { display: none; }
	.v-non-mobile { display: block; }
	.v-only-mobile { display: none; }
	.v-footer {
		border-right: 1px white dotted;
		}
	.v-border-separator {
		border-right: 1px white dotted;
		}
	.v-separator-green {
		border-right: 1px #a2be3d dotted;
		}
	.v-separator-blue {
		border-right: 1px #1493cf dotted;
		}
	}

/* Purgatory viewports on laptops and desktops sized smaller browser windows */
@media only screen and (max-width: 1200px) {
	.v-tile-copy { display:none !important; }
	}

/* Mobile only */
@media only screen and (max-width : 1024px) {
	.v-only-mobile { display: block; }
	.wf-wrap { padding: 0; }
	.v-only-laptops { display: none; }
	.v-hp-features-tile { height:120px; }
	.v-hp-videos-copy { height: 250px; }
	.v-tile-copy { display:none !important; }
	.v-hp-feeds-block { text-align:center; height:auto; }
	#cff .cff-date {
		width:100%;
		}

.page-id-7269 .v-feature-tiles {width:46%;}

.wf-container {
    padding-left: 20px;
    padding-right: 20px;
}
	}

/* ShiftNav toggle threshold */
@media only screen and (max-width: 959px) {
	.header { display: none !important; }
	#header { display: none; }
	#phantom { display: none; }
	#top-bar { display: none; }
/*remove fancy header when scaling .fancy-header{ display: none !important; } */
	.v-shiftnav-hide { display: none; }
	.v-tile-copy { display: none; }
	.v-tile-titles { display:none !important; }
	.v-breadcrumbs { margin-top:0px;}
	}

/* Phones only */

@media only screen and (max-width: 640px) {
	.v-only-laptops { display: none; }
	.v-only-tablets { display: none; }
	.v-tile-copy { display: none; }
	.v-tile-titles { display:none !important; }

.field33 {width:100%;}
.field23 {width:100%;}

.thankyoulist {text-align:center;}

.page-id-7269 .v-feature-tiles {width:100%;}

	.v-hp-videos-copy {
		height: auto;
		}
	.v-hp-videos-play {
		padding-bottom:40px;
		}
	#v-main-event-shaded-box { background-color: rgba(0,0,0,0) !important; }
	#v-footer-topbar * { font-size: 0.8em; }
	.stripe-style-2 { background-size: cover !important; }
	.mobile-true .stripe { background-size: cover !important; }

.report {
	padding-left:15%;
	height:200px;
}

	}

@media only screen and (min-width: 641px) {
	.v-only-phone { display: none; }
	.v-only-phones { display: none; }
	}

@media print {    
	.v-no-print, .v-no-print * { display: none !important; }
	#top-bar, #top-bar * { display: none !important; }
	#header, #header * { display: none !important; }
	#phantom, #phantom * { display: none !important; }
	.shiftnav, .shiftnav * { display: none !important; }
	#shiftnav-toggle-main, #shiftnav-toggle-main * { display: none !important; }
	#fancy-header, #fancy-header * { display: none !important; }
	.v-below-header-faux-bg, .v-below-header-faux-bg * { display: none !important; }
/*	#sidebar, #sidebar * { display: none !important; } */
	.essb_links, .essb_links * { display: none !important; }
	#v-footer-topbar, #v-footer-topbar * { display: none !important; }
	#footer, #footer * { display: none !important; }
	#bottom-bar, #bottom-bar * { display: none !important; }
	.scroll-top, #scroll-top * { display: none !important; }
	.v-breadcrumbs, .v-breadcrumbs * { display: none !important; }
	}

/* GLOBAL Hide and UnHide Media Queries */
.v-max-480 { display:none; }
.v-max-640 { display:none; }
.v-max-1024 { display:none; }
.v-max-1200 { display:none; }
.v-max { display:block; }
@media only screen and (max-width:1200px) {
        .v-max-480 { display:none; }
        .v-max-640 { display:none; }
        .v-max-1024 { display:none; }
        .v-max-1200 { display:block; }
        .v-max { display:none; }
        }
@media only screen and (max-width:1024px) {
        .v-max-480 { display:none; }
        .v-max-640 { display:none; }
        .v-max-1024 { display:block; }
        .v-max-1200 { display:none; }
        .v-max { display:none; }

        }
@media only screen and (max-width:640px) {
        .v-max-480 { display:none; }
        .v-max-640 { display:block; }
        .v-max-1024 { display:none; }
        .v-max-1200 { display:none; }
        .v-max { display:none; }
	#gallery-1 .gallery-item {
width:48% !important;}

        }
@media only screen and (max-width:480px) {
        .v-max-480 { display:block; }
        .v-max-640 { display:none; }
        .v-max-1024 { display:none; }
        .v-max-1200 { display:none; }
        .v-max { display:none; }
#gallery-1 .gallery-item {
width:100% !important;}
        }




.title_counters {
padding:50px 0;
}

* {
    font-family: "Open Sans", sans-serif;
}

.honor-roll-text {
color:white!important;
}