/*======================================
Theme Name: dcpc
Theme URI: https://divicake.com/
Description: Divi Child Theme
Version: 1.0
Author: Andy Robb
Author URI: https://www.elegantthemes.com/gallery/divi/
Template: Divi
======================================*/
 
/* 
 * Colours:
 * RTITB Blue: #15135f
 * RTITB Yellow: #EFAC2B
 * Lt Grey: #ebebeb
 * Driver: #a02f4b
 * Road: #00a595
 * Vehicle: #287d9c
 * Rules: #735571
 */
 
/* =Theme customization starts here
------------------------------------------------------- */

/*.selectable,
.action {
  display:inline-block;
  border:solid 1pc red;
  width:50px;
  height:50px;
}
.selectable.selected {
  border-color:green;
}*/

/* General */
#main-content article .entry-content {
  padding:2rem 0;
}
@media all and ( max-width:980px ) {
  #main-content article .entry-content {
    padding: 5px 0 0;
  }
}

/* Category-related styles */

/* cpc driver */

.bg-the-driver,
body.course_categories_the-driver #main-header .rtitb_title_bar,
body.course_categories_the-driver .course header.header,
body.course_categories_the-driver section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-driver #add-playlist #create-playlist,
body.course_categories_the-driver #popup_create_playlist #create-playlist{
  background-color: #ffa739;
  border-color: #ffa739;
}

/* pcv driver */

.bg-the-driver-pcv,
body.course_categories_the-driver-pcv #main-header .rtitb_title_bar,
body.course_categories_the-driver-pcv .course header.header,
body.course_categories_the-driver-pcv section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-driver-pcv #add-playlist #create-playlist,
body.course_categories_the-driver-pcv #popup_create_playlist #create-playlist {
  background-color: #a02f4b;
  border-color: #a02f4b;
}

/* cpc vehicle */

.bg-the-vehicle,
body.course_categories_the-vehicle #main-header .rtitb_title_bar,
body.course_categories_the-vehicle .course header.header,
body.course_categories_the-vehicle section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-vehicle #add-playlist #create-playlist,
body.course_categories_the-vehicle #popup_create_playlist #create-playlist
{
  background-color: #15135f;
  border-color: #15135f;
}

/* pcv vehicle */

.bg-the-vehicle-pcv,
body.course_categories_the-vehicle-pcv #main-header .rtitb_title_bar,
body.course_categories_the-vehicle-pcv .course header.header,
body.course_categories_the-vehicle-pcv section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-vehicle-pcv #add-playlist #create-playlist,
body.course_categories_the-vehicle-pcv #popup_create_playlist #create-playlist {
  background-color: #287d9c;
  border-color: #287d9c;
}

/* cpc road */

.bg-the-road,
body.course_categories_the-road #main-header .rtitb_title_bar,
body.course_categories_the-road .course header.header,
body.course_categories_the-road section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-road #add-playlist #create-playlist,
body.course_categories_the-road #popup_create_playlist #create-playlist
{
  background-color: #ffa739;
  border-color: #ffa739;
}

/* pcv road */

.bg-the-road-pcv,
body.course_categories_the-road-pcv #main-header .rtitb_title_bar,
body.course_categories_the-road-pcv .course header.header,
body.course_categories_the-road-pcv section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-road-pcv #add-playlist #create-playlist,
body.course_categories_the-road-pcv #popup_create_playlist #create-playlist {
  background-color: #00a595;
  border-color: #00a595;
}

/* cpc rules */

.bg-the-rules,
body.course_categories_the-rules #main-header .rtitb_title_bar,
body.course_categories_the-rules .course header.header,
body.course_categories_the-rules section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-rules #add-playlist #create-playlist,
body.course_categories_the-rules #popup_create_playlist #create-playlist
{
   background-color: #15135f;
   border-color: #15135f;
}

/* pcv rules */

.bg-the-rules-pcv,
body.course_categories_the-rules-pcv #main-header .rtitb_title_bar,
body.course_categories_the-rules-pcv .course header.header,
body.course_categories_the-rules-pcv section.course footer.footer .playlist-btn.create-playlist,
body.course_categories_the-rules-pcv #add-playlist #create-playlist,
body.course_categories_the-rules-pcv #popup_create_playlist #create-playlist  {
  background-color: #735571;
  border-color: #735571;
}

body.course_categories_the-driver .course .row{
 border-color: #ffa739;
}

body.course_categories_the-driver-pcv .course .row {
  border-color: #a02f4b;
}

body.course_categories_the-vehicle .course .row{
 border-color: #15135f;
}

