@charset "utf-8";
/* CSS Document */

/* General style modidiers */

body {
    background-image: none !important;
    background-color: #121212 !important;
}

h2 {
    margin-top: 27px;
}

span .fa {
    visibility: visible !important;
    display: inline-block !important;
}

/* End of General style modifiers */

/* RocketTheme modifiers */
.g-flexslider-slideshow-item-title {
    font-weight: bold !important;
    font-weight: bolder !important;
}

.fp-utility-c .g-animatedblock-desc p {
    font-size: 12px !important;
    line-height: 10px;
}

.fp-utility-c .g-animatedblock-title a {
    color: #e1e1e1 !important;
}


/* End of RocketTheme modifiers */


/* Start Page Styles */
/* Navigation Styles */
/* Slideshow Styles */
/* Header Styles */
.promoContent .g-superpromo {
    font-size: 2.8em !important;
}

/*.promoContent .g-superpromo a{*/
/*    font-size: 1.1em !important;*/
/*    border: 3px red solid;*/
/*}*/
/* Above Styles */
/* Showcase Styles */
/* Utility Styles */
/* Feature Styles */
/* Mainbar Styles */
/* Expanded Styles */
/* Extension Styles */
/* Bottom Styles */
.myPromoImage {
    margin: 0px !important;
}

.myPromoImage img {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
}

.myPromoImage .g-promoimage-image {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
}


.myPromoImage .g-promoimage-effect {
    font-weight: normal;
    background-color: #121212 !important;
    margin: 0px !important;
}

.myPromoImage .g-promoimage-title {
    font-weight: normal;
    font-size: smaller;
    color: #08e02c !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0px !important;
}

.g-promoimage-desc div {
    background-color: #1a1a1a;
    color: #f0f0f0;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    max-width: 800px;
    margin: auto;
}

.g-promoimage-desc h2 {
    color: #08e02c;
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
}

.g-promoimage-desc p {
    font-size: 18px;
    font-weight: 300;
}

/* myGridContent provides styling of the main content ares from start page  */
.myGridContent .g-gridcontent-item-text2 a {
    text-align: center !important;
}

.myGridContent .g-gridcontent-item-desc {
    text-align: justify;
}

.myGridContent .g-gridcontent-item-content {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    margin-bottom: 30px !important;
    text-align: center !important;
}

/* End of Start Page Styles */




/* Joomla article styles */

.styledNumber {
    font-size: 2rem;
    font-weight: bold;
    color: #0da558;
    margin-right: 15px;
    border: 1px #0da558 solid;
    border-radius: 50%;
    padding: 10px;
}

/* I want my g-block be of the same height */
.sameHeightBoxes .platform-content .g-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    /* optional: for consistent spacing */
}

.sameHeightBoxes .platform-content .g-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 33.333%;
    box-sizing: border-box;
    padding: 10px;
    /* optional: for spacing between blocks */
}

.sameHeightBoxes .platform-content .g-title {
    font-size: 2rem;
}

.sameHeightBoxes .platform-content .g-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid #c5c5c5;
    padding: 20px;
    background: #fff;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .sameHeightBoxes .platform-content .g-content {
        font-size: 1.1rem;
    }

    .sameHeightBoxes .platform-content .g-title {
        font-size: 1.2rem;
    }
}

@media (min-width: 1024px) {
    .sameHeightBoxes .platform-content .g-content {
        font-size: 1.2rem;
    }

    .sameHeightBoxes .platform-content .g-title {
        font-size: 1.3rem;
    }
}


/* ArticleMainPoints-wrapper: many thanks for the idea of styling
   to CNBC! */
.ArticleMainPoints-wrapper {
    border-bottom: 1px dotted #0da558;
    border-top: 6px solid #0da558;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%;
    min-width: 100%;
    margin-top: 25px;
    padding-top: 30px;
}

.ArticleMainPoints-wrapper span {
    font-size: smaller;
}

.ArticleMainPoints-wrapper .group {
    margin: 0;
    max-width: 100%;
}

/* Media Queries for Wrapper */
@media (min-width: 760px) {
    .ArticleMainPoints-wrapper {
        display: flex;
    }
}

