/*titles*/
a{
color: #5654db;
}
.giant-title h1{
font-size: 5.5em !important;
font-weight: 900 !important;
color: #3d3d3d;
line-height: 0.8;
}
@media only screen and (max-width: 767px){
.giant-title h1 {
font-size: 1.8em !important;
color: #3d3d3d !important;
line-height: 1 !important;
margin-top: 30px;
margin-bottom: -30px;
}
}
@media only screen and (max-width: 767px){
h1 {
font-size: 3.5em !important;
color: #3d3d3d !important;
line-height: 1 !important;
}
}
h1{
color: #2d2d2d;
font-size: 2.5em;
font-weight: 900;
line-height: 1;
margin-bottom: 15px;
}
h2{
color: #2d2d2d;
font-weight: 900;
line-height: 1;
margin-bottom: -10px;
}
.giant-title h2{
font-size: 2.5em !important;
line-height: 1;
}
.big-title h2{
font-size: 20pt !important;
}
h3{
margin-top:10px;
color: #3d3d3d;
font-weight:900;
font-size:14pt;
margin-bottom:0px;
}
h4{
font-size: 14pt;
color: #3d3d3d;
}
/*course overview cards*/
.course-level:before{
content: ‘nível’;
font-weight: 400;
text-transform: lowercase;
}
.course-level{
color: #D66B3F !important;
background: #FFD29F;
padding: 20px 30px 20px 30px;
font-weight: 900;
text-transform: uppercase;
border-radius: 12px;
display: inline-block;
margin: 0 5px 5px 0;
line-height: 1;
}
.course-method:before{
content: ‘método’;
font-weight: 400;
text-transform: lowercase;
}
.course-method{
color: #6557BF !important;
background: #DEC8FF;
padding: 20px 30px 20px 30px;
border-radius: 12px;
display: inline-block;
margin: 0 5px 5px 0;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
}
.course-workload:before{
content: ‘horas’;
font-weight: 400;
text-transform: lowercase;
}
.course-workload {
color: #D15050 !important;
background: #FFC8C8;
padding: 20px 30px 20px 30px;
border-radius: 12px;
display: inline-block;
margin: 0 5px 5px 0;
line-height: 1;
font-weight: 900;
text-transform: uppercase;
}
@media only screen and (max-width:650px){
.course-level{
font-size: 2vmax;
padding: 3% 3% 3% 3%;
}
.course-workload{
font-size: 2vmax;
padding: 3% 3% 3% 3%;
}
.course-method{
font-size: 2vmax;
padding: 3% 3% 3% 3%;
}
}
.valor{
color: #000;
font-size: 46px;
line-height: 1;
}
/*functions tokens*/
.vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
}
/* buttons style */
.whats-btn{
color: #fff !important;
background-color: #16b095 !important;
}
.whats-btn:hover {
background-color: #18ccad !important;
}
.light-btn{
color: #5654db !important;
background-color: #fff !important;
border: 2px solid #5654db !important;
}
.light-btn:hover {
color: #5654db !important;
background-color: rgba(255, 255, 255, 0.8) !important;
}
.normal-btn{
color: #fff !important;
background-color: #5654db !important;
}
.normal-btn:hover {
color: #fff !important;
background-color: #8180ff !important;
}
.inative-btn{
display: block !important;
width: 100% !important;
background-color: rgba(101,87,191,0.2) !important;
color: #fff !important;
}
.inative-btn:hover {
background-color: rgba(101,87,191,0.1) !important;
}
.stretch-btn{
display: block !important;
width: 100% !important;
background-color: #5654db !important;
color: #fff !important;
}
.stretch-btn:hover {
background-color: #8180ff !important;
color: #fff !important;
}
/*reverse stacking*/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
.second-on-mobile {
-webkit-order: 2;
order: 2;
margin-bottom: 0px;
}
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}