body.course_categories_the-vehicle-pcv .course .row {
  border-color: #287d9c;
}

body.course_categories_the-road .course .row{
  border-color: #ffa739;
}

body.course_categories_the-road-pcv .course .row {
  border-color: #00a595;
}

body.course_categories_the-rules .course .row{
  border-color: #15135f;
}

body.course_categories_the-rules-pcv .course .row {
  border-color: #735571;
}

body.course_categories_the-driver section.course .row h4,
body.course_categories_the-driver section.course .row .controls .selectable.selected,
body.course_categories_the-driver section.course .row .controls .selectable:hover,
body.course_categories_the-driver .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-driver .dcpc-modal-popup #modalContent *,
body.course_categories_the-driver .course-key h3,
body.course_categories_the-driver .course-filter h3,
body.course_categories_the-driver .download-materials
{
  /*color: #ffa739;*/
  color: #15135f;

}

body.course_categories_the-driver-pcv section.course .row h4,
body.course_categories_the-driver-pcv section.course .row .controls .selectable.selected,
body.course_categories_the-driver-pcv section.course .row .controls .selectable:hover,
body.course_categories_the-driver-pcv .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-driver-pcv .dcpc-modal-popup #modalContent *,
body.course_categories_the-driver-pcv .course-key h3,
body.course_categories_the-driver-pcv .course-filter h3,
body.course_categories_the-driver-pcv .download-materials {
  color: #a02f4b;
}

body.course_categories_the-driver .course-filter input{
  border-color: #ffa739;
  /*border-color:#15135f;*/
}

body.course_categories_the-driver section.course header.header * , body.course_categories_the-driver section.course footer.footer .playlist-btn,
body.course_categories_the-road section.course header.header * , body.course_categories_the-road section.course footer.footer .playlist-btn {
    color: #15135f!important;
}


body.course_categories_the-driver-pcv .course-filter input {
  border-color: #a02f4b;
}

body.course_categories_the-vehicle section.course .row h4,
body.course_categories_the-vehicle section.course .row .controls .selectable.selected,
body.course_categories_the-vehicle section.course .row .controls .selectable:hover,
body.course_categories_the-vehicle .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-vehicle .dcpc-modal-popup #modalContent *,
body.course_categories_the-vehicle .course-key h3,
body.course_categories_the-vehicle .course-filter h3,
body.course_categories_the-vehicle .download-materials{
  color:#15135f;
}

body.course_categories_the-vehicle-pcv section.course .row h4,
body.course_categories_the-vehicle-pcv section.course .row .controls .selectable.selected,
body.course_categories_the-vehicle-pcv section.course .row .controls .selectable:hover,
body.course_categories_the-vehicle-pcv .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-vehicle-pcv .dcpc-modal-popup #modalContent *,
body.course_categories_the-vehicle-pcv .course-key h3,
body.course_categories_the-vehicle-pcv .course-filter h3,
body.course_categories_the-vehicle-pcv .download-materials {
  color: #287d9c;
}

body.course_categories_the-vehicle .course-filter input{
  border-color: #15135f;
}

body.course_categories_the-vehicle-pcv .course-filter input {
  border-color: #287d9c;
}

body.course_categories_the-road section.course .row h4,
body.course_categories_the-road section.course .row .controls .selectable.selected,
body.course_categories_the-road section.course .row .controls .selectable:hover,
body.course_categories_the-road .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-road .dcpc-modal-popup #modalContent *,
body.course_categories_the-road .course-key h3,
body.course_categories_the-road .course-filter h3,
body.course_categories_the-road .download-materials
{
    /*color: #ffa739;*/
  color: #15135f;
}

body.course_categories_the-road-pcv section.course .row h4,
body.course_categories_the-road-pcv section.course .row .controls .selectable.selected,
body.course_categories_the-road-pcv section.course .row .controls .selectable:hover,
body.course_categories_the-road-pcv .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-road-pcv .dcpc-modal-popup #modalContent *,
body.course_categories_the-road-pcv .course-key h3,
body.course_categories_the-road-pcv .course-filter h3,
body.course_categories_the-road-pcv .download-materials {
  color: #00a595;
}

body.course_categories_the-road .course-filter input{
  border-color: #ffa739;
}

body.course_categories_the-road-pcv .course-filter input {
  border-color: #00a595;
}

body.course_categories_the-rules section.course .row h4,
body.course_categories_the-rules section.course .row .controls .selectable.selected,
body.course_categories_the-rules section.course .row .controls .selectable:hover,
body.course_categories_the-rules .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-rules .dcpc-modal-popup #modalContent *,
body.course_categories_the-rules .course-key h3,
body.course_categories_the-rules .course-filter h3,
body.course_categories_the-rules .download-materials{
  color:#15135f;
}