@media (min-width: 1020px),
@media (min-width: 1340px) {
    .ArticleMainPoints-wrapper {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 100%;
        min-width: 100%;
    }
}

/* Header Styles */
.ArticleMainPoints-header {
    color: #041020;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.6px;
    line-height: 1.05;
    margin: 2px 0 12px;
    text-transform: uppercase;
}

/* Media Queries for Header */
@media (min-width: 760px) {
    .ArticleMainPoints-header {
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 60px;
        max-width: calc(50% - 30px);
        min-width: calc(50% - 30px);
    }

    .ArticleMainPoints-header {
        max-width: calc(16.66667% - 30px);
        min-width: calc(16.66667% - 30px);
    }

    @media (min-width: 1020px) {
        .ArticleMainPoints-header {
            max-width: calc(22.22222% - 30px);
            min-width: calc(22.22222% - 30px);
        }
    }

    @media (min-width: 1340px) {
        .ArticleMainPoints-header {
            max-width: calc(16.66667% - 30px);
            min-width: calc(16.66667% - 30px);
        }
    }
}

@media (min-width: 1020px) {
    .ArticleMainPoints-header {
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 30px;
        max-width: calc(16.66667% - 25px);
        min-width: calc(16.66667% - 25px);
    }
}

@media (min-width: 1340px) {
    .ArticleMainPoints-header {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: calc(14.28571% - 25.71429px);
        min-width: calc(14.28571% - 25.71429px);
    }
}

/* List Styles */
.ArticleMainPoints-list {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}

.ArticleMainPoints-list div+.group {
    margin-top: 20px;
}

/* Media Queries for List */
@media (min-width: 760px) {
    .ArticleMainPoints-list {
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 16px;
        line-height: 1.375;
        max-width: calc(225% - 30px);
        min-width: calc(225% - 30px);
    }

    .ArticleMainPoints-list {
        max-width: calc(75% - 30px);
        min-width: calc(75% - 30px);
    }

    @media (min-width: 1020px) {
        .ArticleMainPoints-list {
            max-width: calc(100% - 30px);
            min-width: calc(100% - 30px);
        }
    }

    @media (min-width: 1340px) {
        .ArticleMainPoints-list {
            max-width: calc(75% - 30px);
            min-width: calc(75% - 30px);
        }
    }
}

@media (min-width: 1020px) {
    .ArticleMainPoints-list {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 83.3333333333%;
        min-width: 83.3333333333%;
    }
}

@media (min-width: 1340px) {
    .ArticleMainPoints-list {
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 85.7142857143%;
        min-width: 85.7142857143%;
    }
}

/* List Item Styles */
.ArticleMainPoints-list li {
    color: #171717;
    display: block;
    font-family: Proxima Nova, Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.42;
    list-style-type: none;
    margin-bottom: 30px;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
}

.ArticleMainPoints-list li:before {
    background: #002f6c;
    border-radius: 3px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    width: 6px;
}

/* Webview Font Sizes */
.ArticleMainPoints-webview-normal .ArticleMainPoints-list li {
    font-size: 14px;
}

.ArticleMainPoints-webview-large .ArticleMainPoints-list li {
    font-size: 17.5px;
    line-height: normal;
}

.ArticleMainPoints-webview-larger .ArticleMainPoints-list li {
    font-size: 21px;
    line-height: normal;
}

.ArticleMainPoints-webview-xlarge .ArticleMainPoints-list li {
    font-size: 24.5px;
    line-height: normal;
}

.ArticleMainPoints-webview-xxlarge .ArticleMainPoints-list li {
    font-size: 28px;
    line-height: normal;
}

.ArticleMainPoints-webview-xxxlarge .ArticleMainPoints-list li {
    font-size: 31.5px;
    line-height: normal;
}

@media (min-width: 760px) {
    .ArticleMainPoints-list li {
        font-size: 16px;
        line-height: 1.375;
        margin-left: -15px;
    }

    .ArticleMainPoints-webview-normal .ArticleMainPoints-list li {
        font-size: 16px;
    }

    .ArticleMainPoints-webview-large .ArticleMainPoints-list li {
        font-size: 20px;
        line-height: normal;
    }

    .ArticleMainPoints-webview-larger .ArticleMainPoints-list li {
        font-size: 24px;
        line-height: normal;
    }

    .ArticleMainPoints-webview-xlarge .ArticleMainPoints-list li {
        font-size: 28px;
        line-height: normal;
    }

    .ArticleMainPoints-webview-xxlarge .ArticleMainPoints-list li {
        font-size: 32px;
        line-height: normal;
    }

    .ArticleMainPoints-webview-xxxlarge .ArticleMainPoints-list li {
        font-size: 36px;
        line-height: normal;
    }
}

