/*
Theme Name: SECD-Bootstrap
Description: SECD-Bootstrap
Version: 0.1
Text Domain: secd-bootstrap

*/

/* Change the Genesis block quote marks*/
html[lang="fr-FR"] .entry-content blockquote::before {
	content: "\00AB";
	left: 10px;
	top: -40px;
}
html[lang="fr-FR"] .entry-content blockquote::after {
	font-family: 'Times New Roman', serif;
  font-style: normal;
  content: "\00BB";
  font-size: 90px;
  position: absolute;
  right: -15px;
  top: -40px;
}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/opensans.eot');
  src: local('Open Sans'), local('OpenSans'),
       url('fonts/opensans.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensans.svg#svgFontName') format('svg'),
       url(fonts/opensans.woff) format('woff'),
       url(fonts/opensans.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/opensanssemibold.eot');
  src: local('Open Sans'), local('OpenSans'),
       url('fonts/opensanssemibold.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensanssemibold.svg#svgFontName') format('svg'),
       url(fonts/opensanssemibold.woff) format('woff'),
       url(fonts/opensanssemibold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/opensansitalic.eot');
  src: local('Open Sans'), local('OpenSans'),
       url('fonts/opensansitalic.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensansitalic.svg#svgFontName') format('svg'),
       url(fonts/opensansitalic.woff) format('woff'),
       url(fonts/opensansitalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/opensanslight.eot');
  src: local('Open Sans'), local('OpenSans'),
       url('fonts/opensanslight.eot?#iefix') format('embedded-opentype'),
       url('fonts/opensanslight.svg#svgFontName') format('svg'),
       url(fonts/opensanslight.woff) format('woff')
       url(fonts/opensanslight.ttf) format('truetype');
}
body {
  background: #f8f8f8 url(images/bg_body.png) fixed;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
}
li {
  margin: 10px 0 0 0;
}
a, a:hover {
  color: #04707a;
}
.overflow-hidden {
  overflow: hidden;
}
.masthead-row {
  margin-top: 30px;
}
.header-container {
  margin: 20px 0;
}
.masthead-row .search-col {
  margin-top: 20px;
}
.masthead-row .search-col input::-webkit-input-placeholder { color: #046f79; font-style: italic; }
.masthead-row .search-col input:-moz-placeholder { color: #046f79; font-style: italic; }
.masthead-row .search-col input::-moz-placeholder  { color: #046f79; font-style: italic; }
.masthead-row .search-col input:-ms-input-placeholder { color: #046f79; font-style: italic; }

#searchsubmit {
  background: transparent;
}
#searchtable {
  margin-left: auto;
}
#toc-toggle,
#toc-toggle-fixed {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: 0;
}
#mimic-toggle-button {
  display: inline-block;
}
.icon-bar {
  background-color: #2d6f83;
  display: block;
  width: 16px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 2px;
}

.full-width-image img {
  width: 100%;
  height: auto;
}
/* Prev/Next Styles */
#top-nav a,
#bottom-nav a {
  color: #125c73;
}

#top-nav a:hover,
#bottom-nav a:hover {
  text-decoration: none;
}

#top-nav img.top-prev,
#bottom-nav img.bottom-prev {
  margin-right: 12px;
}

#top-nav img.top-next,
#bottom-nav img.bottom-next {
  margin-left: 12px;
}

#bottom-nav img.bottom-back-to-top {
  margin-right: 12px;
}

#bottom-nav .bottom-nav-col {
  margin-top: 15px;
}

/* Table Of Contents */
#fixed-container-outer {
  opacity: 0;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
  padding-top: 20px;
  padding-bottom: 65px;
  transition: opacity 0.3s;
}

#fixed-container-outer .toggle-row {
  display: table-row;
  cursor: pointer;
}

#fixed-container-outer .toggle-row .button-cell,
#fixed-container-outer .toggle-row .words-cell {
  display: table-cell;
  vertical-align: middle;
}

#toc-toggle-fixed {
  padding-top: 6px;
}


body.set-menu-fixed #fixed-container-outer {
  opacity: 1;
  transition: opacity 0.3s;
}
body.set-menu-fixed.menu-active #fixed-container-outer {
  bottom: 0;
}
.collapse.in {
  height: auto !important;
}
.toc-words {
  letter-spacing: 2px;
  /*display: inline-block;*/
  margin-right: -20px;
}

