/*
Theme Name: Quizmaker Bootstrap
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: qmbootstrap

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import "assets/css/qmbootstrap.css";


#primary .ays-quiz-wrap .ays-quiz-container {
    width: 50% !important;
}
.quiz-userinfo {
    margin-left: auto;
    margin-right: auto;
  }
.home .center-content .left {
    flex: 0 0 100%;
    max-width: 100%;
}
/* [id^="ays_finish_quiz_"] div.step {
    width: 90%;  
} */

div.step div.ays-abs-fs,  div.step  {
    width: 100%!important;
}
.step.active-step .ays-abs-fs {
    max-width: 70%;
}
.ays_score_message {
    box-shadow: none!important;
    background: transparent!important;
}
ays_score_message{
	padding:0 !important;
}
.ays_score_message p {
    text-align: center;
    background: #fff;
    font-size: 20px;
    width: auto;
    max-width: fit-content;
    margin: 0 auto;
    padding: 5px 15px;
    font-weight: bold;
    border-radius: 3px;
    font-weight: bold;
}

.ays-progress-bar {
    background-color: #f99821;
}
.ays-progress.first {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    padding: 0px;
    background-color:transparent ;
    border: none;
}
.ays-progress.first {
   margin-bottom: 0px; 
	margin-top: 20px;
}
.ays_thank_you_fs p span {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    min-width: 110px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: aliceblue;
    border-radius: 5px;
    box-shadow: 0 5px 10px #00000026;
    margin-top: 10px;
    padding: 10px;
}
.ays_thank_you_fs p {
    text-align: center;
    justify-content: center;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
.step.ays_thank_you_fs.active-step {
    background: #f99821;
}
.step.ays_thank_you_fs.active-step p.animated {
    color: #fff!important;
    font-size: 18px;
}
.ays_score_message h4 {
    color: #fff!important;
    text-shadow: 0 2px 1px #00000070;
	margin: 0 !important;
}
.ays_score_message {
    padding: 0!important;
}
.ays_score_message h4 ~ p br {
    display: none;
}
.ays-progress-value {
    color: #fff!important;
    display: block;
    font-size: 18px;
}
.ays-progress-bg.first, .ays-progress-bar.first{
	height:20px;
}
.ays-progress-value.first {
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}
.step.ays_thank_you_fs.active-step {
    padding-bottom: 0!important;
}
div.step div.ays-abs-fs {
    min-height: 350px;
	padding: 30px 0;
}
.hide {
    display: none;
}