@media (min-width: 1020px) {
    .ArticleMainPoints-list li {
        margin-left: -20px;
    }
}

@media (min-width: 1340px) {
    .ArticleMainPoints-list li {
        margin-left: -15px;
    }
}

/* Webview Overrides */
.webview .ArticleMainPoints-header {
    display: none;
}

.webview .ArticleMainPoints-wrapper {
    border-top-color: #212121 !important;
}

@media (prefers-color-scheme: dark) {
    .webview .ArticleMainPoints-list li {
        color: #fff;
    }

    .webview .ArticleMainPoints-list li:before {
        background-color: #fff;
    }
}

/* End of Joomla article styles */





/* Joomla default styles modifiers */
/* Make default font size of the article larger */
.com-content-article p {
    font-size: larger;
    text-align: justify;
}

.myBeautifulArticleBlock {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    margin: 50px 0px !important;
    padding: 15px 30px !important;
    /*border: 1px red solid !important;*/
}

.myBeautifulArticleBlock h2 {
    color: #0da558 !important;
    font-weight: bolder !important;
    margin-top: 25px !important;
}

.myBeautifulArticleBlock ul {
    margin-left: 20px !important;
}

.myBeautifulArticleBlock li {
    margin-left: 20px !important;
}

/* End of Joomla default styles modifiers */






/* Rockettheme modifiers */
.g-animatedblock-item {
    width: 100%;
    max-width: 800px;
    /* or whatever fits your layout */
    margin: 0 auto;
}

.g-animatedblock-desc {
    width: 100%;
    max-width: 100%;
}

.g-animatedblock-body {
    background-color: rgba(13, 165, 88, 0.7);
}

.g-animatedblock-body:hover {
    background-color: rgba(13, 165, 88, 0.95);
}

.g-animatedblock-desc p {
    /*font-size: 1.2rem !important;*/
    font-size: clamp(0.7rem, 1vw, 0.9rem) !important;
    line-height: 1.5;
    max-width: 100%;
    margin: 0;
    word-wrap: break-word;
    /*color: red;*/
}

.g-animatedblock-image img {
    width: 100% !important;
}

/* End of Rockettheme modifiers */


/* Gantry modifiers */

.myNavBar .jl-navbar button {
    /*border: 2px red solid;*/
    /*background-color: pink !important;*/
}

.myNavBar .jl-navbar .menu__separator,
.menu__heading {
    /*border: 2px red solid;*/
    background-color: #121212 !important;
}

.myNavBar .jl-navbar span {
    background-color: none !important;
}

.myNavBar .jl-navbar .jl-search-input {
    /*background-color: blue;*/
    height: 24px;
    width: 135px;
}

.myNavBar .mobile-toggle {
    margin-left: 20px;
}

.btn-group {
    /*border: 1px green solid;*/
}

.btn-group a {
    border: 1px blue solid !important;
}

#table_map_sidebar {
    display: none;
}

.btn-outline-dark,
.btn-outline-primary,
.btn-warning,
.btn-danger {
    color: #369 !important;
}

.btn-danger {
    background-color: #2c2d2c !important;
    color: red !important;
}

.listfilter {
    text-align: left;
}


/* Fabrik modifiers */

.newsletterForm .g-content {
    margin: 0px;
    padding: 0px;
    text-align: center !important;
}

.newsletterForm .g-title {
    margin: 0px;
    padding: 0px;
    text-align: center !important;
}

.newsletterForm p {
    margin: 0px;
    padding: 0px;
    text-align: center !important;
}

.newsletterForm fieldset {
    margin: 0px;
    padding: 0px;
    text-align: center !important;
}

.newsletterForm .fabrikElement {
    width: 300px !important;
    margin: 0px auto !important;
}