body.set-menu-fixed.menu-active #fixed-container-outer .toc-words {
  /*display: block;*/
  margin-top: -25px;
}
#menu-container {
  padding-bottom: 30px;
}
#fixed-menu-container {
  position: relative;
}
#fixed-close {
  position: absolute;
  top: -55px;
  right: 0;
  background: transparent;
  outline: 0;
}
#menu-container ul,
#fixed-menu-container ul,
#menu-module-switcher-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#fixed-menu-container ul.sub-menu,
#menu-container .sub-menu {
  margin: 10px 0;
}
#fixed-menu-container .sub-menu a,
#menu-container .sub-menu a {
  padding-left: 5px;
}

#toc-row .toc-words {
  padding-left: 10px;
}

#toc-row {
  display: table-row;
}
#mimic-toggle-button, #toc-row .toc-words, #toc-toggle {
  display: table-cell;
  vertical-align: middle;
  height: 48px;
}
#table-of-contents {
  padding-right: 0;
}

#fixed-menu-container li,
#table-of-contents li {
  padding: 5px 0;
  font-size: 16px;
}
#fixed-menu-container li.menu-item-has-children > a,
#table-of-contents li.menu-item-has-children > a {
  display: block;
  background: transparent url(icons/icon_arrow_down_menu.png) center right 20px no-repeat;
  padding-right: 30px;
}
#fixed-menu-container li.menu-item-has-children > a {
  background: #fafafa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 5px;
}
#fixed-menu-container .sub-menu li,
#table-of-contents .sub-menu li {
  padding-left: 5px;
  font-size: 14px;
  margin-left:0;
  display: flex;
}
#table-of-contents .sub-menu li.current_page_item {
  background: #fff;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
#table-of-contents .sub-menu li.current_page_item a {
  font-weight: bold;
}
,
#menu-module-switcher-container li{
  padding: 5px 0;
}
#search-results {
  background: #fff;
  padding: 50px;
}
article.hentry {
  padding: 0;
  margin: 0;
  padding-left: 50px;
  position: relative;
}
span.searchterm {
  font-style: italic;
}
.sortby-row {
  margin-bottom: 20px;
}
#sort-dropdown {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #ccc;
  min-width: 232px;
  background: #fff;
  text-align: left;
}
#sort-dropdown span {
  float: right;
  margin-top: 8px;
}
.dropdown-menu {
  min-width: 232px;
}
#facets, #facets ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#facets li {
  padding: 5px 0;
  font-size: 16px;
}
#facets ul {
  margin: 10px 0;
}
#facets ul li {
  padding-left: 5px;
  font-size: 14px;
}
#facets a {
  width: 100%;
  display: inline-block;
  color: #155c70;
}
#facets .badge {
  float: right;
  background: #155c70;
}
.active-facets {
  margin: 20px 0;
}
.active-facets .label {
  margin: 7px 7px 7px 0;
}
.label-facet {
  background: #095f76;
}
.active-facets .label:hover {
  background-color: black;
}
.active-facets a:hover {
  text-decoration: none;
}
#search-results:before, article.hentry:before {
  position: absolute;
  top: 15px;
  right: -12px;
  width: 12px;
  height: 234px;
  content: '';
  background: url(images/shadow_top.png);
}
#search-results:after, article.hentry:after {
  position: absolute;
  bottom: 15px;
  left: -12px;
  width: 12px;
  height: 234px;
  content: '';
  background: url(images/shadow_bottom.png);
}
.search-result h3 {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;

}
.search-result h3 a {
  color: #095f76;
}
.search-result em {
  background-color: yellow;
  font-style: normal;
}
#top-nav {
  background: #f1e488;
}

#entry-title {
  font-weight: 300;
}
.entry-content {
  margin: 0 36px;
  padding: 20px 40px;
  background: #fff;
}
#top-nav.entry-content {
  padding: 10px 20px;
  min-height: 48px;
}

#page-title {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}

#bottom-nav {
  margin: 0;
  padding: 0;
}
#bottom-nav {
  margin: 20px 0;
}
#bottom-nav .row {
  padding: 0;
  margin: 0;
}
#search-pagination {
  margin-top: 20px;
  margin-bottom: 20px;
}
#search-pagination a {
  color: #343434;
  background: #c8c8c8;
  font-size: 13px;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
  padding-top: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#search-pagination .active-page {
  color: #d4dbe3;
  background: #115e72;
}
footer#colophon .site-info {
  background: #04707a;
  color: white;
  padding: 20px 0;
}

