/* Shared general styles */
.fixed-actions{position:fixed;right:.4rem;bottom:45%;display:flex;gap:.6rem;flex-direction:column;z-index:1001}
.fixed-actions .btnx {
   background-color: #f2f2f2 !important;
}
.btnx{border-radius:8px !important;padding:.4rem .75rem !important}
.features-grid{justify-content:center}
.features-grid .grid-column{flex:0 1 280px;max-width:320px}
@media screen and (max-width:40em){.features-grid .grid-column{flex:1 1 100%;max-width:100%}}
.btn .iconify,.btn iconify-icon{vertical-align:sub;margin-right:5px}
.font-title{font-size:1.4rem}
html{font-size:0.875rem}
@media screen and (min-width:40em){html{font-size:1rem}}
@media screen and (max-width:50em){input,select,textarea{font-size:1rem}}
p{font-size:1.3rem}
h1{font-size:2.4rem}
h2{font-size:2.1rem}
h3{font-size:1.6rem}
h4{font-size:1.3rem}
h5{font-size:.918rem}
h6{font-size:.918rem}
@media screen and (min-width:40em){h1{font-size:4.536rem}h2{font-size:2.918rem}h3{font-size:1.918rem}h4{font-size:1.3rem}h5{font-size:.918rem}h6{font-size:.918rem}}
.default-links a,.default-links a:link,.default-links a:visited,.link,.link:link,.link:visited{color:#343848 !important}
/* courses */
.course-card{border:1px solid #abb2c9;border-radius:7px;padding:1rem;height:100%}
.course-title{font-size:1.6rem;margin-bottom:.4rem}
.course-meta{color:#7380a4;margin-bottom:.4rem}
.course-actions{margin-top:.8rem}
.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1000}
.modal-box{background:#fff;border-radius:7px;max-width:700px;width:90%;padding:1.2rem}
.modal-close{float:right}
.features-grid .grid-column{flex:0 0 50%;max-width:50%}
@media screen and (max-width:40em){.features-grid .grid-column{flex:1 1 100%;max-width:100%}}
/* test */
.filters-grid{justify-content:center}
.filters-grid .grid-column{flex:0 0 33.3333%;max-width:33.3333%}
@media screen and (max-width:60em){.filters-grid .grid-column{flex:0 0 50%;max-width:50%}}
@media screen and (max-width:40em){.filters-grid .grid-column{flex:1 1 100%;max-width:100%}}
.masonry{column-count:3;column-gap:1rem}
@media screen and (max-width:60em){.masonry{column-count:2}}
@media screen and (max-width:40em){.masonry{column-count:1}}
.masonry-item{break-inside:avoid;margin-bottom:1rem}
.btnxx{border-radius:8px !important;padding:0 .25rem !important}
/* enroll */
.form-wrap{max-width:700px;margin:0 auto}
.form-control{border:1px solid #6c6c6c !important}
.masonry-item h3 a {
   font-size: 1.6rem !important;
}
.masonry-item .border--full {
   box-shadow: .05rem .05rem .05rem .05rem#8d8d8d;
}