/*
Theme Name: Lassonde
Author: TLK
Description: Custom theme for Lassonde Entrepreneur Institute
Version: 1.1

Theme based on Dazzling http://colorlib.com/wp/, which is based on Underscores http://underscores.me/

*/

/*TLK-moved to header.php @import url(http://fonts.googleapis.com/css?family=Roboto:400,700);*/
/*TLK-moved to header.php @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);*/

/* Table of content
-----------------------------------------------
1. Global
2. Content
3. Post styling
4. Singe Post/Page Pagination
5. Media
6. Widgets
7. Buttons
8. Infinite Scroll
8. Custom Styles
9. Navigation
10. Comments
11. Attachment styling
12. Footer
13. Mobile Styling
14. Social icons
15. Call For Action
*/


/* =Global
----------------------------------------------- */

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #444444;
  word-wrap: break-word;
  line-height: 1.7;
  font-size: 15px;
}

/*TLK for navbar-fixed-top*/

body {
	  padding-top: 102px;
	}

@media (max-width: 1200px) {}
@media (max-width: 992px) { 
	body {
	  padding-top: 146px;
	}
}

@media (max-width: 767px) {
	body {
		padding-top: 75px;
	}
}

/*END navbar-fixed-top*/

a {
  color: #cc0000;
  text-decoration: none;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}

a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

p {
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #222;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.25;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
	text-transform: none;
}

h1,
.h1 {
  font-size: 44px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 3px;
  font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #111;
}

h2,
.h2 {
  font-size:28px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 5px;
  color: #333;
  font-weight: bold;
}


h3,
.h3 {
  font-size: 27px;
  font-weight: bold;
  padding-bottom: 5px;
  color: #555;
}

h4,
.h4 {
  font-size: 21px;
  padding-bottom: 5px;
}

h5,
.h5 {
  font-size: 18px;
  font-weight: bold;
  color: #444;
}

h6,
.h6 {
  font-size: 15px;
  font-weight: bold;
}

@media (max-width: 767px) {/*adjust headline sizes for small screens-tlk*/
	h1 {
		font-size: 31px;
		letter-spacing: 0;
	}
	h2 {
		font-size: 26px;
		letter-spacing: 1px;
	}
	h3 {
		font-size: 25px;
	}
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
select {
    width: 250px;
    border: 1px solid #DCE4EC;
    background-color: #FFF;
    height: 30px;
    padding: 5px;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  /*TLK removed because conflicts with bootstrap...
  color: #666;
  border: 1px solid #ddd;
  border-radius: 3px;*/
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
/*TLK removed because conflicts with bootstrap...
  color: #111;*/
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  /*TLK removed because conflicts with bootstrap... padding: 3px;*/
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  /*TLK removed because conflicts with bootstrap... padding-left: 3px;*/
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-top: 5px; /*tlk to align with text*/
  margin-bottom: 10px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-top: 5px; /*tlk to align with text*/
  margin-bottom: 10px;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Extra Small Devices, Phones */ 
    @media (max-width : 480px) {
		.alignleft, .alignright {
			  clear: both;
			  display: block;
			  margin: 5px auto 10px auto;
			  float: none;
			}
    }


/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
  margin-right: 0;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
#content {
  margin-top: 40px;
  margin-bottom: 40px;
}
/* =Post styling
----------------------------------------------- */
.entry-meta, .entry-meta a {
  font-size: 13px; color: #6B6B6B;
}
.entry-meta a:hover {
	color: #222;
}
#main .page-header {
  margin-top: 0;
}
.front-page h2 {
	font-size: 32px;
	text-align: center;
	margin: 50px 0 25px 0;
	color: #111;
	font-weight: bold;
}

@media (max-width: 767px) {
	.front-page h2 {
		font-size: 28px;
	}
}