/* Context Buttons (Watch, Interact, Read) */
.context-container {
  padding: 27px 60px;
  clear: both;
}
.expand-container .context-container {
  padding: 40px;
}

.context-container .tap-container.interact,
.context-container .tap-container.watch,
.context-container .tap-container.audio,
.want-to-know-more .tap-container.interact,
.want-to-know-more .tap-container.watch {
  background:  #f9f9f9 url(icons/icon_arrow-down.png) center right 20px no-repeat;
  padding: 0;
}
.want-to-know-more {
  margin: 27px 60px;
  color: #000000;
  padding: 0 20px;
  background: #bed68b;
}
.want-to-know-more .tap-content,
.want-to-know-more .tap-to-expand {
  padding: 20px 0;
}
.want-to-know-more > .tap-to-expand {
  background:  #6ea34d url(icons/icon_arrow-down.png) center right 20px no-repeat;
  color: #f3f6eb;
  font-size: 20px;
  font-style: italic;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.context-container .tap-container,
.want-to-know-more .tap-to-expand .context-container .tap-container {
  font-size: 14px;
  width: 100%;
  display: block;
  position: relative;
  border: 1px solid #f1f1f1;
  cursor: pointer;
  background: #f9f9f9;
  font-style: initial;
}
.want-to-know-more .tap-to-expand:hover {
  cursor: pointer;
}
.context-container .tap-to-expand.expanded,
.want-to-know-more .tap-to-expand.expanded {
  background-image: url(icons/icon_close.png);
}

.context-container.interact-link .tap-container.interact,
.read .tap-container,
.explore .tap-container {
  background:  #f9f9f9 url(icons/icon_link.png) center right 20px no-repeat;
  padding-right: 40px;
}
.tap-container .tap-icon,
.tap-container .video-thumbnail,
.tap-container .tap-content {
  display: table-cell;
}

.tap-content .tap-label,
.tap-content .tap-descriptopn {
  display: block;
}
.tap-content .tap-label {
  font-size: 10px;
  text-transform: uppercase;
}
.tap-container .tap-content {
  padding: 10px 45px 10px 13px;
  color: black;
}
.tap-container .tap-content,
.tap-container:hover {
  text-decoration: none;
  vertical-align: middle;
}
.tap-container .tap-icon {
  width: 70px;
  height: 60px;
  vertical-align: middle;
}
.tap-container .tap-icon:after {
  display: block;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  left: 70px;
  pointer-events: none;
  border-width: 7px 0 7px 6px;
  margin-top: -8px;
  z-index: 10;
}
.tap-container .video-thumbnail {
  width: 120px;
  text-align: center;
  vertical-align: middle;
}
.tap-container .video-thumbnail img {
  padding: 5px 0;
  margin-left: 10px;
}
.watch .tap-icon { background: #00a3b6 url(icons/icon-watch.png) center center no-repeat;}
.watch .tap-icon:after {
  border-left-color: #00a3b6;
}
.audio .tap-icon { background: #FF6F61 url(icons/icon-audio.png) center center no-repeat;}
.audio .tap-icon:after {
  border-left-color: #FF6F61;
}
.interact .tap-icon { background: #d0ba29 url(icons/icon-interact.png) center center no-repeat; }
.interact .tap-icon:after {
  border-left-color: #d0ba29;
}
.read .tap-icon { background: #6ea24d url(icons/icon-read.png) center center no-repeat; }
.read .tap-icon:after {
  border-left-color: #6ea24d;
}

.dvd-availability {
  background: transparent url(icons/icon_dvd.png) center left no-repeat;
  padding-left: 15px;
  display: none;
}
.dvd-availability.available-yes {
  display: block;
}

.explore .tap-icon { background: #f36130 url(icons/link-explore.png) center center no-repeat; }
.explore .tap-icon:after {
  border-left-color: #f36130;
}

/* Special In-Page Visual Blocks (Reflect, Consider, Further Study) */
.consider-full, .consider-left, .consider-right,
.reflect, .reflect-left, .reflect-right {
  margin: 27px 60px;
  padding: 10px;
  clear: both;
}
.consider-full, .consider-left, .consider-right {
  background: #d9e9e9 url(icons/icon-magnifying-glass.png) left 15px top 15px no-repeat;
  padding-left: 50px;
  border-left: 4px solid #04707a;
}

.reflect, .reflect-left, .reflect-right {
  background: #97c9ca;  /*url(icons/ocpn_Q.png) left 20px top 15px no-repeat;*/
  border: 1px solid #458b9f;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-left: 70px;
  position: relative;
}

.reflect:before, .reflect-left:before, .reflect-right:before {
  position: absolute;
  top: 2px;
  left: 18px;
  content: 'Q';
  font-size: 30px;
  font-weight: bold;
  color: #047079;
}

.further-full, .further-left, .further-right {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
  background: url(images/learnmore-bg.png);
}

.consider-full h2, .consider-left h2, .consider-right h2,
.reflect h2, .reflect-left h2, .reflect-right h2,
.further-full h2, .further-left h2, .further-right h2 {
  margin-top: 0;
  font-size: 25px;
}

.consider-full h2, .consider-left h2, .consider-right h2, {
  color: #046f79;
  font-style: italic;
}

.consider-full a, .consider-left a, .consider-right a, {
  color: #046f79;
}

.quote-full,
.quote-left,
.quote-right,
blockquote {
  position: relative;
  padding-left: 70px;
  padding-right: 40px;
  border: 0;
  font-style: italic;
  margin: 20px 40px;
}

.quote-full::before,
.quote-left::before,
.quote-right::before,
blockquote::before {
  font-family: 'Times New Roman', serif;
  font-style: normal;
  content: "\201C"; /*Unicode for Left Double Quote*/
  font-size: 90px;
  position: absolute;
  left: 20px;
  top:-20px;
}
.quote-full::after,
.quote-left::after,
.quote-right::after,
blockquote::after {
  /*Reset to make sure*/
  content: "";
}
.quote-full em,
.quote-left em,
.quote-right em,
blockquote em {
  display: block;
  font-style: normal;
  border-top: 4px solid #000000;
  padding: 15px 0 20px 0px;
  margin-top: 15px;
}

.key-full, .key-right, .key-left {
  background: #f9f9f9;
  padding: 20px;
  margin: 40px 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #bebebe;
}

.blank-line {
  height: 25px;
}

.broken-video-shortcode {
  border: 1px solid red;
  padding: 10px;
  color: red;
}
/* Responsive vimeo iframe */
.vimeo-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.vimeo-container iframe,
.vimeo-container object,
.vimeo-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-inner {
  position: relative;
}

.iframe-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
}


/* Default WP Styles */
/* Images */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft {
  margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
  margin: 5px 10px 5px 0;
}

img.alignright {
  margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
  margin: 5px 0 5px 10px;
}

img.aligncenter {
  margin: 5px auto;
}

img.alignnone {
  margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
  color: #A5ACB1;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}

.wp-caption .wp-caption-text { color: #A5ACB1; }
.wp-caption .wp-caption-text:first-letter { text-transform: capitalize; }

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
  list-style-position: inside;
}

article .entry-content {
  margin: 0;
}
article.one-column {
  margin-top: 20px;
}
article.one-column .entry-content {
  padding: 40px 100px;
}

#s {
  min-width: 210px;
}

#menu-module-switcher-container {
    margin: 25px 0 0 -15px;
    padding: 5px 0 5px 15px;
}
#menu-module-switcher-container .menu-module-switcher-container {
    margin: 20px 0;
}
#menu-module-switcher-container .menu-item {
    margin: 10px 0 0 0;
}
#menu-module-switcher-container .menu-item a {
    color: #333;
}

#menu-module-switcher-container .menu-item.menu-item-10059,
#menu-module-switcher-container .menu-item.menu-item-10045 {
    margin: 0 0 15px -15px;
}