body.course_categories_the-rules-pcv section.course .row h4,
body.course_categories_the-rules-pcv section.course .row .controls .selectable.selected,
body.course_categories_the-rules-pcv section.course .row .controls .selectable:hover,
body.course_categories_the-rules-pcv .et_pb_text .et_pb_text_inner h2,
body.course_categories_the-rules-pcv .dcpc-modal-popup #modalContent *,
body.course_categories_the-rules-pcv .course-key h3,
body.course_categories_the-rules-pcv .course-filter h3,
body.course_categories_the-rules-pcv .download-materials {
  color: #735571;
}

body.course_categories_the-rules .course-filter input{
  border-color: #15135f;
}

body.course_categories_the-rules-pcv .course-filter input {
  border-color: #735571;
}

body.course_categories_the-driver section.course .row .controls .selectable:hover svg path,
body.course_categories_the-driver section.course .row .controls .selectable.selected svg path,
body.course_categories_the-driver .course-key .key-icon svg path,
body.course_categories_the-driver .dcpc-modal-popup #modalContent svg{
  fill: #ffa739;
}

body.course_categories_the-driver-pcv section.course .row .controls .selectable:hover svg path,
body.course_categories_the-driver-pcv section.course .row .controls .selectable.selected svg path,
body.course_categories_the-driver-pcv .course-key .key-icon svg path,
body.course_categories_the-driver-pcv .dcpc-modal-popup #modalContent svg {
  fill: #a02f4b;
}

body.course_categories_the-vehicle section.course .row .controls .selectable:hover svg path,
body.course_categories_the-vehicle section.course .row .controls .selectable.selected svg path,
body.course_categories_the-vehicle .course-key .key-icon svg path,
body.course_categories_the-vehicle .dcpc-modal-popup #modalContent svg{
  fill:#15135f;
}

body.course_categories_the-vehicle-pcv section.course .row .controls .selectable:hover svg path,
body.course_categories_the-vehicle-pcv section.course .row .controls .selectable.selected svg path,
body.course_categories_the-vehicle-pcv .course-key .key-icon svg path,
body.course_categories_the-vehicle-pcv .dcpc-modal-popup #modalContent svg {
  fill: #287d9c;
}

body.course_categories_the-road section.course .row .controls .selectable:hover svg path,
body.course_categories_the-road section.course .row .controls .selectable.selected svg path,
body.course_categories_the-road .course-key .key-icon svg path,
body.course_categories_the-road .dcpc-modal-popup #modalContent svg{
 fill: #ffa739;
}

body.course_categories_the-road-pcv section.course .row .controls .selectable:hover svg path,
body.course_categories_the-road-pcv section.course .row .controls .selectable.selected svg path,
body.course_categories_the-road-pcv .course-key .key-icon svg path,
body.course_categories_the-road-pcv .dcpc-modal-popup #modalContent svg {
  fill: #00a595;
}

body.course_categories_the-rules section.course .row .controls .selectable:hover svg path,
body.course_categories_the-rules section.course .row .controls .selectable.selected svg path,
body.course_categories_the-rules .course-key .key-icon svg path,
body.course_categories_the-rules .dcpc-modal-popup #modalContent svg{
  fill:#15135f;
}

body.course_categories_the-rules-pcv section.course .row .controls .selectable:hover svg path,
body.course_categories_the-rules-pcv section.course .row .controls .selectable.selected svg path,
body.course_categories_the-rules-pcv .course-key .key-icon svg path,
body.course_categories_the-rules-pcv .dcpc-modal-popup #modalContent svg {
  fill: #735571;
}

#log_out_sessions input[type="submit"] {
  background-color: #15135f;
    color: white !important;
    margin-top: 20px;
    padding: 0.8rem 1.25rem;
    font-size: 18px;
    display: block;
    text-align: center;
    border: 0;
    cursor:pointer;
}

/* Header styles */
#main-header .rtitb_title_bar {
  background-color: #15135f;
  padding: 22px 0;
  margin-top: -10px;
  margin-left: 252px !important;
  border:0 !important;
}
@media all and ( max-width:980px ) {
  #main-header .rtitb_title_bar {
    padding: 22px 3.333%;
    margin-top: 0;
    margin-left: 0 !important;
  }
  #main-header .rtitb_title_bar .flex-wrap {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
