/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 img {
 	border-radius:5px;
	}

.emphasis-color {
	color:rgb(255,153,68);
    }

/* Front Page */ 

/************************** TOP SLIDER AND PHOTO *************************************/

/* Remove padding around slideshow and photo box */
#tm-top-a div div.uk-panel.uk-panel-space.widget_text {padding:0px;}  

/* Box in Top A Right */
#front-top-a-right {
	background-image: url('/wp-content/uploads/2015/10/LeaningAgainstWall.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
	position: absolute;
	padding:0;
    }
.top-a-right-frame {
	width:50%; padding-left:30px; padding-top:30px;
	}
h4.top-a-right-text {font-size: 15px; line-height: 22px; font-weight:700;}

/* Put Box in Top B in Tablet and Phone Modes */
#tm-top-b div div.uk-panel.uk-panel-space.uk-hidden-large.widget_text {padding:0px;}
#top-b-under-slide {
	background-image: url('/wp-content/uploads/2015/10/LeaningAgainstWall.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0;
	height: 100%;
	min-height: 100px;
	text-align: center;
	}

.top-b-under-slide-frame {
	width:75%; padding-left:30px; padding-top: 5px;
}
.top-b-under-slide-text {font-size: inherit; line-height: inherit;}


/************************************* SIDEBAR A *********************************************/

/* Reduce Padding for widgets in Sidebar A */
/* Use the class to put padding back in */

#tm-middle aside div.uk-panel.uk-panel-space.widget_text {padding:2%;}  /* Padding for default cell */
#tm-middle aside div.uk-panel.uk-panel-box.uk-panel-box-secondary.widget_text {padding:0%;} /* Panel if set to secondary */
/* #tm-middle aside div div.sidebar-padding.sidebar-font {padding:0%;} */
/* #tm-middle aside div div.uk-panel-space {margin-top:-50px;} */
#tm-middle aside div h3.uk-panel-title {margin: 0 0 0 0 ;} /* This just clears things */


/* Properties of Contact Dr. Hester Sidebar widget */
div.sidebar-contact {
	margin:auto;
	max-width:200px;		/* Tune to keep text on two lines beside icon */
	padding-top:20px;
	padding-bottom:20px;
	line-height:19px;
	font-size:20px;
	font-weight:900;
    }
div.sidebar-contact a img {
 	float:left;
 	padding-right:10px;
	}

/* Properties of Free Coaching experience Sidebar Widget */

div.sidebar-coaching-inquiry {
	width:80%;
	margin:auto;
	text-align:center;
	font-size:16px;
	line-height: 20px;
	font-weight: 800;
	color:#FFF;
	text-transform: uppercase;
	padding-top:20px;
	padding-bottom:0px;
	}
div.sidebar-coaching-inquiry p {
	margin-bottom:20px;
	margin-bottom:20px;
	}

/************************************ FRONT PAGE SUN TABS ***************************************/

/* Basic tabs */
#tm-middle div #tm-content article div div ul.uk-tab.uk-tab-right.tm-tab-fullheight li a h3 {
	font-family:"Arial Narrow","Arial";
	font-size: 10pt;
	line-height: 15pt;
	font-weight:700;
	margin: 0px;
	color:rgb(252,217,84);   /* Set tab text to link color */
	background-color:rgba(0,0,0,0);
    }
#tm-middle div #tm-content article div div ul.uk-tab.uk-tab-right.tm-tab-fullheight li {
	min-height: 10px;
	/* background-color:#222; */
    }
#tm-middle div #tm-content article div div ul.uk-tab.uk-tab-right.tm-tab-fullheight li a {
	padding:10px !important;
    }

/* Turn tabs dark orange on hover */
#tm-middle div #tm-content article div div ul.uk-tab.uk-tab-right.tm-tab-fullheight li:hover {
	background-color:#520;
    }    
#tm-middle div #tm-content article div div ul.uk-tab.uk-tab-right.tm-tab-fullheight li a:hover {
	background-color:#520;
    }

/* Active tabs dark orange */
#tm-middle div #tm-content article div div ul.uk-tab.uk-tab-right.tm-tab-fullheight li.uk-active {
	background-color:#520;
	}
#tm-middle div #tm-content article div div ul.uk-tab.uk-tab-right.tm-tab-fullheight li a {
	background-color:rgba(0,0,0,0);
	}

/* READ MORE box at bottom of each tab frame */

div.place-bottom-right {		/* Place div for Read More at bottom right of box */
	position:absolute;
	bottom:10px;
	right:10px;
    }

