/* =============================================================

    Theme Name: creativeLIVE Custom Theme
    Author: WINTR
    Author URI: http://www.wintr.us
    Version: 1.0

 * ============================================================= */
/* Compass Imports
--------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* Variables
--------------------------------------------- */
/* Imports
--------------------------------------------- */
/*! HiDPI v1 | MIT License | git.io/hidpi */
.ProximaNova-light {
  font-family: 'ProximaNova', Helvetica;
  font-weight: 200;
}

.ProximaNova-book {
  font-family: 'ProximaNova', Helvetica;
  font-weight: 300;
}

.ProximaNova-medium, .sidebar-section--get-the-latest-news p, body, h1, h2, h3, h4, h5 {
  font-family: 'ProximaNova', Helvetica;
  font-weight: 500;
}

.ProximaNova-bold, strong {
  font-family: 'ProximaNova', Helvetica;
  font-weight: 700;
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-twitter, .icon-tumblr, .icon-pintrest, .icon-instagram, .icon-googleplus, .icon-facebook, .icon-play, .icon-left-arrow, .icon-down-arrow, .icon-up-arrow, .icon-right-arrow, .icon-tumblr-2, .icon-youtube {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.icon-twitter:before {
  content: "\e000";
}

.icon-tumblr:before {
  content: "\e001";
}

.icon-pintrest:before {
  content: "\e002";
}

.icon-instagram:before {
  content: "\e003";
}

.icon-googleplus:before {
  content: "\e004";
}

.icon-facebook:before {
  content: "\e005";
}

.icon-play:before {
  content: "\e006";
}

.icon-left-arrow:before {
  content: "\e008";
}

.icon-down-arrow:before {
  content: "\e009";
}

.icon-up-arrow:before {
  content: "\e00a";
}

.icon-right-arrow:before {
  content: "\e007";
}

.icon-tumblr-2:before {
  content: "\e00b";
}

.icon-youtube:before {
  content: "\e00c";
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 12px;
  line-height: 1.3;
  color: #595d5f;
  background: #F4F4F4;
}

h1, h2, h3, h4, h5, p, ul, ol {
  margin: 20px 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child, ul:first-child, ol:first-child {
  margin-top: 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, ul:last-child, ol:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5 {
  color: #2b2c2e;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 24px;
}
h2 small {
  font-size: 16px;
}

h3 {
  font-size: 14px;
  font-weight: bold;
}

a {
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
  color: #0199fc;
  text-decoration: none;
}
a:hover {
  color: #017ac9;
}

nav {
  clear: both;
}

em {
  font-style: italic;
}

input[type=text], input[type=email] {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  padding: 0 10px;
  font-size: 14px;
  height: 40px;
  border: 1px solid #0199fc;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  color: white;
  background: #0199fc url('img/button-gradient.png?1380143121') repeat-x;
  padding: 0 15px;
  border: none;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
button:hover {
  background: #0199fc url('img/button-gradient-hover.png?1380143210') repeat-x;
}

.no-flicker {
  -webkit-transform: translate3d(0, 0, 0);
}

.hide-text {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
}

@media screen and (max-width: 1010px) {
  .no-mobile {
    display: none;
  }
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 1010px) {
  .mobile-only {
    display: block;
  }
}

.clearfix:before, .main-footer:before, .main-footer .footer-nav:before, .columns:before, .clearfix:after, .main-footer:after, .main-footer .footer-nav:after, .columns:after {
  content: " ";
  display: table;
}
.clearfix:after, .main-footer:after, .main-footer .footer-nav:after, .columns:after {
  clear: both;
}

/* Text
--------------------------------------------- */
.upper {
  text-transform: uppercase;
}

/* Box
--------------------------------------------- */
.box, .tabs {
  overflow: hidden;
  background: white;
  padding: 15px;
}

/* Social Share
--------------------------------------------- */
.social-share {
  margin: 20px 0;
  overflow: hidden;
  text-align: left;
}
.social-share .twitter-share-button {
  margin-left: 5px;
}
.social-share a, .social-share div, .social-share iframe {
  display: inline-block !important;
}
.social-share .fb-like {
  position: relative;
  top: -3px;
  margin-right: -3px;
}

/* Social Icons
--------------------------------------------- */
.social-icons .icon {
  font-size: 32px;
}
.social-icons .icon:hover {
  color: #017ac9;
  text-decoration: none;
}
.social-icons .icon-twitter {
  color: #3FC4EE;
}
.social-icons .icon-facebook {
  color: #4160A1;
}
.social-icons .icon-googleplus {
  color: #555555;
}
.social-icons .icon-instagram {
  color: #4F2A22;
}
.social-icons .icon-pintrest {
  color: #8F1718;
}
.social-icons .icon-youtube {
  color: #CD332C;
}
.social-icons .icon-tumblr, .social-icons .icon-tumblr-2 {
  color: #2D4B66;
}

/* Sidebar
--------------------------------------------- */
.sidebar-section {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.sidebar-section h2 {
  margin-bottom: 10px;
}
.sidebar-section form {
  overflow: hidden;
}
.sidebar-section input {
  width: 55%;
  float: left;
  margin-right: 6px;
}
.sidebar-section button {
  float: left;
}

.sidebar-section--link-list {
  font-size: 16px;
}
.sidebar-section--link-list ul {
  margin-top: 10px;
}
.sidebar-section--link-list li {
  margin: 3px 0;
}

.sidebar-section--get-the-latest-news {
  border: 0;
}
.sidebar-section--get-the-latest-news p {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 12px;
  margin-bottom: 0;
}

.sidebar-section--search input {
  width: 75%;
}

.sidebar-section--ad {
  text-align: center;
}
.sidebar-section--ad img {
  max-width: 100%;
}

.sidebar-section--best-posts h2 {
  margin-bottom: 20px;
}

.sidebar-section--social .social-icons {
  display: table;
  width: 100%;
  max-width: 400px;
  text-align: center;
}
.sidebar-section--social .icon {
  display: table-cell;
  width: 16%;
}
.sidebar-section--social .icon:last-child {
  margin-right: 0;
}

.sidebar-section.sidebar-section--cl-channels ul li {
    font-size:16px;
    line-height:21px;
    margin-bottom:5px;
}

/* Posts
--------------------------------------------- */
.post {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
  display: block;
}
.post a {
  display: block;
}
.post a:hover {
  color: #017ac9;
  text-decoration: none;
}
.post p {
  color: #595d5f;
}
.post .post__author {
  color: #595d5f;
  margin: 0;
  display: block;
}
.post .post__title {
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
}
.post .post__title:hover {
  color: #017ac9;
}
.post .post__categories {
  margin-top: 4px;
}
.post .post__categories a {
  display: inline;
}
.post img {
  height: auto;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.post img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
@media screen and (max-width: 1010px) {
  .post img {
    max-width: 100%;
  }
}
.post:last-child {
  margin-bottom: 0;
}

.post--featured {
  display: block;
  margin-bottom: 25px;
  position: relative;
  min-height: 350px;
}
.post--featured .post__image {
  position: relative;
  display: block;
  width: 100%;
}
@media screen and (max-width: 1010px) {
  .post--featured .post__image {
    position: relative;
    width: 140%;
    max-width: 140%;
    margin-left: -20%;
    margin-right: -20%;
  }
}
.post--featured .post__info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGP6fwYGmRjggCATAL3SCQIMIyVuAAAAAElFTkSuQmCC');
  background: rgba(255, 255, 255, 0.8);
}
.post--featured .post__author {
  font-size: 14px;
  margin-bottom: 3px;
}
@media screen and (max-width: 1010px) {
  .post--featured {
    overflow: hidden;
    margin: 20px 0;
    margin-bottom: 0;
    min-height: 100%;
    max-height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .post--featured {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.post--large {
  background: white;
  margin-right: 15px;
  height: 302px;
}
.post--large h2 {
  margin-top: -6px;
  margin-bottom: 2px;
  font-size: 18px;
}
.post--large .post__info {
  padding: 15px;
}
.post--large .post__info {
  padding: 15px;
}
.post--large .post__image__wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 53%;
  overflow: hidden;
}
@media screen and (max-width: 1010px) {
  .post--large .post__image__wrapper {
    float: none;
  }
}
.post--large .post__image {
  width: 100%;
  display: none;
}
.post--large .post__image {
  width: 100%;
}
.column-half:last-child .post--large {
  margin-left: 15px;
  margin-right: 0;
}
@media screen and (max-width: 1010px) {
  .column-half:last-child .post--large {
    margin: 20px 0;
  }
}
@media screen and (max-width: 1010px) {
  .post--large {
    margin: 20px 0;
    height: auto;
  }
}

.post--medium {
  background: white;
  margin-left: 15px;
  height: 136px;
  margin-bottom: 30px;
}
.post--medium h3 {
  margin-top: -2px;
  margin-bottom: 2px;
}
.post--medium .post__image__wrapper {
  float: left;
  position: relative;
  height: 136px;
  width: 136px;
  overflow: hidden;
  display: block;
  text-align: center;
}
@media screen and (max-width: 1010px) {
  .post--medium .post__image__wrapper {
    width: 100%;
    height: auto;
    float: none;
  }
}
.post--medium .post__image {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: -50%;
}
@media screen and (max-width: 1010px) {
  .post--medium .post__image {
    float: none;
    width: 100%;
    position: static;
    width: 100%;
    height: auto;
  }
}
.post--medium .post__info {
  padding: 15px;
  float: left;
  width: 170px;
}
@media screen and (max-width: 1010px) {
  .post--medium .post__info {
    float: none;
    width: 100%;
    min-height: 90px;
  }
}
@media screen and (max-width: 1010px) {
  .post--medium {
    height: auto;
    margin: 20px 0;
    width: 48%;
    float: left;
    margin-bottom: 0;
  }
  .post--medium:first-child {
    margin-right: 2%;
  }
  .post--medium:last-child {
    margin-left: 2%;
  }
}

.post--small {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: block;
  overflow: hidden;
  margin-bottom: 25px;
}
.post--small:last-child {
  margin-bottom: 0;
}
.post--small .post__image {
  float: left;
  display: block;
  margin-right: 20px;
  max-width: 72px;
  width: 23%;
}
.post--small .post__info {
  width: 65%;
  float: left;
  display: block;
}
.post--small .post__title {
  margin-top: 0;
  margin-bottom: 4px;
}
.column-half:last-child .post--small {
  margin-left: 15px;
  margin-right: 0;
}
@media screen and (max-width: 1010px) {
  .column-half:last-child .post--small {
    margin: 20px 0;
  }
}
@media screen and (max-width: 1010px) {
  .post--small {
    margin: 20px 0;
  }
}

.post--loop {
  background: white;
  height: 166px;
  margin-bottom: 30px;
}
.post--loop h3 {
  font-size: 16px;
  margin-top: -6px;
  margin-bottom: 5px;
}
.post--loop .post__image__wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  display: block;
  float: left;
  width: 310px;
  height: 166px;
  overflow: hidden;
}
@media screen and (max-width: 1010px) {
  .post--loop .post__image__wrapper {
    float: none;
    width: 100%;
    height: 0;
    padding-bottom: 53%;
  }
}
.post--loop .post__image {
  width: 100%;
  display: none;
}
.post--loop .post__info {
  padding: 15px;
  float: left;
  width: 340px;
  margin-left: -2px;
}
@media screen and (max-width: 1010px) {
  .post--loop .post__info {
    float: none;
    width: 100%;
  }
}
.post--loop .post__excerpt {
  margin-top: 5px;
}
.post--loop p {
  margin-top: 0;
}
@media screen and (max-width: 1010px) {
  .post--loop {
    height: auto;
    margin-bottom: 10px;
  }
}

.essb_totalcount_item .essb_t_l_big {
    margin-right:25px!important;
    padding:0px 60px;
    border-right:1px solid #ccc;
}

.essb_displayed_shortcode .essb_totalcount_item .essb_t_nb {
    font-size:60px;
    line-height:1;
    color:rgb(102, 102, 102);
}

.essb_displayed_shortcode .essb_totalcount_item .essb_t_nb .essb_t_nb_after {
    font-size:18px!important;
    line-height:1!important;
    color:rgb(102, 102, 102)!important;
}

.essb_displayed_shortcode .essb_icon {
    width:42px!important;
    height:42px!important;
}

.essb_displayed_shortcode .essb_icon:before {
    top:9px!important;
    left:9px!important;
}


.essb_displayed_shortcode .essb_network_name {
    font-size:12px!important;
    line-height:1;
}

@media screen and (max-width: 1010px) {
    .essb_totalcount_item .essb_t_l_big {
      padding:0 10px;
      margin-right:10px!important;
    }

	.essb_displayed_shortcode .essb_totalcount_item .essb_t_nb {
    font-size:36px;
	}

	.essb_displayed_shortcode .essb_totalcount_item .essb_t_nb .essb_t_nb_after {
		font-size:14px!important;
	}

	.essb_displayed_sidebar {
	  display:none;
	}
}

@media screen and (max-width: 767px) {
	.essb_displayed_shortcode {
		display:  none;
	}
}


/* Tabs
--------------------------------------------- */
.tabs {
  padding-top: 0;
}
.tabs .tabs__nav {
  overflow: hidden;
  margin-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
  padding-bottom: 0;
}
.tabs .tabs__nav a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #878787;
  text-align: center;
  width: 33.3333333%;
  padding: 10px 15px;
  display: block;
  float: left;
  border-right: 1px solid #B7B7B7;
  border-bottom: 1px solid #B7B7B7;
}
.tabs .tabs__nav a.active {
  position: relative;
  top: 1px;
  color: #2b2c2e;
  border-bottom: 1px solid white;
}
.tabs .tabs__nav a:last-child {
  border-right: 0;
}
@media screen and (max-width: 1010px) {
  .tabs .tabs__nav a {
    font-size: 10px;
  }
}
.tabs .tabs__pane {
  display: none;
}
.tabs .tabs__pane.active {
  display: block;
}

/* Footer Menu
--------------------------------------------- */
.main-footer .footer-menu {
  float: left;
  text-align: left;
  width: 240px;
}
.main-footer .footer-menu a {
  color: #888;
}
.main-footer .footer-menu li .footer-menu-topic, .footer-menu li:first-child {
  font-size: 15px;
  padding-bottom: 5px;
}
.main-footer .footer-menu li {
  padding-bottom: 10px;
}
.main-footer .footer-menu li {
  display: block;
  float: none;
}
@media screen and (min-width: 1010px) {
  .top-footer {
      width: 240px;
      float: right;
  }
  .top-footer img {
    max-width:200px;
  }
}
@media screen and (max-width: 1010px) {
  .main-footer .footer-menu {
    width: 33.333%;
  }
  .top-footer {
    text-align: center;
    width: 100%;
  }
  .top-footer img {
    max-width:150px;
  }
}
@media screen and (max-width: 767px) {
  .main-footer .footer-menu {
    width: 100%;
  }
  .main-footer .footer-menu li {
    padding-bottom: 0;
  }
}

/* Pagination
--------------------------------------------- */
.pagination a {
  display: inline-block;
  margin-right: 10px;
}

/* Misc Wordpress Styles
--------------------------------------------- */
.wp-caption-text {
  text-align: center;
  margin-top: 6px;
  font-size: 12px;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  max-width: 100%;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
  max-width: 100%;
}

.aligncenter {
  display:block;
  margin: 0 auto;
  max-width: 100%;
}

.fb-comments, .fb-comments * {
  width: 100% !important;
}

/* Home page
--------------------------------------------- */
.centered {
  width: 1010px;
  padding: 0 10px;
  margin: 0 auto;
}
@media screen and (max-width: 1010px) {
  .centered {
    width: 100%;
  }
}

.main-header {
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 11px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 11px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 11px;
  background: white;
  overflow: hidden;
  height: 90px;
  position: relative;
  padding: 23px 0;
  z-index: 2;
}
.main-header .logo-group {
  float: left;
  position: relative;
  top: -13px;
  width: 100%;
  max-width: 436px;
}
.main-header .logo-group .blog-button {
  display: inline-block;
  width: 18%;
  position: relative;
  top: 1px;
}
.main-header .logo-group .logo {
  display: inline-block;
  width: 75%;
}
@media screen and (max-width: 767px) {
  .main-header .logo-group {
    top: 0;
    max-width: auto;
    margin: 0 auto;
    float: none;
  }
  .main-header .logo-group img {
    max-width: 100%;
  }
}
.main-header .header-nav {
  position: relative;
  top: 11px;
  float: right;
  clear: none;
}
.main-header .header-nav li {
  float: left;
  margin-right: 20px;
}
.main-header .header-nav a {
  text-transform: uppercase;
  color: #333;
}
.main-header .header-nav a:hover {
  text-decoration: none;
  color: #0199FC;
}
.main-header .header-nav .watch-live {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  background: #0199FC;
  color: white;
  font-size: 12px;
  padding: 10px 20px;
}
.main-header .header-nav .watch-live .icon {
  position: relative;
  top: 1px;
  left: -1px;
}
.main-header .header-nav .watch-live:hover {
  color: white;
}
@media screen and (max-width: 767px) {
  .main-header .header-nav {
    float: none;
  }
  .main-header .header-nav ul {
    text-align: center;
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    margin-top: -15px;
  }
  .main-header .header-nav ul li {
    float: none;
    display: inline-block;
    margin: 0 8px;
    font-size: 10px;
  }
  .main-header .header-nav ul li .watch-live {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .main-header {
    text-align: center;
    height: auto;
    padding-top: 5px;
  }
}

.blog-header {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #a2d5f3 url('img/header-pattern.jpg?1380818160');
  overflow: hidden;
  display: none;
}
.blog-header .discover {
  float: left;
  margin: 32px 0;
  background: url('img/discover.png?1380818119') no-repeat;
  width: 566px;
  height: 81px;
  text-indent: -9999px;
}
.blog-header .learn-create-do {
  float: right;
  margin: 18px 0;
  background: url('img/learn-create-do.png?1380818149') no-repeat;
  width: 310px;
  height: 110px;
  text-indent: -9999px;
}

.main-footer {
  background: #D2D2D2;
  font-size: 12px;
  padding-bottom: 30px;
  margin-top: 60px;
  overflow: visible;
}
.main-footer .footer-nav {
  background: #E2E2E2;
  padding: 15px 0;
  margin-bottom: 30px;
  position: relative;
}
.main-footer .centered {
  position: relative;
}
.main-footer .social-icons {
  position: absolute;
  top: -30px;
  left: 0;
}
.main-footer .social-icons a {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #F3F3F3;
  margin-right: 10px;
  padding: 4px;
}
.main-footer .social-icons a:hover {
  color: #aed104;
}
@media screen and (max-width: 767px) {
  .main-footer .social-icons {
    left: 50%;
    margin-left: -136px;
  }
  .main-footer .social-icons a {
    margin-right: 2px;
  }
}
.main-footer ul {
  float: right;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .main-footer ul {
    float: none;
    text-align: center;
  }
  .main-footer ul li {
    margin-top: 20px;
    float: none;
    display: inline-block;
  }
}
.main-footer li {
  float: left;
  margin-right: 15px;
}
.main-footer a {
  color: #595d5f;
}
.main-footer a:hover {
  color: #aed104;
}

.columns {
  margin: 30px auto;
}
@media screen and (max-width: 1010px) {
  .columns {
    margin: 0;
  }
}

.column-half {
  width: 50%;
  float: left;
}
@media screen and (max-width: 1010px) {
  .column-half {
    overflow: hidden;
    width: 100%;
    float: none;
  }
}

.column-primary {
  width: 650px;
  margin-right: 30px;
  float: left;
}
@media screen and (max-width: 1010px) {
  .column-primary {
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  .column-primary {
    width: 100%;
    float: none;
  }
}

.column-secondary {
  width: 310px;
  float: left;
}
@media screen and (max-width: 1010px) {
  .column-secondary {
    width: 35%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .column-secondary {
    width: 100%;
    float: none;
  }
}

/* Post
--------------------------------------------- */
@media screen and (max-width: 1010px) {
  .post-detail {
    margin-top: 20px;
  }
}
.post-detail .wp-caption {
  width: 100% !important;
}
.post-detail img {
  max-width: 100%;
  height:auto;
  width: auto\9; /* ie8 */
}
.post-detail h1 {
  margin-bottom: 0px;
}

.post-detail p, .post-detail ul, .post-detail ol {
  font-size:16px;
  line-height:22px;
  color:#000000;
}

.post-detail ul {
  list-style-type:disc;
}

.post-detail ol {
  list-style-type:decimal;
}

.post-detail li {
  margin-left:25px;
  margin-bottom:10px;
}

.post-detail .small-text {
  font-size:12px;
  line-height:1.3;
}

.post-detail .post-detail__author {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.post-detail time {
  font-size: 14px;
}
.post-detail .post-detail__categories {
  margin: 10px 0;
  font-size: 14px;
}
.post-detail .post-detail__tags {
  margin: 10px 0;
  margin-bottom: 0;
}
.post-detail .post-detail__author-info {
  margin-top: 30px;
  background: white;
  height: 96px;
}
.post-detail .post-detail__author-info img {
  float: left;
}
.post-detail .post-detail__author-info .post-detail__author__meta {
  float: left;
  width: 80%;
  padding: 10px;
  padding-left: 16px;
}
.post-detail .post-detail__author-info h3 {
  font-size: 14px;
  margin-bottom: 7px;
  margin-top: 7px;
}
.post-detail .post-detail__author-info p {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 0;
}
@media screen and (max-width: 1010px) {
  .post-detail .post-detail__author-info {
    height: auto;
  }
  .post-detail .post-detail__author-info img {
    float: none;
    margin-left: 16px;
    margin-top: 16px;
  }
  .post-detail .post-detail__author-info .post-detail__author__meta {
    float: none;
  }
}
.post-detail .post-detail__comments h2 {
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1010px) {
  .post-detail .post-detail__comments {
    display: none;
  }
}
.post-detail .post-detail__related {
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  border-top: 1px solid #DDDDDD;
  margin-top: 20px;
  padding-top: 15px;
}
.post-detail .post-detail__related h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

/* Loop
--------------------------------------------- */
.loop h1 {
  margin-bottom: 30px;
}
@media screen and (max-width: 1010px) {
  .loop h1 {
    margin-top: 20px;
  }
}

/*Scroll Triggered e-mail box */

#emailboxscroll h2 {
margin-bottom: 10px;
font-size: 24px;
color: #2b2c2e;
font-family: 'ProximaNova', Helvetica;
font-weight: 400;
}

#emailboxscroll input {
width:64%;
float: left;
margin-right: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
display: inline-block;
padding: 0 10px;
font-size: 14px;
height: 40px;
border: 1px solid #0199fc;
font-weight: normal;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#emailboxscroll button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  color: white;
  background: #0199fc url('http://blog.creativelive.com/wp-content/themes/creativelive/img/button-gradient.png?1380143121') repeat-x;
  padding: 0 15px;
  border: none;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#emailboxscroll button:hover {
  background: #0199fc url('http://blog.creativelive.com/wp-content/themes/creativelive/img/button-gradient-hover.png?1380143210') repeat-x;
}

#emailboxscroll .info {
margin-bottom:0px!important;
font-size: 12px;
line-height: 1.4;
font-family: 'ProximaNova', Helvetica;
font-weight: 500;
}


/* Play icon
--------------------------------------------- */

.play-icgggon {
position: absolute;
top: 50%;
margin-top: -43px;
left: 50%;
margin-left: -43px;
color: rgba(0,153,255,.75);
font-size: 2.75em;
text-align: center;
padding: .62em .72em;
cursor: pointer;
}

.play-icon {
position: absolute;
top: 10px;
left: 10px;
color: rgba(0,153,255,.75);
font-size: 23px;
text-align: center;
padding: .62em .72em;
cursor: pointer;
z-index:500;
}

.play-icon-big {
top: 50%!important;
left: 50%!important;
margin-top:-36px!important;
margin-left:-36px!important;
font-size: 36px!important;

}

.play-icon:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 100%;
height: 100%;
border: 0;
background-color: rgba(255,255,255,.7);
box-shadow: 0 0 10px 5px rgba(0,0,0,.2);
content: ''!important;
transition: color 1s ease;
}

.play-icon:hover:before {
background-color: rgba(255,255,255,.9);
}

.play-icon:after {
content: "\f04b";
left: .1em;
top: .03em;
position: relative;
}

.relateto {
position:relative;
}


/* Course medium containers
--------------------------------------------- */

.graybg {
background:#333!important;
color:#fff!important;
}

.whitelink {
color:#fff!important;
}

.bordercolor.photography {
border-top: 10px solid #193B4C;
}


.bordercolor.design {
border-top: 10px solid #B11B56;
}


.bordercolor.audio {
border-top: 10px solid #DF7915;
}


.bordercolor.craft {
border-top: 10px solid #1F9B97;
}


.bordercolor.business {
border-top: 10px solid #619020;
}

#related_classes_large .post--large {
box-shadow:none;
background-color:#ffffff;
padding:0 0 5px 0;
border:1px solid #ddd;
}

#related_classes_large .post--large .post__info {
padding:15px;
}

#related_classes_large .post--large .post__title {
margin-bottom:0px;
font-size: 20px;
font-weight: 700;
}

#related_classes_large .post--large .post__author {
font-size: 14px;
}

.font18 {
font-size:18px!important;
}

#related_classes_large .column-half:last-child .post--large {
  margin:0 15px 0 0;
}

@media screen and (min-width: 1010px) {
.heightauto {
height:auto;
}
}


/* Secondary Header Nav
-------------------------------------------- */

.secondarynav {
	width:100%;
	float:left;
	background: #E2E2E2;
	padding:10px 0;
}
.secondarynav ul {
	position:relative;
	left:50%;
	float:left;
	margin:0 auto;
}
.secondarynav ul li {
	position:relative;
	right:50%;
	padding: 0 10px;
	display:inline;
}

.secondarynav ul li a {
	color: #595d5f;
	font-size:15px;
}

.secondarynav ul li a:hover, .secondarynav ul li.current-menu-item a, .secondarynav ul li.current-menu-parent a {
	color:#0199fc!important;
}

@media screen and (min-width: 1010px) {
	.main-header {
		padding: 23px 0 0 0;
		height:auto;
	}
}

@media screen and (max-width: 1010px) {
	.secondarynav {
		display:none;
	}
}

/* Subscribe to download
--------------------------------------------- */
.sub2download {
	position:relative;
	background-color:#e2e2e2;
	width:100%;
	padding:20px;
	min-height:150px;
	float:left;
	margin-bottom:20px;
}

.sub2download h1 {
	padding-bottom:20px;
	margin-top:0px;
}

.sub2download p.notopmargin {
	margin-top:0;
}

.sub2download .clear {
	clear:both;
}

.sub2download .small {
	font-size:11px;
}

.sub2download .s2diframe {
	width:1px;
	height:1px;
	display:none;
}

.sub2download .stepswrap {
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	padding:20px;
	background-color:#e2e2e2;
	z-index:5;
	float:left;
	display:none;
}

.sub2download .s1btn {
	width:100%;
	margin-top:20px;
}

/* End of post email subscription form
--------------------------------------------- */

.postBottomEmailForm  {
    background: linear-gradient(
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ), url('http://blog.creativelive.com/wp-content/uploads/2016/03/sub_bg_1.jpg') no-repeat;
		margin-top:20px;
    background-size: cover;
    width: 100%;
    text-align:center;
    padding:20px 0;
}

.postBottomEmailForm h1, .postBottomEmailForm p {
    color:#ffffff;
    padding:30px;
    text-shadow:0px 0px 1px #000;
    margin:0;
}


.postBottomEmailForm form input {
    line-height:30px;
    padding:5px 10px;
    margin:0;
	margin-left:5%;
    display:inline-block;
    float:left;
    border:0;

}

.postBottomEmailForm form input[type=email] {
    width:90%;
    background:rgba(255,255,255,0.9);
    font-size:18px;
	text-transform:none!important;
	border-radius:0!important;
  text-align: center;
}

.postBottomEmailForm form input[type=submit] {
    background:#0099ff;
    font-size:18px;
    color:#ffffff;
    font-family: 'ProximaNova', Helvetica;
	width: 90%;
    margin-top: 5px;
}


.postBottomEmailForm form input[type=submit]:hover {
    background:#0083db;
    cursor:pointer;
}

.postBottomEmailForm .clear {
    display:block;
    clear:both;
}

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

  .postBottomEmailForm form {
    width: 470px;
    margin:0 auto;
  }

  .postBottomEmailForm form input {
        margin-left:0;
  }

  .postBottomEmailForm form input[type=email] {
    width:300px;
    text-align: left;
  }
 .postBottomEmailForm form input[type=submit] {
   width:160px;
   margin-left:10px;
   margin-top: 0px;
  }
}

