/* 
Theme Name:		 generatepress_child
Description:	 generatepress_child is a child theme of GeneratePress
Author:			 Enventys Partners
Template:		 generatepress
Version:		 1.0.0
Text Domain:	 generatepress-child
*/


.quiz-results {
  font-family:Montserrat;
  font-weight:200;
  -webkit-font-smoothing: antialiased;
  padding:20px;
}

.full-results {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  flex-basis:1;
  justify-content:center;
}

.budget-score, .quiz-score {
  background-color:#f0f0f0;
  flex-basis: 40%;
  flex-grow: 2;
  min-width: 400px;
  margin:10px;
  width:40%;
  text-align:center;
  padding:20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.fail .fscore, .fail .qscore {
	color:red !important;
}
.qscore {
    color: #f68e20;
    font-weight: 900;
    font-size: 60px;
}

.fscore {
    color: #f68e20;
    font-weight: 900;
    font-size: 60px;
}

.small-text {
  font-size:10px;
}


.callout-row {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-content:center;
}

.callout-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 40%;
  flex-grow: 2;
  min-width: 400px;
  justify-content:space-between;
  margin:20px;
  background-color:#f0f0f0;

}

.callout-row .callout-col:nth-child(2n+1):last-child {
 width:100% !important;
}

.callout-header {
  display:block;
  background-color:#274059;
  color:#fff;
  padding:20px;
  text-align:center;
}

.callout-header h3 {
  margin:0px !important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
}

.callout-body {
  background-color:#f0f0f0;
  padding:20px;
}

.callout-cta {
    padding: 20px;
}
.callout-button {
  display:block;
  min-width:250px;
  width:10vw;
  margin:auto;
  padding:10px;
  background-color:#f68e20;
  color:#fff !important;
  font-weight:400;
  text-align:center;
  text-transform:uppercase;
  transition:.2s ease-in;
  border-radius:20px;
  cursor:pointer;
  text-decoration:none !important;
}

.callout-button:hover {
  background-color:#c36528;
  transition:.2s ease-in;
  color:#fff;
}

.callout-col:first-of-type .callout-header:before {
  content:"Step One:";
  color:#f68e20;
  font-weight:700;
}

.callout-col:nth-of-type(2) .callout-header:before {
  content:"Step Two:";
  color:#f68e20;
  font-weight:700;
}

.callout-col:nth-of-type(3) .callout-header:before {
  content:"Step Three:";
  color:#f68e20;
  font-weight:700;
}

.callout-col:nth-of-type(4) .callout-header:before {
  content:"Step Four:";
  color:#f68e20;
  font-weight:700;
}

.callout-col:nth-of-type(5) .callout-header:before {
  content:"Step Five:";
  color:#f68e20;
  font-weight:700;
}