div.red-on-hover a:hover {		/* To affect the :hover attribute of a link the class needs to be */
	background-color:#520;		/* set for the element containing the link rather than the link. */
	color:#DDD;
	border-color:#DDD;
	}

.border-box {						/* Put a box around Read More (or elsewhere) using Link color */
	border-style:solid;				/* The border has the color of a link. */
	border-color:rgb(252,217,84);
	color:rgb(252,217,84);
	font-weight:600;
	border-width:2px;
	padding:5px;
	text-align: center;
	background-color: #333;
	text-transform:uppercase;
    }


/* Text in mobile tabs menu box to link color */

#tm-middle div #tm-content article div div div ul.uk-tab-right.tm-tab-fullheight li.uk-tab-responsive.uk-active a {
	color:rgb(252,217,84);
	font-weight:600;
	}

/* Symbol in page mobile menu box to link color */

a.uk-navbar-toggle.uk-hidden-large.uk-navbar-flip {color:rgb(252,217,84);}
a.uk-navbar-toggle.uk-hidden-large.uk-navbar-flip:after {
	content:"SITE MENU \f0c9";
}

/*
Modified /wp-content/themes/yoo_sun_wp/widgetkit/widgets/tabs-sun/views/widget.php line 14 to set height
of the grid.*/

div.front-tab-knowledge {
	background-image:url('/wp-content/uploads/2015/10/Front-Knowledge-Background.jpg');
	background-repeat: no-repeat;
	background-position: center;
	min-height: 330px;
	vertical-align: middle;
    }

.front-tab-all p {
	text-transform:none;
	font-style:italic;
	font-weight:bold;
	text-shadow:2px 2px 3px #000;
	font-size:18px;
	line-height: 26px;
	color:#fff;
	}

 div.front-tab-coaching {
	background-image:url('/wp-content/uploads/2015/10/Front-Coaching-Background.jpg');
	background-repeat: repeat;
	background-position: center;
	min-height: 330px;
	vertical-align: middle;
    }

div.front-tab-speaking {
	background-image:url('/wp-content/uploads/2015/10/Front-Speaking-Background.jpg');
	background-repeat: repeat;
	background-position: center;
	min-height: 330px;
	vertical-align: middle;
    }

div.front-tab-thinking {
	background-image:url('/wp-content/uploads/2015/10/Front-Thinking-Background1.jpg');
	background-repeat: no-repeat;
	background-position: center;
	min-height: 330px;
	vertical-align: middle;
    }

 div.front-tab-roi {
	background-image:url('/wp-content/uploads/2015/10/Front-ROI-Background.jpg');
	background-repeat: no-repeat;
	background-position: center;
	min-height: 330px;
	vertical-align: middle;
    }

 div.front-tab-science {
	background-image:url('/wp-content/uploads/2015/10/Front-Science-Background.jpg');
	background-repeat: no-repeat;
	background-position: center;
	min-height: 330px;
	vertical-align: middle;
    }

.h3-font {
	font-size:18px;
	line-height: 26px;
	text-transform: uppercase;
    }

 .hanging-indent {
 	padding-left:20px;
 	text-indent: -20px;
    }

/* Vertical center not used */
.parent-vertical-center {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
    }
 .element-vertical-center {
 	position: relative;
 	top: 50%;
 	transform: translateY(30%); /* 50% for inside slideshow. Normally -50% */
    }

 

/******************************************* TESTIMONIALS ***********************************/
/* Layout to put source low and to the right */

.testimonial-div {margin:3%; color:#FFF;}
.testimonial-text {
	padding-right:30px;
	font-size:12pt;
	line-height:16pt;
	font-style: italic;
	font-weight:600;
	color:#ddd;
    }
p.testimonial-source {
	padding-right:10px;
	text-align: right;
	margin:0;
	padding:0;
	font-size:12pt;
	line-height:16pt;
	font-style: italic;
	font-weight:600;
	color:#ddd;
    }
 br.testimonial-source {
 	line-height:20px;
    }


/******************************************* POSTS *****************************************************/

.uk-article h1.uk-article-title {
	padding-bottom:10px;
	margin-bottom:0px;
	line-height:30px !important;
	}

.uk-article h1.uk-article-title a {
	font-size:20px;
	}

caption-in-post-list {
	margin-left:150px;
	}

/* Size and positioning of post title  */
#tm-middle div #tm-content article.uk-article h1.uk-article-title {
	margin-top:0px;
	font-size:30px;
	line-height:35px;
	text-align:center;
	}