.entry-meta .fa {
  font-size: 14px;
  margin-right: 3px;
  color: #cc0000;
}
.entry-meta span {
  margin-right: 10px;
}
.entry-title {
  margin-top: 0;
}
.blog .entry-title, .search .entry-title, .archive .entry-title {
  font-size: 28px;
  letter-spacing: 0;
}
.entry-title a {
}
.entry-title a:hover {
}
.btn.btn-default.read-more {
  float: right;
  border: 1px solid #ddd;
  color: #cc0000;
  background-color: transparent;
  background-image: none;
  margin-top: 10px;
  text-shadow: none;
}
.btn.btn-default.read-more:hover {
  color: #FFF;
  background-color: #cc0000;
}
.search .btn.btn-default.read-more {
  float: none;
}
hr.section-divider {
  border-top: 3px solid #eee;
  border-bottom: 5px solid #f6f6f6;
  margin-top: 50px;
  margin-bottom: 50px;
}
.section-header {/*tlk add 063021*/
	text-align: center;
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
	padding: 50px 25px;
	margin: 50px 0;
	background: #f6f6f6;
}

/* =Singe Post/Page Pagination
----------------------------------------------- */
.page-links span {
  display: inline-block;
  color: #fff;
  background-color: #cc0000;
  border-radius: 4px;
  padding: 2px 10px;
  margin-left: 2px;
}
.page-links a span {
  background-color: inherit;
  border: 1px solid #E8E8E8;
  color: #cc0000;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
.page-links a:hover span {
  background-color: #cc0000;
  border: 1px solid #cc0000;
  color: #fff;
}
/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
  padding: 4px !important; /*TLK added to fix spacing change after load - apparent conflict with bootstrap*/
  border-radius: 4px !important; /*TLK added to fix spacing change after load - apparent conflict with bootstrap*/
}
.wp-caption img[class*="wp-image-"] {
  display: block;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  line-height: 1.7; /*TLK added to fix spacing change after load*/
}
.site-main .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-main .gallery dd {
  margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Widgets
----------------------------------------------- */

.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
  display: none;
}
.widget > ul > li,
li.recentcomments {
  border-bottom: 1px solid #EEE;
  position: relative;
  display: block;
  padding: 10px 0;
}
.widget ul li {
    list-style: none;
}
.widget ul {
    padding: 10px 10px;
}
.widget-title {
  border-bottom: 1px solid #eee;
}
.widget ul.nav.nav-tabs {
  padding: 0;
}
.tab-content ul li {
  list-style: none;
}
#secondary .widget_archive ul li:before,
#secondary .widget_categories ul li:before,
#secondary .widget_recent_comments ul li:before {
  font-family: fontawesome;
  margin-right: 10px;
}
#secondary .widget_archive ul li:before {
  content: '\f073';
}
#secondary .widget_categories ul li:before {
  content: '\f115';
}
#secondary .widget_recent_comments ul li:before {
  content: '\f0e5';
}
.tab-content .tab-thumb {
  float: left;
  margin-right: 8px;
  padding-top: 5px;
  float: left;
  line-height: 0px;
  width: 60px;
  height: 60px;
}
.tab-content li {
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin: 0 0 8px;
  padding: 0 0 6px;
}
.tab-content .tab-entry {
  display: block;
}
.tab-content > .active {
  border: 1px solid #ccc;
  border-top: none;
}
.tab-content ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.tab-content .tab-entry {
  font-size: 14px;
}
.tab-comment {
  font-size: 18px;
  padding: 0 10px;
}
.nav-tabs > li > a {
  border-bottom-color: transparent;
  text-transform: uppercase;
  font-weight: bold;
}
.tab-content i {
  font-size: 12px;
}
.tab-thumb.thumbnail {
  margin-bottom: 5px;
}
.tab-content #messages li:before {
  content: '\f0e5';
  font-family: fontawesome;
  float: left;
  padding-right: 10px;
  font-size: 20px;
  color: #cc0000;
}

/* =Buttons
----------------------------------------------- */

.btn-series .btn { margin: 0 5px 5px 0;} /*TLK for cluster of buttons*/