.newsletterForm .btn-toolbar {
    display: inline;
    width: 70px !important;
    margin: 0px auto !important;
}

.myContactForm .fabrikgrid_checkbox {
    /*border: 2px blue solid;*/
    width: 500px;
    min-width: 500px;
}

.fabrik_actions {
    text-align: right;
}

.fabrikForm {
    border: none !important;
}

.fabrikForm thead {
    background-color: #ccc;
}

.fabrikForm form th {
    border: none !important;
}

.fabrikForm tr {
    border-bottom: 1px blue solid !important;
}

.fabrikForm table {
    /* border: 1px red solid !important; */
    border-top-left-radius: 80px 80px !important;
    border: 3px #666 solid;
    background-clip: content-box;
}

.fabrikFilterContainer {
    border-bottom: 1px green solid !important;
}

#fabr_people___name_ro {
    font-weight: bold;
    font-size: larger;
}

#fabr_people___photo_ro {
    position: relative;
    top: 0px;
    left: 0px;
    /* border: 2px navy solid; */
    width: 100px;
}

#fabr_people___photo_ro img {
    border: 2px #ccc solid;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Fabrik modifiers */
/* End of Gantry modifiers */

/* SPANS for small twiacks */
.page-bg-gray-01 {
    /*background-image: url(../../../../images/bg/gray-bg-particle-01.gif);*/
	background-repeat: repeat;
}

.text_green {
    color: #02daae;
}

.text_red {
    color: red;
}

/* Article display styles */
.joomleadArticleListParticle .tm-item {
    clear: both;
    /*border: 1px #a8a8a8 dotted;*/
    /*margin-top: 30px;*/
    padding: 5px;
    /*box-shadow: rgba(0, 0, 0, 0.35)*/
}

/* End of Article display styles */

/* Article Images */
.articleImageLeftFloated {
    float: left;
    margin: 4px 15px 5px 5px;
    padding: 10px;
    /* border: 1px #CCCCCC dotted; */
    max-width: 300px;
}

.articleImageFullWidth {
    float: none;
    clear: both;
    padding: 0px;
    margin: 0px;
    text-align: left;
    /*border: 3px red solid;*/
}

.articleImageFullWidth IMG {
    margin: 2px;
    width: 100%;
    /*object-fit: cover;*/
    height: auto;
}

/* End of Article Images */

.articleLargerTextjustified {
    text-align: justify;
    font-size: 1.3em;
}

.articleLargerTextjustified P {
    margin: 30px auto;
    padding: 7px 3px;
    /*border: 3px red solid;*/
}

.articleLargerTextjustified H4 {
    font-size: 1.5em;
}

.articleLargerTextjustified H3 {
    font-size: 1.6em;
}

.articleLargerTextjustified A {
    font-size: 1em;
}

.articleLargerTextjustified SUP {
    font-size: 1em;
}

/* Badges */
.badge1 {
    border: 1px #666;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    padding: 13px;
    background-color: white;
    margin: 0 10px;
    /*height: 500px;*/
}

.badge1 img {
    float: left;
    width: 100px;
    margin-right: 20px;
}

.badge1 h1 {
    margin: 15px 3px;
}

.badge1 h2 {
    margin: 15px 3px;
}

.badge1 h3 {
    margin: 15px 3px;
}

.badge1 ul {
    margin: 4px 4px 4px 0;
    border-top: 1px #cfcfcf solid;
    clear: left;
    list-style: none;
}

.badge1 li {
    list-style: none;
}

.badge1 span {
    font-style: italic;
    font-weight: bolder;
    font-size: 80%;
}

/*
    badge1_div_cleaner removes Fabrik's filters and edit buttons
    associated with the display of Fabrik list module the badge1
    css style and div template
*/
.badge1_div_cleaner {
    /*border: 2px red solid;*/
}

.badge1_div_cleaner .fabrikButtonsContainer {
    display: none;
    visibility: hidden;
    height: 0;
}

.badge1_div_cleaner .fabrikNav {
    display: none;
    visibility: hidden;
    height: 0;
}

.badge1_div_cleaner .btn-group {
    display: none;
    visibility: hidden;
    height: 0;
}