#main-header.et-fixed-header .rtitb_title_bar {
  display:none !important
}
#main-header .rtitb_title_bar .flex-wrap {
  display: flex;
  align-items: flex-end;
  justify-content:space-between;
  margin-left: auto;
  margin-right:0;
}
.home #main-header .rtitb_title_bar .flex-wrap {
  justify-content:flex-end;
}
#main-header .rtitb_title_bar .flex-wrap h1 {
  color: white;
  text-transform: none;
  /*font-size: 46px !important;*/
}

/* External category - not one of the core cats */
body.ext-cat .create-playlist {
  display:none !important;
}
body.ext-cat section.course footer.footer {
  justify-content: flex-end !important;
}
body.ext-cat section.course .row .controls .selectable.selected,
body.ext-cat section.course .row .controls .selectable:hover {
  color:#15135f;
}
body.ext-cat section.course .row .controls .selectable:hover svg path,
body.ext-cat section.course .row .controls .selectable.selected svg path,
body.ext-cat .course-key .key-icon svg path,
body.ext-cat .dcpc-modal-popup #modalContent svg {
  fill: #15135f;
}
.post-password-required .et_password_protected_form {
  display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.post-password-required .et_password_protected_form h1 {
  display:block;
  margin-bottom: 2rem;
}
.post-password-required .et_password_protected_form p {
  padding-bottom:2rem;
}
@media all and (max-width: 980px) {
  .ext-cat #playlist_display .et_pb_row {
    display: flex;
    flex-direction: column;
  }
  .ext-cat .course-wrap:first-child {
    order: 2;
  }
  .ext-cat .course-wrap:last-child {
    order: 1;
  } 
  .ext-cat .course-wrap img {
    max-width: 50%;
  }
}

/* Playlist styles - course list */
section.course {
  margin-bottom:3rem;
}
@media all and ( max-width:1280px ) {
  section.course {
    margin-bottom:2rem;
  }
}
section.course header {
  position:relative;
}
section.course header.header {
  background-color:#15135f;
  border-color:#15135f;
}
section.course header.header * {
  color:#ffffff;
  background-color:transparent;
  border-color:transparent;
}
section.course header.header h3 {
  padding-bottom: 0;
  margin-bottom: 0.75rem;
  font-weight: 500;
  font-size: 20px;
  padding-right: 40px;
}
section.course header.header .info-icon {
  width: 25px;
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor:pointer;
}
section.course header.header .download-materials {
  position:relative;
  padding-right:3rem;
  line-height:1;
  font-size: 1rem;
}
 .download-materials:after {
  content:'\e092';
  font-family: 'ETModules';
  font-size: 14px;
  position:absolute;
  right: 1.45rem;
  top:0;
}

.row .download-materials {
  padding-left:10px;
  display:none;
}
.row .download-materials:after {
  position: initial;
}
.row h4 {
  display:inline-block;
}

section.course header.header,
section.course .row {
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 1rem;
}
section.course .row {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
section.course .row * {
  line-height: 1.2;
}
section.course .row h4 {
  margin-bottom:0;
  padding-bottom:0;
}
section.course .row .controls {
  max-height:25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
section.course .row .controls .selectable {
  height:100%;
  margin-left: 0.75rem;
  font-weight: 600;
  color:#b3b3b3;
  cursor:pointer;
  transition:all .2s ease;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}
section.course .row .controls .icon svg {
  height: 25px;
  width: auto;
}
section.course .row .controls .icon svg path {
  fill:#b3b3b3;
  transition:all .2s ease;
}
section.course footer.footer {
  background-color:#ebebeb !important;
  display:flex;
  justify-content:space-between;
}
  section.course footer.footer .playlist-btn,
  .playlist_section .playlist-btn {
    padding: 0.8rem 1.25rem;
    border: 0;
    border-radius: 0;
    text-shadow: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
  }
.playlist_section .playlist-btn {
  background-color: #252352;
  width: 100%;
}
section.course footer.footer .playlist-btn span {
  margin-left: 0.25rem;
  font-size: 1.6rem;
  line-height: 0.5 !important;
  vertical-align: middle;
}
section.course footer.footer .playlist-btn.start-playlist span {
  font-size:1.1rem;
}
section.course footer.footer .playlist-btn.start-playlist {
  background-color:#EFAC2B;
}
#playlist_display .course-key {
  background-color:#ebebeb;
  padding:1.5rem 0.75rem;
  margin-bottom:3rem;
}
  #playlist_display .course-key h3,
  .course-filter h3 {
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 20px;
    padding-left: 1rem;
  }
.course-filter h3 {
  margin-bottom: 0.5rem;
  padding-left: 0;
  padding-bottom: 0px;
}

.course-filter input {
  background-color: #d8d8dc;
  border-radius: 3px;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  font-size: 18px;
  font-size: 18px;
  padding: 0.5rem 1rem;

}
.course-filter {
  margin-bottom: 2rem;
}

#playlist_display .course-key .course-key-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#playlist_display .course-key .key-icon {
  height:30px;
  width:auto;
  margin:0 1rem;
  cursor:pointer;
  position:relative;
}
@media all and ( max-width:1280px ) {
  #playlist_display .course-key {
    margin-bottom:2rem;
  }
  #playlist_display .course-key .key-icon {
    height: 25px;
    margin: 0 0.5rem;
  }
}
#playlist_display .course-key .key-icon svg {
  height:100%;
  width:auto;
}
.course-key .key-icon svg path {
  fill:#15135f;
}
#playlist_display .et_pb_text {
  margin-bottom: 2%;
}