/* Responsive Section */
@media (min-width: 992px) {
  article.hentry {
    padding-left: 0;
    margin-left: 0;
  }
  #fixed-menu-container {
    margin-top: 20px;
    width: 100%;
  }
  #fixed-container-outer {
    width: 25%;
  }

  .page-template-template-text-only article.one-column .entry-content{
        padding: 40px 190px;
  }

}

@media (max-width: 991px) {
  #fixed-container-outer {
    width: 98%;
    padding-left: 2%;
  }
  #table-of-contents .menu-container {
    margin-left: 34px;
  }
  #fixed-container-outer .toc-words {
    margin-left: 34px;
  }
  #search-results:after, article.hentry:after {
    left: 36px;
  }
  body.set-menu-fixed.menu-active {
    overflow: hidden;
  }

  body.set-menu-fixed.menu-active #fixed-container-outer {
    background: #ffffff;
  }
  #toc-toggle-fixed {
    z-index: 101;
    padding-left: 0;
    margin-left: -5px;
  }
  #fixed-container-outer .toc-words {
    display: none;
  }
  body.set-menu-fixed.menu-active #fixed-container-outer .toc-words {
    display: inline-block;
  }
  #fixed-close {
    top: -45px;
  }
}

@media (max-width: 768px) {
  #page.container {
    padding: 0;
  }
  .masthead-row, #entry-title {
    padding: 0 20px 0 20px;
    margin: 0;
    margin-top: 30px;
  }
  .tap-container .video-thumbnail {
    display: none;
  }
  .wp-caption {
    width: 100% !important;
    padding: 0;
  }
  .alignleft, .alignright, .aligncenter {
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  #primary.content-area.row {
    margin: 0;
  }
  .context-container,
  .expand-container .context-container,
  .read .tap-container,
  .explore .tap-container {
    padding-left: 0;
    padding-right: 0;
  }
  blockquote:before {
    left: 0;
  }
  blockquote {
    padding-left: 50px;
    padding-rght: 0px;
  }
  .consider-full, .consider-left, .consider-right,
  .reflect, .reflect-left, .reflect-right,
  .want-to-know-more,
  .read .tap-container,
  .explore .tap-container,
  .key-full, .key-right, .key-left
  blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 779px) {
  article.hentry:before {
    display: none;
  }
  article.hentry:after {
    display: none;
  }
}