#tm-middle div #tm-content article.uk-article p.uk-article-meta.uk-margin-top {
	margin-top:15px !important;
	}
p.uk-article-meta.uk-margin-top {
	text-align:center;
	}

/* Remove bar from underneath title */
#tm-middle div #tm-content article.uk-article h1.uk-article-title::before {width: 0px;}

/* Post-deck controls the properties of the Deck */
.post-deck {
	text-transform:none;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	}
.uk-h3 .post-deck h3 {
	line-height:22px;
    }


/****************************************************************************************************/
/* Assign my_post_image_class to the display image for a single post by modifying layouts/single.php*/
/* Changed from getting thumbnail to getting medium 												*/
/*																									*/
/*  <?php // JJH -- Change the size of the image in a post to medium instead of thumbnail			*/
/*  $width = get_option('medium_size_w'); //get the width of the thumbnail setting					*/
/*  $height = get_option('medium_size_h'); //get the height of the thumbnail setting				*/
/*   ?>																								*/
/*																									*/
/*  <?php // JJH -- Use .my_post_image_class to control display width in single post 				*/
/* 	    the_post_thumbnail(array($width, $height), array('class' => 'my_post_image_class')); ?> 	*/
/*																									*/
/*																									*/
/****************************************************************************************************/

img.my_post_image_class {	/* This class attached to single post image in layouts/single.php	*/
	width:33%;				/* Make the width of the single post image 33%						*/
	min-width:316px;		/* Unless it becomes too small					*/
	float:left;
	padding-right:20px;
	padding-bottom:10px;
 	}

img.my_post_thumbnail_class { /* This class attached to posts page image in _post.php			*/
	width:150px;
	min-width:150px;
	float:left;
	padding-right:20px;
	padding-bottom:10px;
	}


/****************************************************************************************************/
/* ADD THE DECK BELOW THE MAIN TITLE. 																*/
/* The two are separated in the post title with a ^.												*/
/* This code replaces thetitle(); in LAYOUTS/SINGLE.PHP												*/
/*																									*/
/* <h1 class="uk-article-title uk-margin-small-bottom">												*/
/* <?php 																							*/
/* // JJH - Add the DECK underneath the title														*/
/* // the_title();																					*/
/* $currentId = get_the_ID();																		*/
/* $titleFull = get_the_title($current_id);															*/
/* $titleBreak = strpos($titleFull,'^');															*/
/* if ($titleBreak) {																				*/
/* 	$titleTitle = substr($titleFull,0,$titleBreak);													*/
/* 	$titleDeck = substr($titleFull,$titleBreak+1);													*/
/* 	echo $titleTitle;}																				*/
/* else {echo $titleFull;}																			*/
/* ?>																								*/
/* </h1>																							*/
/* <?php if ($titleBreak) {																			*/
/* 	echo '<h3 class="post-deck">';																	*/
/* 	echo $titleDeck;																				*/
/* 	echo '</h3>';																					*/
/* 	}																								*/
/* ?>																								*/
/*																									*/
/*																									*/
/* MAKE SIMILAR MODIFICATIONS TO _POST.PHP TO CHANGE APPEARANCE ON POSTS PAGE. 						*/
/*																									*/
/*																									*/
/* MODIFY widgetkit-2/plugins/content/wordpress/plugin.php IN THE SAME WAY. THIS SEEMS TO BE THE	*/
/* MODULE THAT IS CALLED BY ALL WIDGETS.															*/
/*																									*/
/* JJH - Split title into title and deck * /														*/
/* $titleFull      = get_the_title($post->ID);														*/
/* $titleBreak = strpos($titleFull,'^');															*/
/* if ($titleBreak) {																				*/
/*    $data['title'] = substr($titleFull,0,$titleBreak);											*/
/*    $titleDeck  = substr($titleFull,$titleBreak+1);												*/
/*    $data['deck'] = $titleDeck;																	*/
/*    $data['havedeck'] = TRUE;																		*/
/* $data['title'] .= '<br style="line-height:1em;"><span class="widget-deck-format">';				*/
/* $data['title'] .= $titleDeck;																	*/
/* $data['title'] .= '</span>';																		*/
/* } else {																							*/
/*    $data['title'] = $titleFull;																	*/
/*    $data['deck'] = '';																			*/
/*    $data['havedeck'] = FALSE;																	*/
/* }																								*/
/****************************************************************************************************/