/* Playlist styles - playlists */
.playlist_section h2 {
  text-align:right;
}
.playlist_section h3 {
  font-size: 28px !important;
  font-weight: normal;
}
.playlist_section #playlists {
  background-color:#ebebeb;
  padding:1.75rem;
}
.playlist_section #playlists .playlist-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.playlist_section #playlists .et_pb_toggle {
  border:0;
  background:transparent;
  padding:0;
  margin-bottom: 4%;
}
.playlist_section #playlists .et_pb_toggle:last-child {
  margin-bottom:0 !important;
}
.playlist_section #playlists .et_pb_toggle .playlist-header,
.playlist_section #playlists .et_pb_toggle .playlist-content .row {
  background-color:#ffffff;
  padding:1rem;
}
.playlist_section #playlists .et_pb_toggle .playlist-content .row {
  margin-top:2px;
}
.playlist_section #playlists .et_pb_toggle .playlist-header * {
  color:#15135f;
  text-transform:uppercase;
  margin-bottom:0;
  padding-bottom:0;
}
.playlist_section #playlists .et_pb_toggle .playlist-content button {
  display: block;
  padding: 0.8rem 1.25rem;
  background-color: #15125e;
  border: 0;
  width: 100%;
  color: white;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 2px;
  cursor:pointer;
}
.playlist_section #playlists .et_pb_toggle .playlist-content button span {
  margin-left:5px;
}

.et_pb_toggle_title:before {
  display:none;
}

.et_pb_toggle_title h4:before {
  content: "\e050";
  position: absolute;
  right: 0;
  font-size: 16px;
  color: #ccc;
  top: 50%;
  margin-top: -.5em;
} 
  
  .playlist_section #playlists .et_pb_toggle .et_pb_toggle_title h4:before,
  .playlist_section #playlists .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title h4:before {
    content: '';
    background-image: url('/wp-content/themes/DCPC/img/icons/chevron-down.svg');
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    left: 0.8rem;
    transition: all .2s ease;
  }
.playlist_section #playlists .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title h4:before {
  display:block !important;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.playlist_section #playlists .et_pb_toggle .et_pb_toggle_title {
  padding-left:2.5rem;
}
.playlist_section #playlists .et_pb_toggle .et_pb_toggle_content {
  padding-top:0;
}
.playlist_section #playlists .playlist-content .selected-course {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.playlist_section #playlists .playlist-content .selected-course h4 {
  padding-bottom:0;
  color:#b3b3b3;
  text-transform:uppercase;
  font-size:16px;
  line-height:1.2;
}
.playlist_section #playlists .controls {
  max-height:25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.playlist_section #playlists .controls .action {
  height: 20px;
  width: auto;
  margin-left: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  cursor:pointer;
}
.playlist_section #playlists .controls .action img {
  height: 100%;
  width: auto;
}
.row.selected-course .controls {
  max-height:25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.row.selected-course .controls .display {
  height:100%;
  margin-left: 0.75rem;
  font-weight: 600;
  color:#b3b3b3;
  cursor:pointer;
  transition:all .2s ease;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}
.row.selected-course .controls .icon svg,
.row.selected-course .controls .icon img {
  height: 25px;
  width: auto;
  max-width: 25px;
}
.row.selected-course .controls .icon svg path {
  fill:#b3b3b3;
  transition:all .2s ease;
}

/* Create playlist modal */
#add-playlist,
#popup_create_playlist {
  background-color: #ebebeb;
  padding: 1.75rem;
}
  #add-playlist .et_pb_row,
  #popup_create_playlist .et_pb_row {
    padding: 3rem 0;
  }
    #add-playlist .et_pb_row .et_pb_text_inner,
    #popup_create_playlist .et_pb_row .et_pb_text_inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 400px;
      margin: 0 auto;
    }
    #add-playlist .et_pb_row h2,
    #popup_create_playlist h2 {
      text-align: center;
      color: #15135f !important;
    }
 .area-outer-wrap[data-da-type=popup] {
  width: 50%;
}
#add-playlist #create-playlist,
#popup_create_playlist #create-playlist {
  padding: 0.8rem 1.25rem;
  border: 0;
  border-radius: 0;
  text-shadow: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
}
  #add-playlist #create-playlist span,
  #popup_create_playlist span {
    margin-left: 0.25rem;
    font-size: 1.6rem;
    line-height: 0.5 !important;
    vertical-align: middle;
  }
    #add-playlist h2,
    #popup_create_playlist h2 {
      color: #15135f !important;
    }
  #add-playlist p,
  #popup_create_playlist p {
    display: flex;
    align-items: center;
    margin-top: 1rem;
  }
    #add-playlist p label,
    #popup_create_playlist p label {
      margin-right: 1.5rem;
      color: #15135f !important;
      font-size: 20px;
    }
    #add-playlist p input[type="text"],
    #popup_create_playlist p input[type="text"] {
      font-size: 20px;
      padding: 0.25rem 0.5rem;
    }