@media (max-width: 480px) {
  h1#entry-title {
    font-size: 30px;
  }
  #toc-row .toc-words {
    padding-left: 0px;
  }
  .entry-content {
    padding: 15px 30px;
  }

  .consider-full, .consider-left, .consider-right,
  .reflect {
    background-image: none;
    padding-left: 10px;
  }
  .context-container.interact-link .tap-container.interact, .read .tap-container, .explore .tap-container {
    padding: 0;
  }
  .context-container.interact-link .tap-container.interact, .read .tap-container, .explore .tap-container,
  .tap-container.interact,
  .tap-container.watch,
  .tap-container.audio,
  .read .tap-container,
  .explore .tap-container {
    background-image: none;
  }
  .tap-container .tap-content,
  .tap-container .tap-icon {
    display: block;
    width: 100%;
  }
  .tap-container .tap-icon {
    background-size: 20px 20px;
    height: 40px;
    background-position: left 10px center;
  }
  .interact .tap-icon {
    background-size: 11px 18px;
  }
  .tap-container .tap-content {
    padding: 10px 10px 10px 13px;
  }
  .read .tap-icon {
    background-size: 15px 20px;
  }
  .tap-container .tap-icon {
    position: relative;
  }
  .tap-container .tap-icon:after {
    top: 100%;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 7px;
    margin-left: -7px;
    margin-top: 0;
  }
  .watch .tap-icon:after {
    border-top-color: #00a3b4;
  }
  .interact .tap-icon:after {
    border-top-color: #cfb928;
  }
  .read .tap-icon:after {
    border-top-color: #6da34d;
  }
  .explore .tap-icon:after {
    border-top-color: #f1612f;
  }
  .masthead-row, #entry-title {
    padding: 0;
  }
  .masthead-row .search-col,
  .masthead-row .logo-col {
    width: 100%;
    text-align: left;
  }
  #searchtable {
    margin-left: 0;
    width: 100%;
  }
  #search-btn {
    width: 44px;
  }
  .nav-label-text {
    display: none;
  }
  blockquote:before {
    font-size: 55px;
    top: 0;
  }
  blockquote {
    padding-left: 40px;
    padding-right: 0;
  }
  article.one-column {
    padding-left: 0px;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .reflect:before, .reflect-left:before, .reflect-right:before {
    position: relative;
    float: left;
    margin-right: 40px;
  }
}

.video .su-spoiler-title{background:#19a1c0 !important; color:white !important;}

.explore .su-spoiler-title{background:#f36130 !important; color:white !important;}

.explore .su-spoiler-content{background:#f9f9f9 !important;}

#main ol, ul {
  list-style: disc;
}

.spotify-container {
  position: relative;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}