/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/* See Appearance -> Theme Editor : css folder for more styles */

body, a, b, h1, h2, h3, h4, h5, h5 {  font-family: "Fakt-Blond"; letter-spacing: 0.025em; }

strong { font-family: "Fakt-Blond"; font-weight:normal; }

.navbar-nav > li > a {   font-family: "Fakt-Blond"; font-size: 15px; }

.lg-text-shadow { text-shadow: 0px 4px 13px rgba(0,0,0,0.5); }
.lg-text-shadow p { margin:0px; }
.text-shadow { text-shadow: 0px 2px 4px #000, 0px 1px 2px #000; }

.breadcrumbs-container { border:none; }

.btn-primary { background-color:#546268 !important; color:#fff !important; border:none !important; font-size:13px; text-transform:uppercase; padding:0px 10px !important; }


/* nav search */
#ajax_searchform input { color: #666; }
.kleo_ajax_results .ajax_search_content { font-size: 15px; }
.kleo_ajax_results .search_excerpt { font-size:14px; }

/* main search */
div.asl_r .results .item .asl_content .asl_desc { font-size:14px; letter-spacing: 0.025em; }
div.asl_m .probox { padding: 10px !important; }
div.asl_w .probox .proinput input { font-size: 20px !important; }
#ajaxsearchliteres1 { box-shadow: 0px 5px 15px rgba(0,0,0,.4); }	/* shadow around results */

/* outline sidebar */
.outline h3 { text-transform:uppercase; font-size:20px; margin:0; padding:10px 0px; }
.outline h4 { text-transform:uppercase; margin:0 0 0 12px; padding:0 0 10px 0; font-size:15px; }
.outline .item { margin:0 0 0 25px; padding:10px 0 10px 10px; border-bottom:1px solid #eee; position:relative; }
.outline .item:first-child { border-top:1px solid #eee; }
.outline .item:last-child { margin-bottom:20px; }
.outline .item a { color:#7486bd; }
.outline .item a:hover { color:#54669d; text-decoration:underline; }

/** HIGHLIGHT ENLISH PAGES IN SIDENAV **/

/* toc - our story */
.page-id-644 .item.page-id-644 a, .page-id-643 .item.page-id-643 a,
/* toc - science of olaplex */
.page-id-565 .item.page-id-565 a, .page-id-567 .item.page-id-567 a, .page-id-570 .item.page-id-570 a, .page-id-572 .item.page-id-572 a, .page-id-313 .item.page-id-313 a,
/* toc - professional salon treatment */
.page-id-299 .item.page-id-299 a, .page-id-294 .item.page-id-294 a, .page-id-312 .item.page-id-312 a,
/* toc - lightening/bleach services */
.page-id-577 .item.page-id-577 a, .page-id-307 .item.page-id-307 a, .page-id-308 .item.page-id-308 a, .page-id-309 .item.page-id-309 a,
/* toc - color services */
.page-id-326 .item.page-id-326 a, .page-id-319 .item.page-id-319 a,
/* toc - texture/smoothing services */
.page-id-304 .item.page-id-304 a, .page-id-302 .item.page-id-302 a, .page-id-303 .item.page-id-303 a, .page-id-306 .item.page-id-306 a,
/* toc - pro products */
.page-id-653 .item.page-id-653 a, .page-id-656 .item.page-id-656 a, .page-id-659 .item.page-id-659 a,
/* toc - home products */
.page-id-580 .item.page-id-580 a, .page-id-582 .item.page-id-582 a, .page-id-583 .item.page-id-583 a, .page-id-585 .item.page-id-585 a, .page-id-651 .item.page-id-651 a
{ color:#555; }

/* toc - our story */
.page-id-644 .item.page-id-644::before, .page-id-643 .item.page-id-643::before,
/* toc - science of olaplex */
.page-id-565 .item.page-id-565::before, .page-id-567 .item.page-id-567::before, .page-id-570 .item.page-id-570::before, .page-id-572 .item.page-id-572::before, .page-id-313 .item.page-id-313::before,
/* toc - professional salon treatment */
.page-id-299 .item.page-id-299::before, .page-id-294 .item.page-id-294::before, .page-id-312 .item.page-id-312::before,
/* toc - lightening/bleach services */
.page-id-577 .item.page-id-577::before, .page-id-307 .item.page-id-307::before, .page-id-308 .item.page-id-308::before, .page-id-309 .item.page-id-309::before,
/* toc - color services */
.page-id-326 .item.page-id-326::before, .page-id-319 .item.page-id-319::before,
/* toc - texture/smoothing services */
.page-id-304 .item.page-id-304::before, .page-id-302 .item.page-id-302::before, .page-id-303 .item.page-id-303::before, .page-id-306 .item.page-id-306::before,
/* toc - pro products */
.page-id-653 .item.page-id-653::before, .page-id-656 .item.page-id-656::before, .page-id-659 .item.page-id-659::before,
/* toc - home products */
.page-id-580 .item.page-id-580::before, .page-id-582 .item.page-id-582::before, .page-id-583 .item.page-id-583::before, .page-id-585 .item.page-id-585::before, .page-id-651 .item.page-id-651::before
{
	content:''; display:inline-block; border-style:solid; border-width:0.15em 0.15em 0 0;
	position:absolute; left:-1em; top:1em; height:0.75em; transform:rotate(45deg); vertical-align:top; width:0.75em;
}

/** HIGHLIGHT SPANISH PAGES IN SIDENAV **/

/* toc - our story */
.page-id-15113 .item.page-id-15113 a, .page-id-15121 .item.page-id-15121 a,
/* toc - science of olaplex */
.page-id-15127 .item.page-id-15127 a, .page-id-15138 .item.page-id-15138 a, .page-id-15141 .item.page-id-15141 a, .page-id-15146 .item.page-id-15146 a,
/* toc - professional salon treatment */
.page-id-15148 .item.page-id-15148 a, .page-id-16202 .item.page-id-16202 a, .page-id-18990 .item.page-id-18990 a,
/* toc - lightening/bleach services */
.page-id-16141 .item.page-id-16141 a, .page-id-16144 .item.page-id-16144 a, .page-id-16156 .item.page-id-16156 a, .page-id-16162 .item.page-id-16162 a,
/* toc - color services */
.page-id-16165 .item.page-id-16165 a, .page-id-16167 .item.page-id-16167 a,
/* toc - texture/smoothing services */
.page-id-16170 .item.page-id-16170 a, .page-id-16196 .item.page-id-16196 a, .page-id-16331 .item.page-id-16331 a, .page-id-16198 .item.page-id-16198 a,
/* toc - pro products */
.page-id-16334 .item.page-id-16334 a, .page-id-16336 .item.page-id-16336 a, .page-id-16338 .item.page-id-16338 a,
/* toc - home products */
.page-id-16204 .item.page-id-16204 a, .page-id-16322 .item.page-id-16322 a, .page-id-16324 .item.page-id-16324 a, .page-id-16326 .item.page-id-16326 a, .page-id-16479 .item.page-id-16479 a
{ color:#555; }

/* toc - our story */
.page-id-15113 .item.page-id-15113::before, .page-id-15121 .item.page-id-15121::before,
/* toc - science of olaplex */
.page-id-15127 .item.page-id-15127::before, .page-id-15138 .item.page-id-15138::before, .page-id-15141 .item.page-id-15141::before, .page-id-15146 .item.page-id-15146::before,
/* toc - professional salon treatment */
.page-id-15148 .item.page-id-15148::before, .page-id-16202 .item.page-id-16202::before, .page-id-18990 .item.page-id-18990::before,
/* toc - lightening/bleach services */
.page-id-16141 .item.page-id-16141::before, .page-id-16144 .item.page-id-16144::before, .page-id-16156 .item.page-id-16156::before, .page-id-16162 .item.page-id-16162::before,
/* toc - color services */
.page-id-16165 .item.page-id-16165::before, .page-id-16167 .item.page-id-16167::before,
/* toc - texture/smoothing services */
.page-id-16170 .item.page-id-16170::before, .page-id-16196 .item.page-id-16196::before, .page-id-16331 .item.page-id-16331::before, .page-id-16198 .item.page-id-16198::before,
/* toc - pro products */
.page-id-16334 .item.page-id-16334::before, .page-id-16336 .item.page-id-16336::before, .page-id-16338 .item.page-id-16338::before,
/* toc - home products */
.page-id-16204 .item.page-id-16204::before, .page-id-16322 .item.page-id-16322::before, .page-id-16324 .item.page-id-16324::before, .page-id-16326 .item.page-id-16326::before, .page-id-16479 .item.page-id-16479::before
{
	content:''; display:inline-block; border-style:solid; border-width:0.15em 0.15em 0 0;
	position:absolute; left:-1em; top:1em; height:0.75em; transform:rotate(45deg); vertical-align:top; width:0.75em;
}


/* post page changes */
#comments .comment-respond { margin-left:0px !important; }

/* footer */
#footer-sidebar-4 {display: none !important;}
#footer .col-sm-3 {width: 33% !important; font-size:13px; color:#999; }
@media (min-width: 320px) and (max-width: 767px) {#footer .col-sm-3 {width: 100% !important;}}
#footer .year { color:#666; }
#footer .made { text-transform:uppercase; }
#footer .policy a { padding:0px 10px; color:#999; }
#footer .template-page { padding:30px 0px 0px 0px; }

.no-margin * { margin:0px; }
.col-shadow > .vc_column-inner { box-shadow: 0 15px 20px rgba(0,0,0,0.08); padding-left:0px; padding-right:0px; margin-left:15px; margin-right:15px; }
.pad-x-20 { padding-left:20px; padding-right:20px; }

.template-page a { text-decoration:underline;}

ol li { margin-top:7px; margin-bottom:7px; }

/* secondary menu */
.secondary-menu-wrap {
  background-color: #3c464a;
}

.secondary-menu-wrap .container {
  display: flex;
  justify-content: flex-end;
}

.secondary-menu-wrap .navbar-nav>li>a {
  float: right;
  color: #fff;
  line-height: 35px;
}

/* adds "play" icon to video thumbnails */
.post-item.category-videos .row .post-image a::after {
	content: url("/wp-content/themes/kleo-child/assets/play.png");
	position:absolute;
	left:50%; top:50%;
	transform: translate(-50%, -50%);
	opacity: 0.75;
}

/* article page */
.page-template-article .main-title { box-shadow: 0px 5px 5px rgba(0,0,0,0.25) inset; padding-top:300px; position:relative; }
.page-template-article .main-title .container { position:relative; z-index:1; }	/* pull title above inject background color stripe */
.page-template-article .main-title::before { background-color: rgba(0,0,0,0.25); content:" "; position:absolute; left:0px; bottom:0px; width:100%; height:80px; } /* inject background color stripe */
.page-template-article h1.page-title { text-shadow: 0px 2px 4px #000, 0px 1px 2px #000; color:#fff; font-size:30px; line-height:40px; }
.page-template-article .alternate-color .breadcrumb { font-size:14px; font-weight:bold; text-shadow: 0px 1px 2px #000, 0px 1px 2px #000; }
.page-template-article .alternate-color .breadcrumb a { color:#fff; }
.page-template-article .alternate-color .breadcrumb .active { color:#e5e5e5; }

/* hide "upgrade account" on user's profile page */
span.label.radius.pmpro_label { display:none; }


/**
 * Sensei changes
 */
.single-course header h2 { font-family:"Futura"; }
.single-course .course-lessons .lesson-meta { margin-bottom:0px; }
.single-course .course-lessons .entry {  }
.single-course .course-lessons .entry p { margin:0px; }
.single-course .course-lessons article { border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom:15px; }

.single-quiz .question .grade { display:none; }	/* hide the question's point value */

/* sensei question feedback */
.single-quiz .quiz-questions .alert { font-size:14px; padding:7px 14px; line-height:20px; }
.single-quiz .quiz-questions .alert .attention { font-family:"Futura"; }
.single-quiz .quiz-questions .alert-success .incorrect { display:none; }
.single-quiz .quiz-questions .alert-warning .correct { display:none; }

/* sensei progress sidebar */
.widget_sensei_course_progress { background-color:inherit; }
.widget_sensei_course_progress header { padding:0; }
.widget_sensei_course_progress header h2 { margin-bottom:0px; }
.widget_sensei_course_progress header h2 a { font-size:18px; font-family:"Futura"; font-weight:normal; color:#444444; }
.widget_sensei_course_progress .course-progress-navigation { display:none; }
.widget_sensei_course_progress ul.course-progress-lessons::before { content:"Progress:"; font-size:15px; font-family:"Futura"; display:block; margin-bottom:5px; }
.widget_sensei_course_progress ul.course-progress-lessons li.course-progress-lesson span, .widget_sensei_course_progress ul.course-progress-lessons li.course-progress-lesson a
	{ padding:8px 0 8px 2em; color:#3f83bf; font-weight:normal; }
.widget_sensei_course_progress ul.course-progress-lessons li.course-progress-lesson span::before, .widget_sensei_course_progress ul.course-progress-lessons li.course-progress-lesson a::before
	{ left:0px; top:8px; }	/* move progress icon left */

/* sensei: hide previous/next buttons when viewing lesson */
nav#post-entries { display:none; }

/* Course review page - view results button */
body.sensei .sensei-results-links a.view-results { margin-left:15px !important; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:700; padding:10px 20px !important; background-color:#e6e6e6; color:#666; }
body.sensei .sensei-results-links a.view-results:hover { background-color:#d6d6d6; color:#666; }

/* Fix "view certificate" button when in sensei alert */
body.sensei a.sensei-certificate-link, .sensei-message a.sensei-certificate-link { text-decoration:none !important; font-size:12px; text-transform:uppercase; font-weight:700; padding:10px 20px !important; color:#fff !important; margin-top:-7px; }

body.sensei input.quiz-submit.complete:hover { background-color:#53994f; }
body.sensei input.quiz-submit.save { display:none; }
body.sensei input.quiz-submit.reset:hover { background-color:#dd5c5c; }

/* Hide log in button on registration page */
body.register .logy-form a.logy-link-button { display:none }

@media (max-width: 991px) {
  .secondary-menu-wrap .nav-collapse {
    max-height: inherit;
    padding: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .secondary-menu-wrap .navbar-collapse.collapse {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hide-on-mobile {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .secondary-menu-wrap .navbar-nav li {
    display: inline-block;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .secondary-menu-wrap .navbar-nav>li>a {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 0;
  }
}