#et-boc .da-close-wrap.evr-close_wrap {
  border: 1px solid #15135f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  top: 1rem !important;
  right: 1rem !important;
}
#et-boc .da-close-wrap.evr-close_wrap a {
  font-size: 36px;
  box-shadow: none;
  line-height: 0.9;
  color: #15135f !important;
}
#et-boc .da-close-wrap.evr-close_wrap a:hover {
  border-radius:50%;
}
#add-playlist #playlist-items,
#popup_create_playlist #playlist-items {
  width: 100%;
  margin: 1rem 0;
}
  #add-playlist #playlist-items .row,
  #popup_create_playlist #playlist-items .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #add-playlist #playlist-items .playlist-content .row,
  #popup_create_playlist #playlist-items .playlist-content .row {
    padding: 1rem 1.25rem;
    background: white;
    margin-bottom: 2px;
  }
  #add-playlist #playlist-items .playlist-content h4,
  #popup_create_playlist #playlist-items .playlist-content h4,
  #add-playlist #playlist-items .playlist-content .type,
  #popup_create_playlist #playlist-items .playlist-content .type {
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    color: #15135f !important;
  }

  #add-playlist #playlist-items .playlist-content .type,
  #popup_create_playlist #playlist-items .playlist-content .type {
    font-size: 20px;
  }
section.course .row .controls .type,
.playlist_section #playlists .controls .type {
  font-size: 18px;
}

   #popup_create_playlist #modalContent input {
  color: #15135f !important;
} 
/* Homepage */
.home-cat-blocks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
  margin-top: 61px;
}
@media all and ( max-width:980px ) {
  .home-cat-blocks {
    margin-top:0;
  }
}
.home-cat-blocks .cat-block {
  display: flex;
  flex: 0 0 50%;
  height: 240px;
  margin-bottom: 2rem;
  position:relative;
}
.home-cat-blocks .cat-block h3 {
  font-weight:normal;
  color:white;
  padding-bottom:0;
  position:relative;
  margin-right:1rem;
  align-self:flex-end;
}
.home-cat-blocks .cat-block h3:after {
  display: inline-block;
  padding: 0 7px;
  content: '\24';
  color: #ffffff;
  font-family: 'ETModules';
  font-size: 20px;
  line-height: 30px;
  transition: 0.5s padding ease-out;
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  margin-left: 10px;
}
.home-cat-blocks .cat-block .block-inner {
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  display: flex;
  flex-direction: column;
  justify-content:flex-end;
}
.home-cat-blocks .cat-block:nth-child(even) .block-inner {
  left:1rem;
}
.home-cat-blocks .cat-block:nth-child(odd) .block-inner {
  right:1rem;
}
.home-cat-blocks .cat-block .block-inner img {
  position: absolute;
  left: 2rem;
  top: 20%;
  bottom: auto;
  margin: auto;
  max-height: 50%;
  width: auto;
}
@media all and ( max-width:1400px ) {
  .home-cat-blocks .cat-block .block-inner img {
    max-height:45%;
  }
}
@media all and ( max-width:1200px ) {
  .home-cat-blocks .cat-block .block-inner img {
    max-height:30%;
  }
}
@media all and ( max-width:980px ) {
  .home-cat-blocks .cat-block .block-inner img {
    max-height:45%;
  }
}
@media all and ( max-width:680px ) {
  .home-cat-blocks .cat-block .block-inner img {
    max-height:35%;
  }
}



