/*
Theme Name: Amuse Group USA 2025
Version: 2025 Optimized
Author: Shoko Okano
*/

/* #Base Grid Setup (960px Default)
================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.column, .columns { float: left; display: inline; margin: 10px; }
.row { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }

/* Fixed Width Definitions */
.container .one.column       { width: 40px;  }
.container .two.columns      { width: 100px; }
.container .three.columns    { width: 160px; }
.container .four.columns     { width: 220px; }
.container .five.columns     { width: 290px; }
.container .six.columns      { width: 340px; }
.container .seven.columns    { width: 400px; }
.container .eight.columns    { width: 460px; }
.container .nine.columns     { width: 520px; }
.container .ten.columns      { width: 580px; }
.container .eleven.columns   { width: 640px; }
.container .twelve.columns   { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns  { width: 880px; }
.container .sixteen.columns  { width: 940px; }
.container .one-third.column, .container .recent_posts li { width: 300px; }
.container .two-thirds.column { width: 620px; }

/* Offsets */
.container .offset-by-one      { padding-left: 60px;  }
.container .offset-by-two      { padding-left: 120px; }
.container .offset-by-three    { padding-left: 180px; }
.container .offset-by-four     { padding-left: 240px; }
.container .offset-by-five     { padding-left: 300px; }
.container .offset-by-six      { padding-left: 360px; }
.container .offset-by-seven    { padding-left: 420px; }
.container .offset-by-eight    { padding-left: 480px; }
.container .offset-by-nine     { padding-left: 540px; }
.container .offset-by-ten      { padding-left: 600px; }
.container .offset-by-eleven   { padding-left: 660px; }
.container .offset-by-twelve   { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen  { padding-left: 900px; }

/* #Tablet (Portrait) 768px - 959px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container { width: 768px; }
    .container .one.column       { width: 28px;  }
    .container .two.columns      { width: 76px;  }
    .container .three.columns    { width: 124px; }
    .container .four.columns     { width: 172px; }
    .container .five.columns     { width: 230px; }
    .container .six.columns      { width: 268px; }
    .container .seven.columns    { width: 316px; }
    .container .eight.columns    { width: 364px; }
    .container .nine.columns     { width: 412px; }
    .container .ten.columns      { width: 460px; }
    .container .eleven.columns   { width: 508px; }
    .container .twelve.columns   { width: 556px; }
    .container .thirteen.columns { width: 604px; }
    .container .fourteen.columns { width: 652px; }
    .container .fifteen.columns  { width: 700px; }
    .container .sixteen.columns  { width: 748px; }
    .container .one-third.column, .container .recent_posts li { width: 236px; }
    .container .two-thirds.column { width: 492px; }
}

/* #2025 Large Screen Fluid Update (1200px and up)
================================================== */
@media only screen and (min-width: 1200px) {
    .container { width: 95% !important; max-width: 1440px !important; }
    .container .one.column       { width: calc(6.25% - 20px); }
    .container .two.columns      { width: calc(12.5% - 20px); }
    .container .three.columns    { width: calc(18.75% - 20px); }
    .container .four.columns     { width: calc(25% - 20px); }
    .container .five.columns     { width: calc(31.25% - 20px); }
    .container .six.columns      { width: calc(37.5% - 20px); }
    .container .seven.columns    { width: calc(43.75% - 20px); }
    .container .eight.columns    { width: calc(50% - 20px); }
    .container .nine.columns     { width: calc(56.25% - 20px); }
    .container .ten.columns      { width: calc(62.5% - 20px); }
    .container .eleven.columns   { width: calc(68.75% - 20px); }
    .container .twelve.columns   { width: calc(75% - 20px); }
    .container .thirteen.columns { width: calc(81.25% - 20px); }
    .container .fourteen.columns { width: calc(87.5% - 20px); }
    .container .fifteen.columns  { width: calc(93.75% - 20px); }
    .container .sixteen.columns  { width: calc(100% - 20px); }
    .container .one-third.column  { width: calc(33.33% - 20px); }
    .container .two-thirds.column { width: calc(66.66% - 20px); }
}

/* #Mobile Fluid Optimization (Under 767px)
================================================== */
@media only screen and (max-width: 767px) {
    .container { width: 92% !important; }
    .container .column, .container .columns, .container .one-third.column, .container .two-thirds.column, .container .recent_posts li { 
        width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; 
    }
    #side { margin-left: 0px; }
}

/* #Clearing & Misc
================================================== */
.container:after, .row:after, .clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .row { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

img, iframe { max-width: 100%; height: auto; }
iframe { margin-bottom: 2em; }

.center { text-align: center; }
.remove-bottom { margin-bottom: 0 !important; }
.add-10 { margin-top:10px; } .add-20 { margin-top:20px; } .add-30 { margin-top:30px; }
.add-40 { margin-top:40px; } .add-50 { margin-top:50px; }

/* Menu Safety Fix */
header .column, header .columns, #header .column, #header .columns, .nav-container .column { min-width: auto !important; }