.btn.ghost-red {
	background: none;
	color: #cc0000;
	border: #cc0000 2px solid;
	text-shadow: none;
}
.btn.ghost-red:hover {
	background: #cc0000;
	color: #fff;
}
.btn.ghost-blue {
	background: none;
	color: #1d4189;
	border: #1d4189 2px solid;
	text-shadow: none;
}
.btn.ghost-blue:hover {
	background: #1d4189;
	color: #fff;
}
.btn.ghost-orange {
	background: none;
	color: #ff8f12;
	border: #ff8f12 2px solid;
	text-shadow: none;
}
.btn.ghost-orange:hover {
	background: #ff8f12;
	color: #fff;
}
.btn.ghost-green {
	background: none;
	color: #009844;
	border: #009844 2px solid;
	text-shadow: none;
}
.btn.ghost-green:hover {
	background: #009844;
	color: #fff;
}
.btn.ghost-purple {
	background: none;
	color: #5a2b81;
	border: #5a2b81 2px solid;
	text-shadow: none;
}
.btn.ghost-purple:hover {
	background: #5a2b81;
	color: #fff;
}
.btn.ghost-grey {
	background: none;
	color: #666;
	border: #666 2px solid;
	text-shadow: none;
}
.btn.ghost-grey:hover {
	background: #666;
	color: #fff;
}
.btn.ghost-white {
	background: none;
	color: #fff;
	border: #fff 2px solid;
	text-shadow: none;
}
.btn.ghost-white:hover {
	background: #fff;
	color: #000 !important;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
#infinite-handle span {
  display: block;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 12px;
  background: transparent;
  border: 1px solid #E8E8E8;
  color: #cc0000;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
#infinite-handle span:hover {
  background-color: #cc0000;
  color: #fff;
}
.woocommerce #infinite-handle {
    display: none;
}
.woocommerce div.product form.cart .variations label {
  color: #6B6B6B;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 8px;
}

/* =Custom Styles
----------------------------------------------- */
.site-branding {
  margin-top: 20px;
  margin-bottom: 20px;
}
.site-description {
  color: #777;
  font-weight: 200;
  font-size: 16px;
}
.page-template-page-homepage-php .carousel {
  margin-top: -20px;
  margin-bottom: 20px;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] a,
.more-link {
  border: 1px solid #E8E8E8;
  padding: 6px 12px;
  border-radius: 4px;
  display: block;
}
.site-main [class*="navigation"] a:hover,
.more-link:hover {
  color: #fff;
  background: #cc0000;
  text-decoration: none;
}
.more-link {
  float: right;
  margin: 10px 0;
}
.site-main [class*="navigation"] {
  margin: 0 0 1.5em;
  overflow: hidden;
}
[class*="navigation"] .nav-previous {
  float: left;
}
[class*="navigation"] .nav-next {
  float: right;
  text-align: right;
} 

.navbar.navbar-default {
  margin-bottom: 0;
  margin-top: -4px;
  font-size: 14px;
  background-size: 100% 5px;
  z-index: 1000; /*TLK fix for chrome home header shifting on scroll*/
  border-bottom: 1px solid #ddd;
  /*TLK removed 080919 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/
}
.navbar-default .navbar-nav > li > a {
  color: #111;
  line-height: 28px;
  font-weight: bold;
  padding-top: 18px; 
  padding-bottom: 10px;
}

.navbar > .container .navbar-brand {
  font-size: 24px;
  margin: 8px 0;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  border-right: none;
  border-left: none;
}
.navbar {
  border-radius: 0;
}
.navbar .container {
	position: relative;
}
.navbar-default {
  border: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a {
  padding: 12px 20px;
}
.dropdown-menu,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  border: none;
}
.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > .dropdown-menu {
  padding: 0;
}
/*TLK .navbar-nav > li > a, .navbar-nav > li > a:hover {
  padding-top: 15px;
  padding-bottom: 15px;
}*/

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.nav.navbar-nav {
  float: right;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #ddd;
}
@media (max-width: 767px) {
	.nav.navbar-nav {
	float: none;
	}
	.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li {
	border-bottom: #e5e5e5 solid 1px;
	}
	.navbar-default .navbar-nav li a {
	line-height: 50px;
	}
}

/* =Comments
----------------------------------------------- */

.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
}
#respond {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}
#respond > p, #respond p.comment-notes, p.logged-in-as {
  margin-bottom: 10px;
}
p.logged-in-as {
  padding-bottom: 0px;
}
.comment-list {
  margin-bottom: 40px !important;
  margin-left: 0px !important;
  padding-left: 0;
}
ol.comment-list {
  list-style: none;	
}
.comment .comment-body {
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 116px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
  border-color: #E8E8E8;
  border-radius: 4px;
}
.comment-list .children {
  margin-left: 0px!important;
  padding-left: 40px;
  border-left: 1px solid #E8E8E8;
  background-repeat: no-repeat;
  background-position: left 20px;
  list-style-type: none;
}
.comment-list .pingback {
  margin-top: 20px;
}
.comment-list li.comment > div img.avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}
.vcard .avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
.comment-metadata {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
.comment-reply-link {
  float: right;
}
.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}
.comment-respond label {
  display: block;
  font-weight: normal;
}
.comment-respond .required {
  color: #C7254E;
}