/* Material before <!-- more --> in post */

div.post-lede {
	margin-top:30px;
	font-style:italic;
	color: #FFF;
	font-size: 16px;
	line-height: 19px;
	}

/* HR below lede */
hr.post-hr {
	background-color:#333; 
	color:#333;
	border-color:#333;
	height:1px; 
	width:100%;
	margin-left:0%;
	margin-top:20px;
	margin-bottom:10px;
	}

.article-post  h3 {
	text-transform: none;
	color:rgb(255,153,68);
	font-weight:bolder;
}

span.post-bf {font-weight:bold; color:#ffffff;}

.bf {font-weight:bold;}

/* Figure caption in post */

/* div.post-caption {
	width:30%;
	min-width:200px;
    }
div.post-caption p {
	line-height:14px;
	font-size:13px;
	font-style: italic;
	} */

/* Text in a post */
div.tm-article {
	color:#ccc;
	line-height:22px;
	}
div.tm-article p {
	margin-bottom:20px;
	}
div.tm-article h3 {
	color:rgb(255,153,68);
	font-weight:bolder;
	}

/* Media inserted with visual editor */

p.wp-caption-text {
	font-size:14px;
	line-height: 17px;
	font-style:italic;
	color:#888;
}

div.wp-caption {
	font-size:14px;
	line-height: 17px;
	font-style:italic;
	color:#888;
}

/*************************************** RECENT ARTICLES WIDGET SET **************************/
/* Formatting for the RECENT ARTICLES Slideshow widget */

/* Display of the deck in Widgets is specified in widget-deck-format */
ul.uk-slideshow.uk-overlay-active li h3.uk-h3 .widget-deck-format {
	text-transform:none;
	font-size:80%;
	font-weight:600;
    }

p.post-category-title {
	text-transform:none;
	font-size:80%;
	font-weight:600;
	font-style:italic;
}

/* post-content-slideshow is specified as a CSS Class in "Blog Slideshow Content" */

.post-content-slideshow ul {float:right; width:63%;}
.post-content-slideshow .uk-h3 {margin-bottom:0px;}
.post-content-slideshow .uk-margin {margin:10px;}
.post-content-slideshow .uk-button {
	float:right;
	border-color:rgb(252,217,84);
	font-weight:600;
	border-width:2px;
	}
.post-content-slideshow .post-lede {  /* Set properties of .post-lede only when in .post-content-slideshow */
	color:#FFF;
	line-height:14pt;
	font-size:11pt;
	font-weight:600;
    }

div.post-content-slideshow div ul.uk-slideshow.uk-overlay-active li p a.uk-button {
	color:rgb(252,217,84);
    }

/* post-image-slideshow is passed as a CSS Class in "Blog Slideshow" */
.post-image-slideshow ul {
	float:left; 
	width:33%;
	}

/* RECENT ARTICLES WIDGET SET FOR MOBILE PHONES */

.post-slideshow-mobile-image ul {
	float:left; 
	width:33%;
	}

.post-slideshow-mobile-title {
	float:right;
	width:64%;
}

.post-slideshow-mobile-content {
	clear:both;
	width:100%;
	padding-top:10px;
}

.post-slideshow-mobile-title .uk-button {
	border-color:rgb(252,217,84);
	font-weight:600;
	border-width:2px;
}

div.post-slideshow-mobile-title div ul.uk-slideshow.uk-overlay-active li p a.uk-button {
	color:rgb(252,217,84);
    }

/* QUOTES ON COACHING PAGE */

.quote-div {margin:3%; color:#DDD;}
.quote-text {
	padding-right:30px;
	font-size:12pt;
	line-height:14pt;
	font-style: italic;
    }
p.quote-source {
	padding-right:10px;
	text-align: right;
	margin:0;
	padding:0;
	font-size:12pt;
	line-height:14pt;
	font-style: italic;
    }
 br.quote-source {
 	line-height:20px;
    }


/* ACCORDIAN */
/* Give accordian tabs the color of links */
div.uk-accordion.uk-text-left.coaching-accordion div div.uk-accordion-content div.uk-margin {
	color:#ccc;
	background-color:#122;
	padding:2%;
	}
div.uk-accordion.uk-text-left.coaching-accordion h3.uk-accordion-title.uk-active {
	color:rgb(252,217,84);
}
div.uk-accordion.uk-text-left.coaching-accordion h3.uk-accordion-title {
	color:rgb(252,217,84);
}

div.accordion-text {
	align:center;
}
hr.accordion-text {
	align:center;
	width:50%;
	margin-left:25%;
	border-color:#ddd;
	color:#ddd;
	background-color:#ddd;
	border-width:2px;
    }


/* Turn off the watermark on WonderPlugin Lightbox */
/* If the plugin works out, buy it. */
div#html5-watermark a div div {
	max-width: 1px;
	max-height: 1px;
	font-size:1px;
	line-height:1px;
}

div#html5-watermark a div {
	width:1px !important;
	height:1px !important;
	background-color:rgba(0,0,0,0);
	opacity:0;
}

