/* MBA 2022 Bootstrap compatible Styles
   v2.2
*/

html, body{ scroll-behavior: smooth}
body {font-family:'Arboria-Book',arial,sans-serif;}

/* For Fuel. Hides the <p></p> that result from ebedding blocks inside body text fields */
p:empty {display: none;}

/* Square objects
   NB:cards are normally rounded. The MBA template expects squarded cards. Use the "square-card" class to achieve this.
*/
.square-card, .pagination .page-link,
   .form-control, .form-control-sm, .form-control-lg
   .form-select, .form-select-sm, .form-select-lg {border-radius:0 !important;}
.square-card .card-footer:last-child {border-radius:0 !important;}

.main-navbar {--bs-bg-opacity:1; background-color:#b9dcd2 !important; font-size:15px !important;}

.navbar-brand {padding:0;}
.brand-img {height:110px; background-color:#fff; padding:5px 20px;}
.main-navbar {padding-top:0; padding-bottom:0; border-bottom:1px solid #ededed; border-top:0;}
.main-navbar > .container-fluid {padding-left:0;}

.main-navbar .nav-link {color:#222222 !important;}
.main-navbar .nav-link:hover {color:#63b7aa !important;}
.dropdown-menu {background-color:#f0f0f0; font-size:14px !important; border:0; border-right:1px solid #f0f0f0; padding:0; border-radius:0;}
.dropdown-item {padding:8px 20px 8px 20px;}
.dropdown-item:hover {background-color:#fff;}

.dropdown-menu > li:hover {background-color:#f1f1f1;}

.dropdown-item.dropdown-toggle::after {position:absolute; right:10px; top:50%; margin-top:-3px;}

.bg-dark {--bs-bg-opacity:1; background-color:rgba(8,31,44,var(--bs-bg-opacity)) !important;}
.bg-card {--bs-bg-opacity:1; background-color:#6bbbae !important;}
.bg-card-dark {--bs-bg-opacity:1; background-color:#081f2c !important; color:#ffffff !important;}
.bg-card .card-header {font-family:'Aleo Regular'}
.bg-card .card-body, .bg-card form, .bg-card table {background-color:#ffff;}
.bg-card .card-footer {background-color:#ffff;}
.card form, .card table {margin:0;}

.fa-dark {color:#081f2c;}

.btn-group-lg > .btn, .btn, .btn-lg, .btn-md, .btn-sm {border-radius:0;}

a.btn {text-decoration:none !important;}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {color:#6bbbae; background-color:#006F62; border-color:#006F62;}
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow:0 0 0 .25rem rgba(185,220,210,0.5);}

.btn-primary {color:#006F62; background-color:#6bbbae; border-color:#6bbbae; border-radius:0;}
.btn-primary:hover, .btn-primary:focus {color:#6bbbae; background-color:#006F62; border-color:#006F62; text-decoration:none; box-shadow:none;}
primary:active, .show > .btn-primary.dropdown-toggle {color:#6bbbae; background-color:#006F62; border-color:#006F62;}

.btn-success {color:#ffffff; background-color:#081f2c; border-color:#081f2c;}
.btn-success:hover, .btn-success:focus {color:#ffffff; background-color:#575760; border-color:#575760; text-decoration:none; box-shadow:none;}
primary:active, .show > .btn-success.dropdown-toggle {color:#ffffff; background-color:#081f2c; border-color:#081f2c;}

.breadcrumbs {position:fixed; top:110px; right:0; left:0; background-color:#6bbbae; font-size:0.8em; z-index:1029;}
.breadcrumbs a, .breadcrumbs a:active {color:#006F62; text-decoration:none;}
.breadcrumbs a:hover {color:#081f2c; text-decoration:none;}
.breadcrumbs .navbar-brand {margin-left:20px; margin-right:0; font-size:0.8em;}
.breadcrumb {margin-bottom:3px;}
.arrow {display:none;} /*fuel element not needed for bootstrap*/

main {margin-bottom:80px; background-image:url('../images/static/wallpaper.png'); background-position:right top; background-repeat:no-repeat;}

main a, main a:active {color:#006F62; text-decoration:none;}
main a:hover {color:#081f2c; text-decoration:underline;}

hr {border:1px solid #86c8bc; opacity:1;}

.green-background {background-color:#b9dcd2;}
.green-background-1 {background-color:#6bbbae; color:#fff;}
.green-background-2 {background-color:#a1d6ca;}
details {margin-left:40px;}

.dt-toolbar {padding:5px 5px 0 5px;}
.dt-footer {padding:0 5px 5px 5px; text-align:center !important;}

footer {background-image:url('../images/static/footer.jpg'); min-height:400px; background-repeat:repeat-x; background-size:1280px;}
footer a, footer a:active {color:#B9DCD2; text-decoration:none;}
footer a:hover {color:#fff; text-decoration:underline;}
.inside-footer {padding-top:180px;}
.footer-content {padding:40px 50px 0 50px; background-color:#081f2c; color:#B9DCD2;}
.footer-logo {border-right:1px solid #fff;}
.footer-text {padding-bottom:40px;}
.footer-wave {display:flex; flex-wrap:wrap;}
.footer-wave svg {fill:#081f2c; height:135px; width:calc(100% + 1.3px); position:relative; left:50%; transform:translateX(-50%); min-width:100%;}
.footer-text .btn-primary {color:#222222; background-color:#6bbbae; border-color:#6bbbae; border-radius:0;}
.footer-text .btn-primary:hover, .footer-text .btn-primary:focus {color:#575760; background-color:#ffffff; border-color:#ffffff; text-decoration:none; box-shadow:none;}
.footer-text primary:active, .show > .btn-primary.dropdown-toggle {color:#6bbbae; background-color:#006F62; border-color:#006F62;}
.socials a, footer a:active {color:#ffffff; text-decoration:none;}
.socials a:hover {color:#fff;}

.header {font-family:'Aleo Regular'}
h1,h2,h3,h4,h5,h6  {font-family:'Aleo Regular'}
h1 {font-size:66px;}
h2 {font-size:46px;}

.text-info {color:#6bbbae !important;}

/*Cards*/
.mba-card, .mba-card > .card-img-top {border:0; border-radius:0;}
.mba-card > .card-body {background-color:#081f2c; color:#ffffff; padding:30px 30px 60px;}

/*Blog cards*/
.mba-card-outer {padding-right:10%;}
.mba-card-label {min-height:200px; margin-top:-75px; margin-left:30px; background-color:#081f2c; color:#ffffff; position:relative; z-index:2; padding:30px 30px 60px;}
.mba-card-headline {display:flex; align-items:center; justify-content:center; text-align:center; margin-top:-30px; margin-bottom:12px;}
.mba-centre-smear {line-height:0; color:#86c8bc;}
.mba-centre-smear svg {width:37px; height:37px; fill:currentColor;}
.mba-card-h3{position:absolute; top:35%;}


/* dataTables CSS modification & positioning Defaults */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {right:0 !important; content:"" !important;}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {right:0 !important; content:"" !important;}

/* datatables customisations */
table.dataTable thead th {position:relative; background-image:none !important;}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {position:absolute !important; right:8px !important; display:inline-block !important;}
table.dataTable thead th.sorting:after {content:"\f0dc" !important; font-family:'Font Awesome 6 Pro' !important; padding-top:0.12em !important;}
table.dataTable thead th.sorting_asc:after {content:"\f0de" !important; color:#006F62 !important; opacity:1 !important; font-family:'Font Awesome 6 Pro' !important;}
table.dataTable thead th.sorting_desc:after {content:"\f0dd" !important; color:#006F62 !important; opacity:1 !important; font-family:'Font Awesome 6 Pro' !important;}

/*Sections*/
.mba-section-one-top {
   min-height:600px;
   background-repeat:no-repeat;
   background-position:center center;
   background-size:cover;
   position:relative;
   overflo:hidden;
   display:flex;
   flex-direction:row;
   align-items:center;
}
.mba-section-one-top::after {content:""; background-image:linear-gradient(90deg,rgba(8,30,43,.68) 0%,rgba(8,30,43,.15) 100%); z-index:0; position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none;}
.mba-section-one-top-inside {padding:100px 20px 200px; max-width:1300px; margin-left:auto; margin-right:auto; width:100%; z-index:1; position:relative;}
.mba-section-one-top-inside h1 {font-size:66px; color:#fff; text-transform:initial;}

.mba-section-one-bottom {
   color:#fff;
   min-height:400px;
   margin-top:-226px;
   background-image:url(../images/static/mba-wave-element.png);
   background-repeat:repeat-x;
   background-position:center 50px;
   background-size:1480px;
   position:relative;
   z-index:1;
}
.mba-section-one-bottom-panel {background-color:#081f2c; width:70%; margin-bottom:100px;} /*padding-bottom:50px*/
.mba-section-one-bottom-inside {
   padding-top:50px;
   padding-right:100px;
   padding-left:100px;
   max-width:900px;
   margin-left:auto;
   margin-right:auto;
   border-left:1px solid #5cb3a7;
}
.mba-section-one-bottom-inside h2 {text-transform:initial; font-size:35px; margin-bottom:20px; line-height:1.2em; font-weight:400;}

.mba-section-left, .mba-section-right {position:relative; padding:100px 120px 25px;}
.mba-section-left .col-6:first-child, .mba-section-right .col-6:first-child {padding-right:50px;}
.mba-section-left .col-6:last-child, .mba-section-right .col-6:last-child {padding-left:50px;}
.mba-section-right {background-color:#b9dcd2; color:#222222;}

.square-blocks .row {height:100%;}
a.square-block:hover {text-decoration:none;}
.square-block {align-self:stretch; height:33.33333333%; min-height:337px; padding:0;}
.square-block-text {padding:40px; width:100%; text-transform:initial;}
.square-block-text:hover {text-decoration:none; color:#fff;}
.square-blocks-plain {background-color:#86C8BC;}
.square-blocks-plain:hover {background-color:#5CB3A7;}
/* .square-blocks-plain .square-block-text {font-family:'Aleo Regular'; font-size:35px; line-height:1.2em; font-weight:400; color:#fff;} */
.square-blocks-plain .square-block-text {font-family:"Arboria-Book"; text-align:right; font-size:29px; line-height:1.2em; font-weight:400; color:#fff;}

.square-blocks-img {background-color:#081F2C; justify-content:center; display:flex; height:100%; min-height:337px; overflow:hidden; position:relative;}
.square-blocks-img:before {content:''; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:0; position:absolute; top:0; right:0; bottom:0; left:0; transition:inherit; pointer-events:none; opacity:.5; transition:all 0.5s ease;}
.square-blocks-img .square-block-text {z-index:1; font-family:"Arboria-Book"; text-align:right; font-size:29px; line-height:1.2em; font-weight:400; color:#fff;}
.square-blocks-img:hover::before{transform:scale(1.1) perspective(1000px); opacity:0.3;}

.square-blocks-filler {justify-content:center; display:flex; height:100%; min-height:300px; overflow:hidden; position:relative;}
.square-blocks-filler:before {content:''; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:0; position:absolute; top:0; right:0; bottom:0; left:0; transition:inherit; pointer-events:none; opacity:.5; transition:all 0.5s ease;}

/*Carousel*/
.carousel-control-next, .carousel-control-prev {width:7%;}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 4rem;
  height: 4rem;
  color:#729b9d;
}

/* MEDIA */
/* ============ menu desktop view ============ */
@media all and (min-width:992px) {

}
/* ============ menu desktop view .end// ============ */

/* ============ menu small devices ============ */
@media (max-width:991px) {
   .breadcrumbs {display:none;}
   .brand-img {height:60px;}
   .navbar-toggler {padding-right:10px !important;}
   #collapsibleMainNavbar {padding:3px;}

   .mba-section-one-top {align-items:normal; padding-top:60px; min-height:500px;}
   .mba-section-one-top-inside {padding:20px;}
   .mba-section-one-bottom-panel {width:100%;}
   .mba-section-one-bottom-inside {padding:20px; max-width:100%;}
   .mba-section-right, .mba-section-left, .mba-section-cols {padding:20px;}

/* Custom, iPhone Retina */
@media only screen and (max-width :320px) {

}