/* =Attachment styling
----------------------------------------------- */
#image-navigation .nav-previous a,
#image-navigation .nav-next a{
  padding: 5px 20px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: block;
}
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover{
  background-color: #cc0000;
  color: #fff;
}
#image-navigation .nav-previous,
#image-navigation .nav-next {
  margin: 10px 0;
}

/* =Footer
----------------------------------------------- */

#footer-area {
  background-color: #222;
  color: #aaa;
  font-size: 13px;
}
#footer-area a {
  color: #bbb;
}
#footer-area .footer-widget-area {
  padding: 40px 0 20px 0;
  overflow: hidden;
}
#footer-area .footer-widget-area h4 {
  font-size: 15px;
  margin: 0;
  font-weight: bold;
  color: #ccc !important;
}
#footer-area .widget ul {
  margin: 0 0 0 15px;
}
#footer-area .widget ul li {
  /*padding: 10px 0;
  list-style: none;
  border-bottom: 1px solid #444;*/
  list-style: disc;
  line-height: 1.25em;
  padding-bottom: 5px;
}
#footer-area .site-info nav ul li {
  border-bottom: none;
}
#footer-area .tab-content > .active {
  border: none;
}
#footer-area .nav-tabs > li.active > a, #footer-area .nav-tabs > li.active > a:hover, #footer-area .nav-tabs > li.active > a:focus {
  background-color: transparent;
}
#footer-area .tab-content .tab-entry {
  font-size: inherit;
}
#footer-area .widgettitle {
  font-size: 20px;
  color: inherit;
  margin: 5px 0 15px 0;
  color: #ddd;
  padding-bottom: 5px;
  border-bottom: 3px solid #333;
}
#footer-area #social ul li {
  border: 1px solid #aaa; margin: 0 10px 10px 0; border-radius: 5px; height: 55px; width: 55px; padding-top: 0px; float: inline-block;
} /*TLK all new styles*/
.copyright {
  margin-top: 10px;
}
.footer-links {
  margin: 10px 0;
  text-align: right;
}
#colophon {
  background-color: #181818;
  padding: 10px 0;
  border-top: 1px solid #050505;
}
.site-info a {
  color: #777;
}
.site-info a:hover {
  color: #999;
}
#footer-area a:hover {
  color: #fff;
}
.site-info {
  color: #999;
  font-size: 12px;
}
.footer-nav.nav > li > a:hover {
    background-color: transparent;
}
.scroll-to-top {
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  bottom: 4%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  font-size: 16px;
  padding: 2px 10px;
  border-radius: 4px;
  -webkit-transition: background-color 0.1s linear;
     -moz-transition: background-color 0.1s linear;
       -o-transition: background-color 0.1s linear;
          transition: background-color 0.1s linear;
}
.scroll-to-top:hover {
  background: rgba(204, 0, 0, 0.90);
}

/* =Mobile Styling
----------------------------------------------- */

@media (max-width: 768px) {
  .pull-right {
    float: none !important;
  }
  .pull-left {
    float: none !important;
  }
  .copyright, .footer-links {
      text-align: center;
  }
  .footer-nav.nav, .copyright {
    float: none;
  }
  .flex-caption {
    display: none;
  }
  .navbar > .container .navbar-brand {
    margin: 0;
  }
  .navbar-default .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #footer-area {
	  /*text-align: center;*/
  }
}

/* =Social icons
----------------------------------------------- */

.top-bar {
    border-bottom-color: #E8E8E8;
}
.social-icon {
    font-size: 32px;
    margin: 6px;
    color: #E8E8E8;
}
#social {
    top: 0;
    position: relative;
}
#social ul li {
  list-style: none;
  display: inline-block;
  *display: inline; /*TLK ie7 fix*/
  text-align: center;
}
#social ul {
  margin-bottom: 0;
  padding: 0;
}
.fa-googleplus:before {
  content: "\f0d5";
}
@media (max-width: 992px) {
  .site-branding {
    text-align: center;
  }
  #social {
    /*top: 0;
    float: none;
    text-align: center;*/
  }
}

