/* JoomlaXTC Samurai Template - Grid Layout */

.row-fluid { width: 100%; *zoom: 1; }
.row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; }
.row-fluid:after { clear: both; }

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 0;
    box-sizing: border-box;
}

.row-fluid .span12 { width: 100%; }
.row-fluid .span11 { width: 91.666%; }
.row-fluid .span10 { width: 83.333%; }
.row-fluid .span9 { width: 75%; }
.row-fluid .span8 { width: 66.666%; }
.row-fluid .span7 { width: 58.333%; }
.row-fluid .span6 { width: 50%; }
.row-fluid .span5 { width: 41.666%; }
.row-fluid .span4 { width: 33.333%; }
.row-fluid .span3 { width: 25%; }
.row-fluid .span2 { width: 16.666%; }
.row-fluid .span1 { width: 8.333%; }

/* XTC Bootstrap Grid */
.xtcBootstrapGrid { overflow: hidden; }
.xtcBootstrapGrid .singlearea,
.xtcBootstrapGrid .firstarea,
.xtcBootstrapGrid .lastarea,
.xtcBootstrapGrid .centerarea {
    padding: 0 10px;
    box-sizing: border-box;
}

.xtcBootstrapGrid.cols-1 .singlearea { width: 100%; }
.xtcBootstrapGrid.cols-2 .firstarea,
.xtcBootstrapGrid.cols-2 .lastarea { width: 50%; float: left; }
.xtcBootstrapGrid.cols-3 .firstarea,
.xtcBootstrapGrid.cols-3 .centerarea,
.xtcBootstrapGrid.cols-3 .lastarea { width: 33.333%; float: left; }
.xtcBootstrapGrid.cols-4 .firstarea,
.xtcBootstrapGrid.cols-4 .centerarea,
.xtcBootstrapGrid.cols-4 .lastarea { width: 25%; float: left; }

/* Wall columns */
.wallviewbootstrap.columns-1 .wallpage .row-fluid > [class*="span"] { width: 100%; }
.wallviewbootstrap.columns-2 .wallpage .row-fluid > [class*="span"] { width: 50%; }
.wallviewbootstrap.columns-3 .wallpage .row-fluid > [class*="span"] { width: 33.333%; }
.wallviewbootstrap.columns-4 .wallpage .row-fluid > [class*="span"] { width: 25%; }

/* User regions */
[id^="user"][id$="_6"] { overflow: hidden; }
[id^="user"][id$="_12"] { overflow: hidden; }
[id^="user"][id$="_18"] { overflow: hidden; }
[id^="user"][id$="_24"] { overflow: hidden; }
[id^="user"][id$="_30"] { overflow: hidden; }
[id^="user"][id$="_36"] { overflow: hidden; }
[id^="user"][id$="_42"] { overflow: hidden; }

/* Nopad/Nomarg */
.nopad { padding: 0 !important; }
.nomarg { margin: 0 !important; }

/* Responsive */
@media (max-width: 979px) {
    .row-fluid .span1, .row-fluid .span2, .row-fluid .span3,
    .row-fluid .span4, .row-fluid .span5, .row-fluid .span6,
    .row-fluid .span7, .row-fluid .span8, .row-fluid .span9,
    .row-fluid .span10, .row-fluid .span11 {
        width: 100%;
        float: none;
    }
    .xtcBootstrapGrid.cols-2 .firstarea,
    .xtcBootstrapGrid.cols-2 .lastarea,
    .xtcBootstrapGrid.cols-3 .firstarea,
    .xtcBootstrapGrid.cols-3 .centerarea,
    .xtcBootstrapGrid.cols-3 .lastarea,
    .xtcBootstrapGrid.cols-4 .firstarea,
    .xtcBootstrapGrid.cols-4 .centerarea,
    .xtcBootstrapGrid.cols-4 .lastarea {
        width: 50%;
    }
    .wallviewbootstrap.columns-3 .wallpage .row-fluid > [class*="span"],
    .wallviewbootstrap.columns-4 .wallpage .row-fluid > [class*="span"] {
        width: 50%;
    }
    h1.slide { font-size: 32px; }
    .insethome { font-size: 15px; }
}

@media (max-width: 767px) {
    .xtcBootstrapGrid.cols-2 .firstarea,
    .xtcBootstrapGrid.cols-2 .lastarea,
    .xtcBootstrapGrid.cols-3 .firstarea,
    .xtcBootstrapGrid.cols-3 .centerarea,
    .xtcBootstrapGrid.cols-3 .lastarea,
    .xtcBootstrapGrid.cols-4 .firstarea,
    .xtcBootstrapGrid.cols-4 .centerarea,
    .xtcBootstrapGrid.cols-4 .lastarea {
        width: 100%;
        float: none;
    }
    .wallviewbootstrap.columns-2 .wallpage .row-fluid > [class*="span"],
    .wallviewbootstrap.columns-3 .wallpage .row-fluid > [class*="span"],
    .wallviewbootstrap.columns-4 .wallpage .row-fluid > [class*="span"] {
        width: 100%;
    }
    .mobilehide { display: none !important; }
    .mobileshow { display: block !important; }
    .mobilebtn { display: block; padding: 10px; }
    .mobiletools { display: flex; gap: 10px; }
    .xtcdefaultmenu { display: none; }
    .menu-toggle { display: block; }
    .menu-open .xtcdefaultmenu {
        display: block;
    }
    .menu-open .xtcdefaultmenu > li {
        display: block;
    }
    .xtc-wrapperpad { padding: 20px 15px; }
    #region1wrap .xtc-wrapperpad { padding: 40px 15px 30px; }
    h1.slide { font-size: 26px; }
    .insethome { font-size: 14px; }
}