/* Video Wrapper to make YouTube video responsive */
/* To use: 
<div class="videoWrapper">
    <!-- Copy & Pasted from YouTube -->
    <iframe width="560" height="349" src="http://www.youtube.com/embed/n_dZNLr2cME?rel=0&hd=1" frameborder="0" allowfullscreen></iframe>
</div>
*/
.videoWrapper-Schmidt {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper-Schmidt iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FORMAT FOR FILES TO APPEAR IN LIGHTBOXES */
.coaching-question {
	color:#000;
	font-family: Arial;
	font-size:14px;
	line-height:17px;
	font-weight:bolder;
	background-color:#110;
	background-color:rgba(254,248,135,.8);	
}

.coaching-question a:link {
	color:rgb(252,217,84);
}

.coaching-question hr {
	width:30%;
	margin-left:0;
	border-color:#999;
	color:#999;
	background-color:#999;
	border-width:1px;
    }

 .coaching-question li {
 	margin-bottom:10px;
 }

.questions-about-coaching div.uk-panel {
	background-color:#333;
	}

.questions-about-coaching div.uk-margin {
 	padding:10px;
	}

.questions-about-coaching a {
 	font-weight:bold;
	}

 /* FORMAT FOR TEXT ON MAJOR PAGES */
.major-page {
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	color:#ccc;
    }
.major-page p {
	margin-bottom:20px;
	}
div.major-page ul li {
	margin-bottom:8px;
    }
.major-page hr {
/*	width:50%;
	margin-left:25%;
	margin-right:25%;
	margin-bottom:20px;
	margin-top:20px; */
	width:110.2%;
	margin-left:-5.05%;
/*	margin-right:0%; */
	margin-bottom:25px;
	margin-top:25px;
}
.major-page h3 {
	font-weight:bolder;
	color:rgb(255,153,68);
	}

.above-video-text {
	padding-right:30px;
	font-size:12pt;
	line-height:18pt;
	font-weight: bold;
	color:#ddd;
    }

/******************************************* COOL SCIENCE PAGE **************************************************/

#tm-content article.uk-article div.uk-grid-width-1-1.uk-grid-width-large-1-2.cool-science div div.uk-panel {
	border-width:1px !important;
	border-style:solid !important;
	padding:15px !important;
}

#tm-content article div.uk-grid-width-1-1.uk-grid-width-large-1-2.cool-science div div.uk-panel h3.uk-h4.uk-margin-bottom-remove {
	margin-top:0px;
}

#tm-content article div.uk-grid-width-1-1.uk-grid-width-large-1-2.cool-science div div.uk-panel div.uk-panel-teaser {
	margin-bottom:0px;
	float:left;
	width:50%;
	padding-right:20px;
	padding-bottom:20px;
	}

main#tm-content.tm-content.uk-panel.uk-panel-space article.uk-article {
	padding:5%;
}


/* Insert videos into posts, including placing a play button on the image. */
/*
.video-insert {
width:316px;
}

.video-insert.under {
z-index:1;
width:100%;
}

.over {
position:absolute;
opacity:0.8;
left:100px;
top:70px;
z-index:2;
}

.video-insert p {
	font-size:14px;
	line-height: 17px;
	font-style:italic;
}
*/


/* Display a 480 x 360 image from YouTube scaled to 316px width, cropped to show widescreen */
/* and place a play button over the image.													*/
div.widescreen-insert {			/* Set up the div that will hold the final visible image.	*/
	position:relative;
    float:left;
    width:296px;
    height:167px;
    margin:0px;
    margin-right:20px;
    margin-bottom:5px;
    padding:0px;
    }
.widescreen-insert img.under {	/* Scale the picture properly, then clip in the scaled img. */
	width:296px;
	height:222px;
	position:absolute;
	top:-28px;
	left:0px; 
	clip: rect(28px,296px,194px,0px);
	border-radius: 5px;
	}