/* =Call For Action
----------------------------------------------- */

.cfa{
  padding: 30px 0px;
  background: #cc0000;
  text-align: center;
  overflow: hidden;
}
.cfa-text{
  font-size: 22px;
  color: #fff;
  display: block;
  padding-top: 10px;
}
.cfa-button {
  background-color: transparent;
  color: #fff;
  padding: 15px 30px;
  border-color: #fff;
}
.cfa-button a,
.cfa-button a {
  color: #fff;
}
.cfa-button:hover {
    background-color: #fff;
    color: #cc0000;
}
.cfa-button:hover a {
    color: #cc0000;
}


/* =TLK add misc.
----------------------------------------------- */

#logo {
	margin: 14px 0 1px 0; /*adjusted for new logo tlk 081326*/
	float: left;
	max-width: auto; /*TLK - fixes Firefox responsive size bug. Don't use max-width: 100%. Causes IE8 bug. */
}

#logo img {
	float: left;
	max-width: none; /*TLK - IE8 bug fix*/
}

.navbar-toggle {
	/*margin: 30px 20px 0 0;*/
	margin: 24px 10px 0 0;
	color: #000;
}

.header-search {
	float: right;
	margin-top: 10px;
}

#logo img.block-u {
		width: 75px;
}

#logo img.logo-text {
		width: 270px; /*adjusted for new logo tlk 081326*/
}

#logo img.logo-full {
		width: 270px; /*adjusted for new logo tlk 081326*/
}

#logo img.logo-anniversary-badge {
		width: 110px;
		margin-left: 10px;
}

@media (max-width: 768px) {
	#logo {
		margin: 10px 0 6px 10px; /*adjusted for new logo tlk 081326*/
	}
	#logo img.block-u {
		width: 50px;
	}
	#logo img.logo-text {
		width: 215px; /*adjusted for new logo tlk 081326*/
	}
	#logo img.logo-full {
		width: 215px;/*adjusted for new logo tlk 081326*/
	}
	#logo img.logo-anniversary-badge {
		width: 82px;
		margin-left: 5px;
	}
	.navbar-toggle {
		margin: 24px 10px 0 0; 
	}
	.header-search {
		float: none; /*TLK firefox mobile search fix*/
	}
}

@media (max-width: 349px) {
	#logo img.logo-anniversary-badge {
		display: none; /*TLK hide on small devices where jumbles header 082621*/
	}
}

/*TLK - removed for rebrand without this 071919
.lassonde-divider {
	background: url(img/lassonde-divider-5px.jpg) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 5px;
	clear: both;
}*/

.breadcrumb {
	background: none;
	font-size: 13px;
	padding: 0;
	margin-bottom: 15px;
}

.panel-primary .panel-heading a, .panel-primary .panel-heading a:hover, .panel-primary .panel-heading a:visited, .panel-primary .panel-heading a:focus {
	color: #fff;
}

.panel-default .panel-heading a, .panel-default .panel-heading a:hover, .panel-default .panel-heading a:visited, .panel-default .panel-heading a:focus {
	color: #222;
}

.section-menu ul {
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
}
.section-menu ul li a {
	display: block;
	border-bottom: #ddd solid 1px;
	line-height: 35px;
}
.section-menu ul li a {
	display: block;
	border-bottom: #ddd solid 1px;
	line-height: 35px;
	padding: 0 10px;
    transition: all .2s ease-in-out;
}
.section-menu ul li a:hover {
	background: #f5f5f5;
	padding-left: 15px;
}
.section-menu ul li.current_page_item > a, .section-menu ul li.current-menu-item > a {
	background: #f5f5f5;
	color: #000;
}
.section-menu ul ul {
	padding-left: 15px;
}
.section-menu ul ul li a {
	line-height: 30px;
}

.page-full-image-bg {
	width: 100%;
	height: 450px;
	color: #fff;
	}

.page-full-image-bg h1{	
	color: #fff;
	font-size: 72px;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.95);
}
@media (max-width: 767px) {
	.page-full-image-bg h1{	
		font-size: 32px;
	}
	.page-full-image-bg {
		height: 350px;
		margin-bottom: -30px;
	}
}