.badge1_div_width_fixer .fabrik_row {
    border-bottom: none;
    width: 100% !important;
}

.badge1_div_half_width .fabrik_row {
    border-bottom: none;
    /*width: 40% !important;*/
}

.badge1_div_half_width .row {
    border-bottom: none;
}

/* End of Badges */

.leftSidebarStyles {
    border-right: 2px #ccc solid;
    background-color: #dcdcdc !important;
}

.leftSidebarStyles .g-grid {
    margin-top: -30px !important;
    /*border: 2px pink solid;*/
}

.customNavigation {
    /*box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;*/
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 25px;
}

.googleMapFixer img {
    width: 500px;
}

.subscriptionStyles fieldset {
    /*border: 1px red solid;*/
    width: 70%;
    float: left;
}

.subscriptionStyles .inputbox {
    float: left;
    /*width: 100px;*/
}

.subscriptionStyles button {
    width: 100% !important;
    float: left !important;
    margin: 3px 2px 2px 10px !important;
}

/* People styles */
.peoplePhotoThumbnailSmall img {
    height: 50px;
}

.peoplePhotoThumbnailMedium img {
    height: 100px;
    width: auto;
}

/* End of People styles */

/******************
Simple styles  
******************/
.inevitableColor h2 {
    color: #59f2a4;
}

.marginTopLarge {
    margin-top: 50px;
}

.marginTopExtraLarge {
    margin-top: 90px;
}

.marginTopHuge {
    margin-top: 120px;
}

.floaterLeft {
    float: left;
}

.paddingRightSmall {
    padding-right: 5px;
}

.paddingRightMedium {
    padding-right: 10px;
}

.textColorWhite {
    color: white !important;
}

.textColorWhite blockquote {
    color: white !important;
}

.textColorWhite .tm-footer {
    color: white !important;
}

.textSize16px {
    font-size: 16px;
}

.simpleJustifyText {
    text-align: justify;
}

.simpleAlignLeftText {
    text-align: left !important;
}

.bgGreen {
    background-color: green;
}

.bgRed {
    background-color: red;
}

.bgDarkerGreen {
    background-color: #006600;
}

.bgOrange {
    background-color: #ff6600;
}

.bgNastyGray {
    background-color: #544c47;
}

.textSizeSmaller {
    font-size: 0.8em !important;
}

.textSizeSmaller li {
    font-size: 0.8em !important;
}

.smallerText {
    font-size: smaller !important;
}

/* End of Simple styles */


/* Media fixes */
/* Large desktop screens (1440px+) */
@media (min-width: 1440px) {
    .table {
        font-size: 18px;
        /* ✅ Increase font for readability */
    }

    .table th,
    .table td {
        padding: 12px;
        /* ✅ More spacing */
    }
}

/* Standard desktops & laptops (1024px - 1440px) */
@media (max-width: 1440px) and (min-width: 1024px) {
    .table {
        font-size: 16px;
    }

    .table-container {
        max-width: 90%;
        /* ✅ Slightly reduce width */
    }
}

/* Tablets (768px - 1024px) */
@media (max-width: 1024px) {
    /*.g-promoimage-iconbutton {*/
    /*    display: none;*/
    /*    visibility: hidden;*/
    /*}*/

    .table {
        font-size: 15px;
    }

    .table th,
    .table td {
        padding: 10px;
    }

    .container {
        width: 100%;
    }
}

/* Large mobile phones (480px - 768px) */
@media (max-width: 768px) {
    .g-promoimage-iconbutton {
        display: none;
        visibility: hidden;
    }

    .container {
        width: 100%;
    }

    .text-border {
        font-size: 40px;
    }

    .navbar-brand {
        justify-content: center;
        /* ✅ Centers the logo */
        text-align: center;
    }
}

/* Extra-small mobile screens (below 480px) */
@media (max-width: 480px) {
    .g-promoimage-iconbutton {
        display: none;
        visibility: hidden;
    }

    .text-border {
        font-size: 34px;
    }

    .navbar-brand {
        justify-content: center;
        /* ✅ Centers the logo */
        text-align: center;
    }

    .navbar-toggler {
        position: relative;
        background-color: #7b1863;
        margin-right: auto;
    }
}

/* End of Media fixes */