/* AddThis Widget aggitional Styles
--------------------------------------------- */

.addthis_jumbo_share {
	margin-bottom: 20px!important;
}

@media screen and (max-width: 768px) {
	.addthis_jumbo_share {
		display:none!important;
	}
}

/* Sidebar Follow icons
--------------------------------------------- */
.follow_icons_container {
	margin-left:-7px;
}
.followiconbase {
	display:inline-block;
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	margin-right:5px;
}
.followicon_button_facebook_follow {
	background-image:url(img/social-icon/icon-fb.png);
}
.followicon_button_twitter_follow {
	background-image:url(img/social-icon/icon-tw.png);
}
.followicon_button_linkedin_follow {
	background-image:url(img/social-icon/icon-lin.png);
}
.followicon_button_youtube_follow {
	background-image:url(img/social-icon/icon-yt.png);
}
.followicon_button_pinterest_follow {
	background-image:url(img/social-icon/icon-pi.png);
}
.followicon_button_instagram_follow {
	background-image:url(img/social-icon/icon-ins.png);
}

/* QuForm Styles
--------------------------------------------- */

.iphorm-elements label {
    font-weight:700;
    font-size:16px;
}

.iphorm-elements input, .iphorm-elements textarea, .iphorm-elements select {
    width:100%;
    border-radius:0;
    padding:10px!important;
    display:block;
}

.iphorm-elements .iphorm-submit-element span {
    padding:0;
    border:none;
}

.iphorm-elements .iphorm-submit-element span em {
    padding:5px 30px;
    color:#000;
    font-weight:700;
    font-size:18px;
    background:#fff12a;
}

.iphorm-success-message {
    background: #cef4a9!important;
    padding: 10px!important;
	border:none!important;

}

.iphom-upload-progress-wrap {
	background:none!important;
	border:none!important;
	padding:0!important;
}

.iphorm-errors-list > .iphorm-error {
	background:transparent!important;
	color:red!important;
	border:none!important;
	padding:0!important;
	font-weight:700!important;
}

/* Other
--------------------------------------------- */
.clearandmargin {
display:block;
clear:both;
margin-bottom:15px;
}

#wpadminbar {
z-index:9900000!important;
}