.single-post .format-video .wp-post-image {/*TLK don't show featured image on video pages because video is big image*/
	display: none;
}


.anchor-section {position: relative;} /*TLK fixes alignment with sticky nav bar*/

.anchor {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1;
    top: -90px;
    left: 0;
    visibility: hidden;
}

.embed-responsive {margin-bottom: 15px;} /*TLK for margin on bottom of youtube vids*/

@-moz-document url-prefix() { /*TLK bootstrap hack for responsive tables*/
  fieldset { display: table-cell; }
}

a.morelink:hover, a.morelink:active, a.morelink:visited  { color: #cc0000; }
.morecontent span { display:none; }
.more { margin-bottom: 20px; }


/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	vertical-align:top; 
}

.sharedaddy .share-count {background: #cc0000 !important;} /*For Jetpack social sharing tally - tlk*/

.well h1:first-child, .well h2:first-child, .well h3:first-child, .well h4:first-child, .well h5:first-child { margin-top: 5px; }

.dropdown-menu ul.children {margin-right: 10px; margin-bottom: 10px;} /*TLK added 052416 for filter button on launched page ... for ul without styling, needed room on right and bottom*/ 

.media img.media-object {max-width: none;} /*TLK bootstrap media object image fix for chrome and maybe other platforms*/

/* =TLK wordpress
----------------------------------------------- */

body.admin-bar .navbar.navbar-fixed-top {
      top: 32px;
}
@media (max-width: 767px) {
	body.admin-bar .sticky-nav.navbar.navbar-fixed-top {
     	top: 0;
	}
	body.admin-bar .navbar.navbar-fixed-top {
     	top: 46px;
	}
}

p:empty { /*Added to remove empty p tags added by WP for HTML comments and other things - tlk, 031921. Source https://kymerastudio.com/remove-blank-paragraph-tags-from-wordpress-content-with-css/*/
  display: none;
}

/* =TLK forms
----------------------------------------------- */

.rsvErrorField { /*TLK for Really Simple Form validation plugin. Works with Formtools*/
	/*background: #fff7f8 !important;*/
    border: 1px solid #cc0000 !important;
	background: #FDEEF4 !important;
}

fieldset {
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 20px 0 30px 0;
	background: #fff;
}
fieldset legend {
	width: auto;
	/*display: inline-block; TLK removed to fix not overlapping with fielset box on top*/
	padding: 5px 10px;
	border-radius: 3px;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	background: #cc0000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
}


/* =TLK add Carousel
----------------------------------------------- */
#myCarousel {
    margin-bottom: 20px;
}
#myCarousel .carousel-inner {
	/*z-index: -100; TLK added to fix chrome home header shift bug*/
	overflow: hidden;
}
#myCarousel .item{
	height: 450px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
	background-image: no-repeat;
	background-repeat: no-repeat;	
}

@media (max-width: 767px) {
	#myCarousel .item {
		height: 400px;
	}
}

#myCarousel .nav {
	display: inline-block;
	text-align: center;
}
#myCarousel .nav a small {
    display: block;
}
#myCarousel .nav {
	display: inline-block;
	text-align: center;
}
#myCarousel .nav li {
	float:none;
  	display:inline-block;
	*zoom:1; /* hasLayout ie7 trigger */
	*display: inline; /*TLK ie7 fix*/
	margin: 0;
	padding: 0;
}
#myCarousel .nav > li > a {
    border-radius: 0px;
	height: 80px;
	width: 80px;
	margin-bottom: 5px;
}
#myCarousel p.lead {
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	#myCarousel .nav > li > a {
		height: 65px;
		width: 65px;
	}
}

#myCarousel .nav-pills>li[data-slide-to="0"] a { background: url(img/icon-u.png) top center no-repeat; background-size: 100%; }
#myCarousel .nav-pills>li[data-slide-to="1"] a { background: url(img/icon-live.png) top center no-repeat; background-size: 100%; }
#myCarousel .nav-pills>li[data-slide-to="2"] a { background: url(img/icon-create.png) top center no-repeat; background-size: 100%; }
#myCarousel .nav-pills>li[data-slide-to="3"] a { background: url(img/icon-launch.png) top center no-repeat; background-size: 100%; }