.widescreen-insert img.over {	/* Position the play button over the center of the image.	*/
	position:absolute;
	opacity:0.8;
	left:98px;
	top:33px;
	z-index:2;
	}
div.widescreen-insert-container div {
	width:296px;
	}
.widescreen-insert-container p {
	font-size:14px;
	line-height: 17px;
	font-style:italic;
	}


/* Display a 480 x 360 image from YouTube scaled to 316px width, no cropping, and place 	*/
/* a play button over the image.															*/
div.video-insert {			/* Set up the div that will hold the final visible image.	*/
	position:relative;
    float:left;
    width:296px;
    height:222px;
    margin:0px;
    margin-right:20px;
    margin-bottom:5px;
    padding:0px;
    }
.video-insert img.under {	/* Scale the picture properly, then clip in the scaled img. */
	width:296px;
	height:222px;
	position:absolute;
	top:0px;
	left:0px; 
	}
.video-insert img.over {	/* Position the play button over the center of the image.	*/
	position:absolute;
	opacity:0.8;
	left:98px;
	top:61px;
	z-index:2;
	}
div.video-insert-container div {
	width:296px;
	}
.video-insert-container p {
	font-size:14px;
	line-height: 17px;
	font-style:italic;
	}



/* Display a 480 x 360 image from YouTube scaled to 316px width, cropped to show widescreen */
/* and place a play button over the image.													*/
div.scale-widescreen-insert {			/* Set up the div that will hold the final visible image.	*/
	position:relative;
    float:left;
    width:296px;
    height:167px;
    margin:0px;
    margin-right:20px;
    margin-bottom:5px;
    padding:0px;
    }
.scale-widescreen-insert img.under {	/* Scale the picture properly, then clip in the scaled img. */
	width:296px;
	height:222px;
	position:absolute;
	top:-28px;
	left:0px; 
	clip: rect(28px,296px,194px,0px);
	}
.scale-widescreen-insert img.over {	/* Position the play button over the center of the image.	*/
	position:absolute;
	opacity:0.8;
	left:98px;
	top:33px;
	z-index:2;
	}
div.scale-widescreen-insert-container div {
	width:296px;
	}
.scale-widescreen-insert-container p {
	font-size:14px;
	line-height: 17px;
	font-style:italic;
	}

/* Accordion Settings */

.q-a-accordion {
	color:#ccc;
	}
.q-a-accordion h3 {
	text-transform: none;
	color:rgb(252,217,84);
	}

.form-styling {
	color:#ccc;
	}
.form-styling textarea {
	background-color:#000;
	color:#ccc;
	border-width:0;
	}
.form-styling input {
	background-color:#000;
	color:#ccc;
	border-width:0;
	}
.form-styling .button {
	border-width:1px;
	color:rgb(252,217,84);
	}

.form-styling .gform_title {
	display: none;
	}

.video-library div.uk-margin.uk-text-center {
	margin-top:0px;
	margin-bottom:0px;
	}
.video-library div.uk-margin {
	margin-top:5px;
	font-size:13px;
	line-height: 16px;
	color:#ccc;
	}

.video-library h3.uk-h4 {
	text-transform: none;
}

div.video-library div div.uk-panel.uk-overlay-hover div.uk-margin {
	color:inherit;
}

div.description-box {
	border-radius: 5px;
/*	background-color:rgb(252,217,84); */
	background-color: rgb(203,198,108);
	color:#000;
	font-size:12px;
	line-height: 14px;
	font-weight:bold;
	position:absolute;
	bottom:80%;
	left:5%;
	padding: 5px;
	width: 280px;
	display:none;
	z-index:4;
}

a.wplightbox:hover + div.description-box {
	display:block;
	}
a.wplightbox:active + div.description-box {
	display:block;
	}

/* Subscription PopUp control */

div.ppsPopupLabel {
	display:none;
    }
div.ppsSubscribeShell form.ppsSubscribeForm.ppsSubscribeForm_mailchimp input[type=submit] {
	border-radius:15px !important;
	width:100px !important;
	height:30px !important;
	background:#000 !important;
	color:rgb(252,217,84) !important;
	font-size:16px !important;
	line-height:25px !important;
	border:2px solid rgb(252,217,84) !important;
    }
 div.ppsSubscribeShell form.ppsSubscribeForm.ppsSubscribeForm_mailchimp input[type=text] {
 	background:#000 !important;
 	color:#ddd !important;
 	}