* {
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
}



.carousel-cell {
  width: 100%;
  height: 100%;
  
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.carousel.is-fullscreen {
  display: block;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.flickity-slider {
  /*transform: translateX(0) !important;*/
}


/* Modal Popup */
.dcpc-modal-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  z-index: 999999;
}
.dcpc-modal-popup .blur-backdrop {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.55);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.dcpc-modal-popup #modalContent {
  width: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 3rem;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#ebebeb;
  box-shadow: 0 3px 10px -1px rgba(0,0,0,.3), 0 2px 50px 2px rgba(0,0,0,.2);
}
.dcpc-modal-popup #modalContent .modalClose {
    border: 1px solid #15135f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0;
    margin: 0;
    top: 1rem !important;
    right: 1rem !important;
    color:#15135f !important;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position:absolute;
    cursor:pointer;
}
.dcpc-modal-popup h3 {
  font-size: 1.8rem;
}
.dcpc-modal-popup h3 span {
  display: inline;
  float: left;
  height: 25px;
  width: 25px;
  margin-right: 0.8rem;
}
.dcpc-modal-popup #modalContent p {
  text-align:center;
}
.dcpc-modal-popup #modalContent p:last-child {
  margin-bottom:0 !important;
}
.dcpc-modal-popup #modalContent a {
  color:white;
  text-decoration:underline;
}
.dcpc-modal-popup #modalContent .button {
  font-size:1.2rem;
  color:black !important;
  text-decoration:none !important;
  margin-top: 1rem;
  margin-bottom: 0;
}
@media all and (max-width:1023px) {
  .dcpc-modal-popup {
    width: 90%;
    top: 5%;
    bottom: 5%;
  }
}
@media all and (max-width:580px) {
  .dcpc-modal-popup {
    padding: 1.5rem;
  }
}
.info-modal-popup h3 {
  margin-top:1rem;
  line-height: 1.2;
}
.info-modal-popup p {
  text-align:left !important;
}

/* Tooltips */
[data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s ease;
  padding: 10px;
  color: #FFFFFF;
  border-radius: 10px;   
  line-height:1;
  left: -20px;
  top: -50px;   
  width:auto;
  white-space: nowrap;
  background: #15135f;
}
[data-tooltip]:hover:before {
  opacity: 1;
  
}
[data-tooltip]:after {
  content: '';
  position: absolute;
  transition: opacity 0.2s ease;
  left: 0;
  top: -13px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #15135f;
  opacity: 0;
  clear: both;
}
[data-tooltip]:hover:after {
  opacity: 1;
  
}
[data-tooltip]:not([data-tooltip-persistent]):before {
  pointer-events: none;
}

/* FAQS */
.dcpc_faqs .et_pb_row {
  padding-top:20px;
}
.dcpc_faqs .et_pb_toggle_close,
.dcpc_faqs .et_pb_toggle {
  background-color:#ffffff;
}
.dcpc_faqs .et_pb_toggle {
  border:2px solid #EFAC2B;
  padding:0 !important;
}
.dcpc_faqs .et_pb_toggle .et_pb_toggle_title {
  color:#15135f;
  font-size:1.2rem;
  padding:20px 4rem 20px 20px !important;
  line-height: 1.2;
}
.dcpc_faqs .et_pb_toggle .et_pb_toggle_content {
  padding:20px;
}
.dcpc_faqs .et_pb_toggle .et_pb_toggle_title:after {
  font-family: 'ETModules';
  font-size: 18px;
  position: absolute;
  right: 1.45rem;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  color: #15135f;
}
.dcpc_faqs .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:after {
  content: '\e050';
}
.dcpc_faqs .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:after {
  content: '\e04f';
}
.dcpc_faqs.dcpc_faqs_footer h3,
.dcpc_faqs.dcpc_faqs_footer .button {
  text-transform:uppercase;
}
.dcpc_faqs.dcpc_faqs_footer h3 {
  margin-bottom:30px;
  font-size: 2rem;
  font-weight: 100;
  text-align: center;
}
.dcpc_faqs.dcpc_faqs_footer .button.more-faqs {
  background-color: #15135f;
  color: white !important;
  margin-top: 20px;
  padding: 0.8rem 1.25rem;
  font-size: 18px;
  display: block;
  text-align: center;
}
.dcpc_faqs.dcpc_faqs_footer .et_pb_toggle {
  margin-bottom:20px;
}
.dcpc_faqs.dcpc_faqs_footer .et_pb_accordion_item:not(.et_pb_accordion_item_1) {
  display:none;
}
#rtitb__footer_mailing_list {
  width:900px;
}
@media all and (max-width:1600px) {
  #rtitb__footer_mailing_list {
    width:650px;
    max-width:650px;
  }
}
@media all and (max-width:1280px) {
  #rtitb__footer_mailing_list {
    width:100%;
    max-width:100%;
    padding: 2rem 48px 4rem;
  }
  .dcpc_faqs.dcpc_faqs_footer .et_pb_accordion_item:not(.et_pb_accordion_item_1) {
    display:block;
  }
  .page-template-page-faqs .dcpc_faqs.dcpc_faqs_footer {
    display:none;
  }
}