#myCarousel .nav-pills>li[data-slide-to="0"].active a { background-color:#cc0000; background-position: bottom; }
#myCarousel .nav-pills>li[data-slide-to="1"].active a { background-color: #662e88;  background-position: bottom; }
#myCarousel .nav-pills>li[data-slide-to="2"].active a { background-color: #009444;  background-position: bottom; }
#myCarousel .nav-pills>li[data-slide-to="3"].active a { background-color: #f7941e;  background-position: bottom; }

#myCarousel .carousel-caption {
}

#myCarousel .carousel-caption a {
	color: #fff;
	text-decoration: none;
}

#myCarousel .carousel-caption .btn {
	margin-top: 20px;
}

#myCarousel .jumbotron {
	margin-bottom: 0;

}

#myCarousel .carousel-caption h2 {
	font-size: 72px;
	line-height: 1.1em;
	font-weight: bold;
	letter-spacing: 0;
  	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.95);
	margin: 0;
}
#myCarousel .carousel-caption p {
}

@media (max-width: 1200px) {
	#myCarousel .carousel-caption h2 {
		font-size: 55px;
	}
}

@media (max-width: 767px) {
	#myCarousel .carousel-caption h2 {
		font-size: 32px;
	}
}


/*tlk - disables white flash - Chrome bug - may want to only apply it to #myCarousel - found solution by modifying http://stackoverflow.com/questions/15656246/bootstrap-carousel-transition-glitch*/
.carousel-inner>.item{
   transition-duration: 0.5s;
}

@media (max-width: 767px) { /*tlk - faster on mobile*/
	.carousel-inner>.item{
	   transition-duration: 0.4s;
	}
}


/* =TLK add image hover effect
----------------------------------------------- */

.thumbnail.image-hover-item {
	transition: all 0.2s ease-in-out;
}
.thumbnail.image-hover-item:hover {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.image-hover-item .image-hover-link {
    display: block;
    position: relative;
    margin: 0 auto;
}

.image-hover-item .image-hover-link .image-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(204, 0, 0, .75);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.image-hover-item .image-hover-link .image-hover:hover {
    opacity: 1;
}

.image-hover-item .image-hover-link .image-hover .image-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.image-hover-item .image-hover-link .image-hover .image-hover-content i {
    margin-top: -12px;
}

.image-hover-item .image-hover-link .image-hover .image-hover-content img {
    margin-top: -12px;
}

.image-hover-item .image-hover-link .image-hover .image-hover-content h3,
.image-hover-item .image-hover-link .image-hover .image-hover-content h4 {
    margin: 0;
}


/* =TLK sticky header styles (NOTE!!!! - These styles should be merged with logo styles above, some redundancy/overlap)
----------------------------------------------- */

#logo img {
	/*transition: all 0.05s ease-out;*/
}
.sticky-nav #logo {
	margin: 10px 0 8px 10px;
}
.sticky-nav #logo img.block-u {
	width: 50px;
}
.sticky-nav #logo img.logo-text {
	width: 215px; /*adjusted for new logo tlk 081326*/
}
.sticky-nav #logo img.logo-full {
	width: 215px; /*adjusted for new logo tlk 081326*/
}
.sticky-nav #logo img.logo-anniversary-badge {
		width: 82px;
		margin-left: 5px;
}
.sticky-nav .navbar-toggle {
	margin: 24px 10px 0 0;
}
.sticky-nav .navbar-collapse {
	margin-top: 22px;
}
.sticky-nav.navbar.navbar-default {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	-webkit-transform: translateZ(0); /*TLK chrome fixed header wobble fix http://stackoverflow.com/questions/29409315/very-strange-chrome-bug-with-z-index-and-positionfixed*/
}
@media (min-width: 768px) {
	.sticky-nav .header-search {
		display: none;
	} /*TLK only hides search when not mobile menu*/
}
@media (max-width: 767px) {
	.sticky-nav .navbar-collapse {
		margin-top: 0;
	}
}
.header-search {
	display: block;
	text-align: right;
	float: none;
}

/* =TLK subscribe forms
----------------------------------------------- */

#subForm1 .form-control-feedback, #subForm2 .form-control-feedback {
	display: none;
}
#subForm1 input, #subForm2 input {
	padding-left: 10px;
	padding-right: 10px;
}
#subForm1.has-success input, #subForm2.has-success input {
	background: #dff0d8;
	color: #3c763d;
}
#subForm1.has-error input, #subForm2.has-error input {
	background: #f2dede;
	color: #cc0000;
}
#subForm1.has-success .form-control-feedback, #subForm2.has-success .form-control-feedback {
	/*display: inline-block;    TLK removed because overlaps onto text ... can add input padding to solve*/
}

/* =TLK pardot subscribe form 120720
----------------------------------------------- */
#subscribe-form .extra-field-group {
	display: none !important; /*spam filtering*/
}

/* =TLK Studios
----------------------------------------------- */

#studios-home-feature {
	height: 700px;
}

#studios-home-feature h1 {
	font-size: 85px;
}

@media (max-width: 767px) {
	#studios-home-feature h1 {
		font-size: 50px;
	}
	#studios-home-feature {
		height: 350px;
	}
}


/* =TLK Isotope posts (program directory)
----------------------------------------------- */

.isotope {
}

.isotope-controls button.list-group-item {
  /*width: 100%;
  text-align: left;
  line-height: 1.5em;*/
}

.isotope-controls .btn {
  margin-bottom: 5px;
}


.isotope-controls button.list-group-item.active {
   /*background-color: #cc0000;
   color: #fff;*/
}

.isotope .item-container {
	clear: both; /*tlk new*/
}

.isotope .item {
	padding: 0;
	margin-bottom: 20px;
	transition: all 0.2s ease-in-out;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.isotope .item.contact {
	background-color: #eee;
	border: none;
	border: 1px solid #ccc;
}

.isotope .item:hover {
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);
	border-color: #999;
}

.isotope .item .info {
	padding: 8px 10px;
}

.isotope .item img {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.isotope .item .info h4 {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	border-bottom: #ddd solid 1px;
}

.isotope .item .info h3 {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: #ccc solid 1px;
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.isotope .item.contact .info h3 a {
	color: #333;
}

/*@media (max-width: 768px) {
	.isotope .item .info h3 {
		font-size: 18px;
	}
}*/

.isotope .item p {
	margin: 0;
}

.isotope .item .info p {
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 5px;
}

.isotope .item a.btn {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-bottom: 0;
}

.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}


/* =TLK Launched at Lassonde
----------------------------------------------- */

#launched .single {
	padding-bottom: 20px;
	position: relative;
}

#launched .single p {
	margin-bottom: 10px;
}	

#launched .single h4, #launched .single h5 {
	color: #cc0000;
}

#launched .thumb {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	width: 200px;
	border-radius: 50%;
}

#launched .carousel ul.thumbnails { 
	margin-bottom: 0px;
	padding: 0;
}

#launched .carousel li { 
	list-style-type:none;
}

#launched .carousel .control-box {
    text-align: center;
    width: 100%;
}

#launched .carousel .control-box .control-left {
	position: absolute; left: -30px; top: 120px; font-size: 40px;
}
#launched .carousel .control-box .control-right {
	position: absolute; right: -30px; top: 120px; font-size: 40px;
}

@media (max-width: 767px) {
	#launched .carousel .control-box .control-left, #launched .carousel .control-box .control-right {
		position: inherit;
	}
	#launched .carousel .control-box {
		margin: 0;
		padding: 0;
	}
	#launched .carousel .control-box li {
		display: inline-block; padding: 0 5px;
	}
}

#launched .featured-label {
	position: absolute;
	z-index: 5;
	margin: 0;
	top: -2px;
}

#launched .item {
	min-height: 335px;
}

/* =TLK hamburger menu fix 020922
----------------------------------------------- */

.navbar-fixed-top .navbar-collapse {
    /*max-height: 75vh; TLK removed 021122 for more precise solution below*/
	max-height: calc(100vh - 75px); /*TLK note 75px is the padding at top of page to make room for sticky header. That number needs to change if header size changes. Note this spacing is most important for mobile landscape viewing.*/
}

/* =TLK jetpack carousel link fix on chrome etc 020924 - source: https://github.com/Automattic/jetpack/issues/34657
----------------------------------------------- */

.jp-carousel-overlay { 
    pointer-events: all !important; 
}