/* Footer */
#menu-footer-menu .menu-item a,
#menu-pcv-footer-menu .menu-item a {
  text-transform:uppercase;
  font-size: 18px !important;
  padding:8px 0 !important;
}

/* Scrollbar */
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}
.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scrollbar-external_wrapper {
  height: 900px !important;
  position: relative;
  width: auto !important;
}
.scrollbar-external {
  height: 900px;
  overflow: auto;
  width:100%;
}

/******************* EXTERNAL SCROLLBAR *******************/

.external-scroll_x,
.external-scroll_y {
  border: 0;
  cursor: pointer;
  display: none;
  position: absolute;
}

.external-scroll_x.scroll-scrollx_visible {
  display: block;
  height: 10px;
  left: 0;
  top: 410px;
  width: 200px;
}

.external-scroll_y.scroll-scrolly_visible {
  display: block;
  height: 100%;
  right: -1.5rem;
  top: 0;
  width: 10px;
}

.external-scroll_x div,
.external-scroll_y div
{
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}

.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
  background: #ebebeb;
  border-radius:5px;
  z-index: 12;
}

.external-scroll_x .scroll-bar {
  width: 100px;
}
.external-scroll_y .scroll-bar {
  height: 100px;
}

/*embedded content*/

.iframe #top-header,
.iframe #main-header,
.iframe #main-footer,
.iframe .et_post_meta_wrapper,
.iframe .main_title {
  display: none;
}

.iframe #page-container {
  padding-top: 0px !important;
}

.iframe #main-content article .entry-content {
  padding: 0px;
}

@media (min-width: 981px) {
  .iframe #left-area {   
    padding-top: 0px !important;
  }
}

.asq-theme.asq-theme-buzzfeed .quiz-question-status.quiz-question-correct .quiz-question-result {
  color: #EDAA3C !important;
}

body .asq-theme.asq-theme-buzzfeed .quiz-question-answer-correct {
  background-color: #EDAA3C !important;
}


.asq-theme.asq-theme-buzzfeed .quiz-question-status.quiz-question-wrong .quiz-question-result {
  color: #15135F !important;
}

body .asq-theme.asq-theme-buzzfeed .quiz-question-answer-wrong {
  background-color: #15135F !important;
}


.asq-theme.asq-theme-buzzfeed .quiz-question-status.quiz-question-wrong .quiz-question-explanation {
  border-left-color: #15135F !important;
}

.asq-theme.asq-theme-buzzfeed .quiz-question-status.quiz-question-correct .quiz-question-explanation {
  border-left-color: #EDAA3C !important;
}

.asq-theme.asq-theme-buzzfeed .button.button-green {
  background: #15135F !important;
}

.post-361 .main_title {
  display:none;
}

.asq-theme.asq-theme-buzzfeed, .asq-theme.asq-theme-buzzfeed * {
  font-family: 'PT Sans',Helvetica,Arial,Lucida,sans-serif !important;
}
  .asq-theme.asq-theme-buzzfeed .quiz-title {
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #15135F !important;
  }

  .asq-theme.asq-theme-buzzfeed .quiz-question-title {
    font-size: 16px !important;
    font-weight: 400 !important;
    
  }

  .asq-theme.asq-theme-buzzfeed .quiz-question {
    /*margin-top: 0px !important;*/
  }

  .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper .quiz-score {
    font-weight: 400 !important;
    margin-bottom: 0px !important;
  }


  /* Toastr */
  #toast-container .toast.toast-error {
    background-color:#15135f;
    border-radius:0;
    background-size:20px;
  }
  #toast-container .toast-close-button {
    position: absolute;
    right: 0.4rem;
    top: 0;
    filter: none !important;
    font-size: 2.5rem;
    font-weight: 100;
  }
  #toast-container .toast-close-button:hover {
    color:white;
  }