/* * Responsive Columns * Version: 1.0.6 * Requirements: RapidWeaver 5, Stacks 2 * Support: http://forum.onelittledesigner.com * Description: 1-6 responsive columns & 1-3 rows */ /*************************************** MASTER CONTROL **********************************/ .R_C{ box-sizing: border-box; } #stacks_in_4 { display: inline-block; width: 100%; } .RC_clear{ display:block; width:100%; } .stacks_in_4.R_C.RC_Img img{ width: 100%; height: auto; max-width:100; margin:0 auto; display:block; } /*************************************** NO GUTTER **********************************/ /***************** 1 Non **************/ /***************** 2 Non *********************/ .stacks_in_4.ResponsiveCol2_L.RC2_Goff { width: calc(100%/2); width: 50%; } .stacks_in_4.ResponsiveCol2_R.RC2_Goff { width: calc(100%/2); width: 50%; float:left; } /**************** 3 Non ******************/ .stacks_in_4.RC3_L.RC3_Goff { width: calc(100%/3); width: 0%; } .stacks_in_4.RC3_R.RC3_Goff { width: calc(100%/3); width: 0%; float:left; } .stacks_in_4.RC3_RS.RC3_Goff { width: calc(100%/3); width: 0.2%; float: left; } .stacks_in_4.RC3_M.RC3_Goff { margin: 0 0% 10px 0%; width: calc(100%/3); width: 100%; } /**************** 4 Non ******************/ .stacks_in_4.RC4.RC4_Goff { width: calc(100%/4); width: 25%; } .stacks_in_4.RC4_S.RC4_Goff { width: calc(100%/4); width: 25%; } /* .stacks_in_4.RC4_R.RC4_LL2.RC4_Goff { width: 25.1%; width: calc(100%/4); float: left; } */ .stacks_in_4.RC4_LF.RC4_Goff, .stacks_in_4.RC4_LL.RC4_Goff, .stacks_in_4.RC4_LF2.RC4_Goff { margin: 0 0 10px 0; } .stacks_in_4.RC4_LF.RC4_Goff { margin: 0 0 10px 0; } .stacks_in_4.RC4_LL2.RC4_Goff { margin: 0 0 10px 0; } /*@media (max-width: 1099px) { .stacks_in_4.RC4_R.RC4_LL2.RC4_S.RC4_Goff{ float: left; width: 25%; width: calc(100%/4); } }*/ /**************** 5 Non ******************/ .stacks_in_4.RC5.RC5_Goff { width: calc(100%/5); width: 20%; float:left; } .stacks_in_4.RC5_S.RC5_Goff { width: calc(100%/5); width: 20%; } .stacks_in_4.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { width: calc(100%/5); width: 20.3%; } .stacks_in_4.RC5_M.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_4.RC5_LF.RC5_Goff, .stacks_in_4.RC5_LL.RC5_Goff, .stacks_in_4.RC5_RF.RC5_Goff, .stacks_in_4.RC5_RL.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_4.RespColone5_First.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_4.RespColone5_Last.RC5_Goff { margin: 0 0 10px 0; } /**************** 6 Non ******************/ .stacks_in_4.RC6.RC6_Goff { width: 16.66%; } .stacks_in_4.RC6_S.RC6_Goff { width: 16.69%; } .stacks_in_4.RC6_R1.RC6_LL.RC6_S.RC6_Goff, stacks_in_4.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 17%; } .stacks_in_4.RC6_M.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_4.RC6_LF.RC6_Goff, .stacks_in_4.RC6_LL.RC6_Goff, .stacks_in_4.RC6_RF.RC6_Goff, .stacks_in_4.RC6_RL.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_4.RC6_L1.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_4.RC6_R1.RC6_Goff { margin: 0 0 10px 0; } /*@media (max-width: 1099px) { .stacks_in_4.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_4.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 16.6%; } }*/ /*************************************** 1 COLUMN **********************************/ .stacks_in_4.ResponsiveCol1_L { width: 100%; margin: 0 0 10px 0; } .stacks_in_4.maxWToggle{ max-width:500px; margin:0 auto; } .stacks_in_4.RC_PaddingOn.UsePix { padding: 10px 0; } .stacks_in_4.RC_PaddingOn.UsePerc { padding: 10% 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_4.ResponsiveCol1_L { width: 100%; margin: 0 0 10px 0; } } /*************************************** 2 COLUMN **********************************/ .stacks_in_4.ResponsiveCol2_L { float: left; width: 49%; /*width: calc(100%/2 - 1%);*/ margin: 0 0 10px 0; } .stacks_in_4.ResponsiveCol2_R { float: right; width: 49%; /*width: calc(100%/2 - 1%);*/ margin: 0 0 10px 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_4.ResponsiveCol2_L { width: 100%; margin: 0 0 10px 0; } .stacks_in_4.ResponsiveCol2_R { width: 100%; margin: 0 0 10px 0; } .stacks_in_4.ResponsiveCol2_L.RC2_Goff { width: 100%; margin:0 0 10px 0; } .stacks_in_4.ResponsiveCol2_R.RC2_Goff { width: 100%; margin: 0 0 10px 0; } } /*************************************** 3 COLUMN **********************************/ .stacks_in_4.RC3_L { float: left; width: -1%; width: calc(100%/3 - 1.4%); margin: 0 0 10px 0; } .stacks_in_4.RC3_M { float: left; margin: 0 2% 10px 2%; width: 98%; width: calc(100%/3 - 1.2% ); } .stacks_in_4.RC3_R { float: left; width: -1%; width: calc(100%/3 - 1.4%); margin: 0 0 10px 0; } @media (max-width: 800px) { /* ============ LARGE BOTTOM ================== */ .stacks_in_4.RC3_L.RespCol1 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 1% 10px 0; } .stacks_in_4.RC3_M.RespCol1 { float: right; width: 49%; width: calc(100%/2 - 1%); margin: 0 0 10px 1%; } .stacks_in_4.RC3_R.RespCol1, .stacks_in_4.RC3_RS.RespCol1 { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_4.RC3_L.RespCol1.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_4.RC3_M.RespCol1.RC3_Goff { float: right; width: %(50 0)%%; margin: 0 0 10px 0; } .stacks_in_4.RC3_R.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_4.RC3_RS.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } /* ============ LARGE TOP ================== */ .stacks_in_4.RC3_L.RespCol2 { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_4.RC3_M.RespCol2 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 1% 10px 0; } .stacks_in_4.RC3_R.RespCol2 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 0 10px 1%; } .stacks_in_4.RC3_RS.RespCol2 { float: left; width: 49%; margin: 0 0 10px 1%; } .stacks_in_4.RC3_L.RespCol2.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_4.RC3_M.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_4.RC3_R.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_4.RC3_RS.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } } @media (max-width: 600px){ .stacks_in_4.RC3_L, .stacks_in_4.RC3_R.RespCol2, .stacks_in_4.RC3_R, .stacks_in_4.RC3_R.RespCol1, .stacks_in_4.RC3_RS.RespCol2, .stacks_in_4.RC3_RS.RespCol3 { float: left !important; width: 100% !important; margin: 0 0 10px 0!important; } .stacks_in_4.RC3_RS.RC3_Goff { float: left !important; width: 100%!important; margin:0 0 10px 0!important; } .stacks_in_4.RC3_M { float: left !important; width: 100%!important; margin:0 0 10px 0!important; } } /*************************************** 4 COLUMN **********************************/ .stacks_in_4.RC4_L { float: left; } .stacks_in_4.RC4_R { float: left; } .stacks_in_4.RC4 { width: 23.5%; width: calc(100%/4 - 1%*1.5); } .stacks_in_4.RC4_S { width: 23.6%; } .stacks_in_4.RC4_LF, .stacks_in_4.RC4_LL, .stacks_in_4.RC4_LF2 { margin: 0 1% 10px 1%; } .stacks_in_4.RC4_LF { margin: 0 1% 10px 0; } .stacks_in_4.RC4_LL2 { margin: 0 0 10px 1%; float: float; } /*@media (max-width: 1074px) { .stacks_in_4.RC4_S{ width: 23.5%; } }*/ @media (max-width: 800px) { .stacks_in_4.RC4 { width: 49%; width: calc(100%/2 - 1%); } .stacks_in_4.RC4_S { width: 49%; } .stacks_in_4.RC4_LF { float: left; margin: 0 1% 10px 0 ; } .stacks_in_4.RC4_LL { float: left; margin: 0 0 10px 1% ; } .stacks_in_4.RC4_LF2 { float: left; margin: 0 1% 10px 0 ; } .stacks_in_4.RC4_LL2 { float: left; margin: 0 0 10px 1% ; } .stacks_in_4.RC4_R { float:left; } .stacks_in_4.RC4.RC4_Goff { width: 50%; } .stacks_in_4.RC4_S.RC4_Goff, .stacks_in_4.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 50%; } .stacks_in_4.RC4_LF.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_4.RC4_LL.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_4.RC4_LF2.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_4.RC4_LL2.RC4_Goff { float: left; margin: 0 0 10px 0 ; } } @media (max-width: 600px){ .stacks_in_4.RC4 { width: 100%; margin: 0 0 10px 0; } .stacks_in_4.RC4_S { width: 100%; margin: 0 0 10px 0; } .stacks_in_4.RC4.RC4_Goff { width: 100%; margin: 0 0 10px 0; } .stacks_in_4.RC4_S.RC4_Goff, .stacks_in_4.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 100%; margin: 0 0 10px 0; } } /*************************************** 5 COLUMN **********************************/ .stacks_in_4.RC5_L { float: left; } .stacks_in_4.RC5_R { float: left; } .stacks_in_4.RC5 { width: 18.4%; width: calc(100%/5 - 1%*1.6); } .stacks_in_4.RC5_S { width: 18.4%; } .stacks_in_4.RC5_M { float: left; margin: 0 1% 10px 1%; } .stacks_in_4.RC5_LF, .stacks_in_4.RC5_LL, .stacks_in_4.RC5_RF, .stacks_in_4.RC5_RL { float: left; margin: 0 1% 10px 1%; } .stacks_in_4.RespColone5_First { margin: 0 1% 10px 0; } .stacks_in_4.RespColone5_Last { float:left; margin: 0 0 10px 1%; } @media (max-width: 800px) { .stacks_in_4.RC5, .stacks_in_4.RC5_S { width: 49%; } .stacks_in_4.RC5_LF { float: left; margin: 0 1% 10px 0; } .stacks_in_4.RC5_LL { float: left; margin: 0 0 10px 1%; } .stacks_in_4.RC5.RespColone5_Last, .stacks_in_4.RC5_S.RespColone5_Last { float: left; width: 99.8% ; margin: 0 auto 10px auto; } .stacks_in_4.RC5.RC5_Goff { width: 50%; } .stacks_in_4.RC5_S.RC5_Goff { width: 50%; } .stacks_in_4.RC5_LF.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_4.RC5_LL.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_4.RespColone5_Last.RC5_Goff, .stacks_in_4.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { float: left; width: 100% ; margin: 0 auto 10px auto; } /* ============ LARGE TOP ================== */ .stacks_in_4.RC5.RespCol2, .stacks_in_4.RC5_S.RespCol2 { width: 49%; } .stacks_in_4.RC5_LF.RespCol2, .stacks_in_4.RespColone5_Last.RespCol2 { float: left; margin: 0 0 10px 1%; } .stacks_in_4.RC5_LL.RespCol2 { float: left; margin: 0 1% 10px 0; } .stacks_in_4.RC5.RespColone5_First.RespCol2, .stacks_in_4.RC5_S.RespColone5_First.RespCol2 { float: left; width: 99.8%; margin: 0 auto 10px auto; } .stacks_in_4.RC5.RespCol2.RC5_Goff { width: 50%; } .stacks_in_4.RC5_S.RespCol2.RC5_Goff, .stacks_in_4.RC5_R1.RC5_LF.RespColone5_Last.RespCol2.RC5_S.RC5_Goff { width: 50%; } .stacks_in_4.RC5_LF.RespCol2.RC5_Goff, .stacks_in_4.RespColone5_Last.RespCol2.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_4.RC5_LL.RespCol2.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_4.RespColone5_First.RespCol2.RC5_Goff, .stacks_in_4.RespColone5_First.RespCol2.RC5_S.RC5_Goff { float: left; width: 100%; margin: 0 auto 10px auto; } } @media (max-width: 600px) { .stacks_in_4.RC5.RC5_LL.RespCol2, .stacks_in_4.RC5.RC5_LF.RespCol2, .stacks_in_4.RC5.RC5_LL.RespCol1, .stacks_in_4.RC5.RC5_LF.RespCol1, .stacks_in_4.RC5_S.RC5_LL.RespCol2, .stacks_in_4.RC5_S.RC5_LF.RespCol2, .stacks_in_4.RC5_S.RC5_LL.RespCol1, .stacks_in_4.RC5_S.RC5_LF.RespCol1 { width: 100% !important; margin: 0 0 10px 0; } .stacks_in_4.RC5.RC5_Goff, .stacks_in_4.RC5_S.RC5_Goff, .stacks_in_4.RC5_LL.RespCol2.RC5_Goff { width: 100% !important; margin: 0 0 10px 0; } } /*************************************** 6 COLUMN **********************************/ .stacks_in_4.RC6_L, .stacks_in_4.RC6_L1 { float: left; } .stacks_in_4.RC6_R, .stacks_in_4.RC6_R1 { float: left; } .stacks_in_4.RC6 { width: 15%; width: calc(100%/6 - 1%*1.68); } .stacks_in_4.RC6_S { width: 15.2%; } .stacks_in_4.RC6_M { float: left; margin: 0 1% 10px 1%; } .stacks_in_4.RC6_LF, .stacks_in_4.RC6_LL, .stacks_in_4.RC6_RF, .stacks_in_4.RC6_RL { margin: 0 1% 10px 1%; } .stacks_in_4.RC6_L1 { margin: 0 1% 10px 0; } .stacks_in_4.RC6_R1 { margin: 0 0 10px 1%; } /*@media (max-width: 1099px) { .stacks_in_4.RC6_S { width: 15%; } }*/ @media (max-width: 800px) { .stacks_in_4.RC6, .stacks_in_4.RC6_S { width: 49%; width: calc(100%/2 - 1%); } .stacks_in_4.RC6_LF { float: left; margin: 0 1% 10px 0; } .stacks_in_4.RC6_LL { float: left; margin: 0 0 10px 1%; } .stacks_in_4.RC6.RC6_Goff, .stacks_in_4.RC6_S.RC6_Goff, .stacks_in_4.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_4.RC6_L1.RC6_LF.RC6_S.RC6_Goff { width:50%; } .stacks_in_4.RC6_LF.RC6_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_4.RC6_LL.RC6_Goff { float: left; margin: 0 0 10px 0; } } @media (max-width: 600px) { .stacks_in_4.RC6, .stacks_in_4.RC6_S { width: 100% !important; margin: 0 0 10px 0 !important; } } #stacks_in_215 { padding: 20px 0px 0px 0px; } /* * Responsive Columns * Version: 1.0.6 * Requirements: RapidWeaver 5, Stacks 2 * Support: http://forum.onelittledesigner.com * Description: 1-6 responsive columns & 1-3 rows */ /*************************************** MASTER CONTROL **********************************/ .R_C{ box-sizing: border-box; } #stacks_in_24792 { display: inline-block; width: 100%; } .RC_clear{ display:block; width:100%; } .stacks_in_24792.R_C.RC_Img img{ width: 100%; height: auto; max-width:95; margin:0 auto; display:block; } /*************************************** NO GUTTER **********************************/ /***************** 1 Non **************/ /***************** 2 Non *********************/ .stacks_in_24792.ResponsiveCol2_L.RC2_Goff { width: calc(100%/2); width: 50%; } .stacks_in_24792.ResponsiveCol2_R.RC2_Goff { width: calc(100%/2); width: 50%; float:left; } /**************** 3 Non ******************/ .stacks_in_24792.RC3_L.RC3_Goff { width: calc(100%/3); width: 0%; } .stacks_in_24792.RC3_R.RC3_Goff { width: calc(100%/3); width: 0%; float:left; } .stacks_in_24792.RC3_RS.RC3_Goff { width: calc(100%/3); width: 0.2%; float: left; } .stacks_in_24792.RC3_M.RC3_Goff { margin: 0 0% 44px 0%; width: calc(100%/3); width: 100%; } /**************** 4 Non ******************/ .stacks_in_24792.RC4.RC4_Goff { width: calc(100%/4); width: 25%; } .stacks_in_24792.RC4_S.RC4_Goff { width: calc(100%/4); width: 25%; } /* .stacks_in_24792.RC4_R.RC4_LL2.RC4_Goff { width: 25.1%; width: calc(100%/4); float: left; } */ .stacks_in_24792.RC4_LF.RC4_Goff, .stacks_in_24792.RC4_LL.RC4_Goff, .stacks_in_24792.RC4_LF2.RC4_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RC4_LF.RC4_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RC4_LL2.RC4_Goff { margin: 0 0 44px 0; } /*@media (max-width: 1099px) { .stacks_in_24792.RC4_R.RC4_LL2.RC4_S.RC4_Goff{ float: left; width: 25%; width: calc(100%/4); } }*/ /**************** 5 Non ******************/ .stacks_in_24792.RC5.RC5_Goff { width: calc(100%/5); width: 20%; float:left; } .stacks_in_24792.RC5_S.RC5_Goff { width: calc(100%/5); width: 20%; } .stacks_in_24792.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { width: calc(100%/5); width: 20.3%; } .stacks_in_24792.RC5_M.RC5_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RC5_LF.RC5_Goff, .stacks_in_24792.RC5_LL.RC5_Goff, .stacks_in_24792.RC5_RF.RC5_Goff, .stacks_in_24792.RC5_RL.RC5_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RespColone5_First.RC5_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RespColone5_Last.RC5_Goff { margin: 0 0 44px 0; } /**************** 6 Non ******************/ .stacks_in_24792.RC6.RC6_Goff { width: 16.66%; } .stacks_in_24792.RC6_S.RC6_Goff { width: 16.69%; } .stacks_in_24792.RC6_R1.RC6_LL.RC6_S.RC6_Goff, stacks_in_24792.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 17%; } .stacks_in_24792.RC6_M.RC6_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RC6_LF.RC6_Goff, .stacks_in_24792.RC6_LL.RC6_Goff, .stacks_in_24792.RC6_RF.RC6_Goff, .stacks_in_24792.RC6_RL.RC6_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RC6_L1.RC6_Goff { margin: 0 0 44px 0; } .stacks_in_24792.RC6_R1.RC6_Goff { margin: 0 0 44px 0; } /*@media (max-width: 1099px) { .stacks_in_24792.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_24792.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 16.6%; } }*/ /*************************************** 1 COLUMN **********************************/ .stacks_in_24792.ResponsiveCol1_L { width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.maxWToggle{ max-width:900px; margin: 0 auto; } .stacks_in_24792.RC_PaddingOn.UsePix { padding: 10px 0; } .stacks_in_24792.RC_PaddingOn.UsePerc { padding: 10% 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_24792.ResponsiveCol1_L { width: 100%; margin: 0 0 44px 0; } } /*************************************** 2 COLUMN **********************************/ .stacks_in_24792.ResponsiveCol2_L { float: left; width: 46%; /*width: calc(100%/2 - 4%);*/ margin: 0 0 44px 0; } .stacks_in_24792.ResponsiveCol2_R { float: right; width: 46%; /*width: calc(100%/2 - 4%);*/ margin: 0 0 44px 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_24792.ResponsiveCol2_L { width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.ResponsiveCol2_R { width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.ResponsiveCol2_L.RC2_Goff { width: 100%; margin:0 0 44px 0; } .stacks_in_24792.ResponsiveCol2_R.RC2_Goff { width: 100%; margin: 0 0 44px 0; } } /*************************************** 3 COLUMN **********************************/ .stacks_in_24792.RC3_L { float: left; width: -4%; width: calc(100%/3 - 4.4%); margin: 0 0 44px 0; } .stacks_in_24792.RC3_M { float: left; margin: 0 8% 44px 8%; width: 92%; width: calc(100%/3 - 4.2% ); } .stacks_in_24792.RC3_R { float: left; width: -4%; width: calc(100%/3 - 4.4%); margin: 0 0 44px 0; } @media (max-width: 800px) { /* ============ LARGE BOTTOM ================== */ .stacks_in_24792.RC3_L.RespCol1 { float: left; width: 46%; width: calc(100%/2 - 4%); margin: 0 4% 44px 0; } .stacks_in_24792.RC3_M.RespCol1 { float: right; width: 46%; width: calc(100%/2 - 4%); margin: 0 0 44px 4%; } .stacks_in_24792.RC3_R.RespCol1, .stacks_in_24792.RC3_RS.RespCol1 { float: left; width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_L.RespCol1.RC3_Goff { float: left; width: 50%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_M.RespCol1.RC3_Goff { float: right; width: %(50 0)%%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_R.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_RS.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 44px 0; } /* ============ LARGE TOP ================== */ .stacks_in_24792.RC3_L.RespCol2 { float: left; width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_M.RespCol2 { float: left; width: 46%; width: calc(100%/2 - 4%); margin: 0 4% 44px 0; } .stacks_in_24792.RC3_R.RespCol2 { float: left; width: 46%; width: calc(100%/2 - 4%); margin: 0 0 44px 4%; } .stacks_in_24792.RC3_RS.RespCol2 { float: left; width: 46%; margin: 0 0 44px 4%; } .stacks_in_24792.RC3_L.RespCol2.RC3_Goff { float: left; width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_M.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_R.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 44px 0; } .stacks_in_24792.RC3_RS.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 44px 0; } } @media (max-width: 600px){ .stacks_in_24792.RC3_L, .stacks_in_24792.RC3_R.RespCol2, .stacks_in_24792.RC3_R, .stacks_in_24792.RC3_R.RespCol1, .stacks_in_24792.RC3_RS.RespCol2, .stacks_in_24792.RC3_RS.RespCol3 { float: left !important; width: 100% !important; margin: 0 0 44px 0!important; } .stacks_in_24792.RC3_RS.RC3_Goff { float: left !important; width: 100%!important; margin:0 0 44px 0!important; } .stacks_in_24792.RC3_M { float: left !important; width: 100%!important; margin:0 0 44px 0!important; } } /*************************************** 4 COLUMN **********************************/ .stacks_in_24792.RC4_L { float: left; } .stacks_in_24792.RC4_R { float: left; } .stacks_in_24792.RC4 { width: 17.5%; width: calc(100%/4 - 4%*1.5); } .stacks_in_24792.RC4_S { width: 17.6%; } .stacks_in_24792.RC4_LF, .stacks_in_24792.RC4_LL, .stacks_in_24792.RC4_LF2 { margin: 0 4% 44px 4%; } .stacks_in_24792.RC4_LF { margin: 0 4% 44px 0; } .stacks_in_24792.RC4_LL2 { margin: 0 0 44px 4%; float: float; } /*@media (max-width: 1074px) { .stacks_in_24792.RC4_S{ width: 17.5%; } }*/ @media (max-width: 800px) { .stacks_in_24792.RC4 { width: 43%; width: calc(100%/2 - 4%); } .stacks_in_24792.RC4_S { width: 43%; } .stacks_in_24792.RC4_LF { float: left; margin: 0 4% 44px 0 ; } .stacks_in_24792.RC4_LL { float: left; margin: 0 0 44px 4% ; } .stacks_in_24792.RC4_LF2 { float: left; margin: 0 4% 44px 0 ; } .stacks_in_24792.RC4_LL2 { float: left; margin: 0 0 44px 4% ; } .stacks_in_24792.RC4_R { float:left; } .stacks_in_24792.RC4.RC4_Goff { width: 50%; } .stacks_in_24792.RC4_S.RC4_Goff, .stacks_in_24792.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 50%; } .stacks_in_24792.RC4_LF.RC4_Goff { float: left; margin: 0 0 44px 0 ; } .stacks_in_24792.RC4_LL.RC4_Goff { float: left; margin: 0 0 44px 0 ; } .stacks_in_24792.RC4_LF2.RC4_Goff { float: left; margin: 0 0 44px 0 ; } .stacks_in_24792.RC4_LL2.RC4_Goff { float: left; margin: 0 0 44px 0 ; } } @media (max-width: 600px){ .stacks_in_24792.RC4 { width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.RC4_S { width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.RC4.RC4_Goff { width: 100%; margin: 0 0 44px 0; } .stacks_in_24792.RC4_S.RC4_Goff, .stacks_in_24792.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 100%; margin: 0 0 44px 0; } } /*************************************** 5 COLUMN **********************************/ .stacks_in_24792.RC5_L { float: left; } .stacks_in_24792.RC5_R { float: left; } .stacks_in_24792.RC5 { width: 12.4%; width: calc(100%/5 - 4%*1.6); } .stacks_in_24792.RC5_S { width: 12.4%; } .stacks_in_24792.RC5_M { float: left; margin: 0 4% 44px 4%; } .stacks_in_24792.RC5_LF, .stacks_in_24792.RC5_LL, .stacks_in_24792.RC5_RF, .stacks_in_24792.RC5_RL { float: left; margin: 0 4% 44px 4%; } .stacks_in_24792.RespColone5_First { margin: 0 4% 44px 0; } .stacks_in_24792.RespColone5_Last { float:left; margin: 0 0 44px 4%; } @media (max-width: 800px) { .stacks_in_24792.RC5, .stacks_in_24792.RC5_S { width: 43%; } .stacks_in_24792.RC5_LF { float: left; margin: 0 4% 44px 0; } .stacks_in_24792.RC5_LL { float: left; margin: 0 0 44px 4%; } .stacks_in_24792.RC5.RespColone5_Last, .stacks_in_24792.RC5_S.RespColone5_Last { float: left; width: 99.8% ; margin: 0 auto 44px auto; } .stacks_in_24792.RC5.RC5_Goff { width: 50%; } .stacks_in_24792.RC5_S.RC5_Goff { width: 50%; } .stacks_in_24792.RC5_LF.RC5_Goff { float: left; margin: 0 0 44px 0; } .stacks_in_24792.RC5_LL.RC5_Goff { float: left; margin: 0 0 44px 0; } .stacks_in_24792.RespColone5_Last.RC5_Goff, .stacks_in_24792.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { float: left; width: 100% ; margin: 0 auto 44px auto; } /* ============ LARGE TOP ================== */ .stacks_in_24792.RC5.RespCol2, .stacks_in_24792.RC5_S.RespCol2 { width: 43%; } .stacks_in_24792.RC5_LF.RespCol2, .stacks_in_24792.RespColone5_Last.RespCol2 { float: left; margin: 0 0 44px 4%; } .stacks_in_24792.RC5_LL.RespCol2 { float: left; margin: 0 4% 44px 0; } .stacks_in_24792.RC5.RespColone5_First.RespCol2, .stacks_in_24792.RC5_S.RespColone5_First.RespCol2 { float: left; width: 99.8%; margin: 0 auto 44px auto; } .stacks_in_24792.RC5.RespCol2.RC5_Goff { width: 50%; } .stacks_in_24792.RC5_S.RespCol2.RC5_Goff, .stacks_in_24792.RC5_R1.RC5_LF.RespColone5_Last.RespCol2.RC5_S.RC5_Goff { width: 50%; } .stacks_in_24792.RC5_LF.RespCol2.RC5_Goff, .stacks_in_24792.RespColone5_Last.RespCol2.RC5_Goff { float: left; margin: 0 0 44px 0; } .stacks_in_24792.RC5_LL.RespCol2.RC5_Goff { float: left; margin: 0 0 44px 0; } .stacks_in_24792.RespColone5_First.RespCol2.RC5_Goff, .stacks_in_24792.RespColone5_First.RespCol2.RC5_S.RC5_Goff { float: left; width: 100%; margin: 0 auto 44px auto; } } @media (max-width: 600px) { .stacks_in_24792.RC5.RC5_LL.RespCol2, .stacks_in_24792.RC5.RC5_LF.RespCol2, .stacks_in_24792.RC5.RC5_LL.RespCol1, .stacks_in_24792.RC5.RC5_LF.RespCol1, .stacks_in_24792.RC5_S.RC5_LL.RespCol2, .stacks_in_24792.RC5_S.RC5_LF.RespCol2, .stacks_in_24792.RC5_S.RC5_LL.RespCol1, .stacks_in_24792.RC5_S.RC5_LF.RespCol1 { width: 100% !important; margin: 0 0 44px 0; } .stacks_in_24792.RC5.RC5_Goff, .stacks_in_24792.RC5_S.RC5_Goff, .stacks_in_24792.RC5_LL.RespCol2.RC5_Goff { width: 100% !important; margin: 0 0 44px 0; } } /*************************************** 6 COLUMN **********************************/ .stacks_in_24792.RC6_L, .stacks_in_24792.RC6_L1 { float: left; } .stacks_in_24792.RC6_R, .stacks_in_24792.RC6_R1 { float: left; } .stacks_in_24792.RC6 { width: 9%; width: calc(100%/6 - 4%*1.68); } .stacks_in_24792.RC6_S { width: 9.2%; } .stacks_in_24792.RC6_M { float: left; margin: 0 4% 44px 4%; } .stacks_in_24792.RC6_LF, .stacks_in_24792.RC6_LL, .stacks_in_24792.RC6_RF, .stacks_in_24792.RC6_RL { margin: 0 4% 44px 4%; } .stacks_in_24792.RC6_L1 { margin: 0 4% 44px 0; } .stacks_in_24792.RC6_R1 { margin: 0 0 44px 4%; } /*@media (max-width: 1099px) { .stacks_in_24792.RC6_S { width: 9%; } }*/ @media (max-width: 800px) { .stacks_in_24792.RC6, .stacks_in_24792.RC6_S { width: 43%; width: calc(100%/2 - 4%); } .stacks_in_24792.RC6_LF { float: left; margin: 0 4% 44px 0; } .stacks_in_24792.RC6_LL { float: left; margin: 0 0 44px 4%; } .stacks_in_24792.RC6.RC6_Goff, .stacks_in_24792.RC6_S.RC6_Goff, .stacks_in_24792.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_24792.RC6_L1.RC6_LF.RC6_S.RC6_Goff { width:50%; } .stacks_in_24792.RC6_LF.RC6_Goff { float: left; margin: 0 0 44px 0; } .stacks_in_24792.RC6_LL.RC6_Goff { float: left; margin: 0 0 44px 0; } } @media (max-width: 600px) { .stacks_in_24792.RC6, .stacks_in_24792.RC6_S { width: 100% !important; margin: 0 0 44px 0 !important; } } #stacks_in_24792 { margin: 40px 0px 30px 0px; } #stacks_out_24792 { width: 80%; } #stacks_in_32749 { margin: 0px 0px 40px 0px; } #stacks_in_32746 .pullquote { font-size:1.25em; display:block; padding:2.5em 0.5em; font-style:italic; } #stacks_in_32746 .pullquote:before, #stacks_in_32746 .pullquote:after { display:block; position:relative; font-size:100px; line-height:0px; overflow:display; text-align:left; font-style:normal; opacity:0.25; } #stacks_in_32746 .pullquote:before { content:"\201C"; top:5px; left:-5px; } #stacks_in_32746 .pullquote:after { content:"\201D"; bottom:-40px; right:-5px; text-align:right; } #stacks_in_32746 .pullquote-source { font-size:0.65em; text-align:right; font-style:normal; } #stacks_in_32746 .pullquote-source:before { content:"\2014\200A"; font-style:normal; } #stacks_out_32746 { width: 75%; } #stacks_in_24800 { margin: 20px 0px 0px 0px; } #stacks_in_24802_button { display:block; position: relative; text-align: center; } #stacks_in_24802 a:link, #stacks_in_24802 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_24802 a:hover, #stacks_in_24802 a:active { color:#FFFFFF; } #stacks_in_24802 a:link, #stacks_in_24802 a:visited { background-color:transparent; border:0; padding:2px 10px; border-radius:30px; margin:2px; } #stacks_in_24802 a:hover { background-color:#7D9964; } #stacks_in_24802 a:active { background-color:#6A8255; } #stacks_in_24802 { padding: 20px; } /* * Responsive Columns * Version: 1.0.6 * Requirements: RapidWeaver 5, Stacks 2 * Support: http://forum.onelittledesigner.com * Description: 1-6 responsive columns & 1-3 rows */ /*************************************** MASTER CONTROL **********************************/ .R_C{ box-sizing: border-box; } #stacks_in_25015 { display: inline-block; width: 100%; } .RC_clear{ display:block; width:100%; } .stacks_in_25015.R_C.RC_Img img{ width: 100%; height: auto; max-width:100; margin:0 auto; display:block; } /*************************************** NO GUTTER **********************************/ /***************** 1 Non **************/ /***************** 2 Non *********************/ .stacks_in_25015.ResponsiveCol2_L.RC2_Goff { width: calc(100%/2); width: 50%; } .stacks_in_25015.ResponsiveCol2_R.RC2_Goff { width: calc(100%/2); width: 50%; float:left; } /**************** 3 Non ******************/ .stacks_in_25015.RC3_L.RC3_Goff { width: calc(100%/3); width: 0%; } .stacks_in_25015.RC3_R.RC3_Goff { width: calc(100%/3); width: 0%; float:left; } .stacks_in_25015.RC3_RS.RC3_Goff { width: calc(100%/3); width: 0.2%; float: left; } .stacks_in_25015.RC3_M.RC3_Goff { margin: 0 0% 10px 0%; width: calc(100%/3); width: 100%; } /**************** 4 Non ******************/ .stacks_in_25015.RC4.RC4_Goff { width: calc(100%/4); width: 25%; } .stacks_in_25015.RC4_S.RC4_Goff { width: calc(100%/4); width: 25%; } /* .stacks_in_25015.RC4_R.RC4_LL2.RC4_Goff { width: 25.1%; width: calc(100%/4); float: left; } */ .stacks_in_25015.RC4_LF.RC4_Goff, .stacks_in_25015.RC4_LL.RC4_Goff, .stacks_in_25015.RC4_LF2.RC4_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RC4_LF.RC4_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RC4_LL2.RC4_Goff { margin: 0 0 10px 0; } /*@media (max-width: 1099px) { .stacks_in_25015.RC4_R.RC4_LL2.RC4_S.RC4_Goff{ float: left; width: 25%; width: calc(100%/4); } }*/ /**************** 5 Non ******************/ .stacks_in_25015.RC5.RC5_Goff { width: calc(100%/5); width: 20%; float:left; } .stacks_in_25015.RC5_S.RC5_Goff { width: calc(100%/5); width: 20%; } .stacks_in_25015.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { width: calc(100%/5); width: 20.3%; } .stacks_in_25015.RC5_M.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RC5_LF.RC5_Goff, .stacks_in_25015.RC5_LL.RC5_Goff, .stacks_in_25015.RC5_RF.RC5_Goff, .stacks_in_25015.RC5_RL.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RespColone5_First.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RespColone5_Last.RC5_Goff { margin: 0 0 10px 0; } /**************** 6 Non ******************/ .stacks_in_25015.RC6.RC6_Goff { width: 16.66%; } .stacks_in_25015.RC6_S.RC6_Goff { width: 16.69%; } .stacks_in_25015.RC6_R1.RC6_LL.RC6_S.RC6_Goff, stacks_in_25015.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 17%; } .stacks_in_25015.RC6_M.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RC6_LF.RC6_Goff, .stacks_in_25015.RC6_LL.RC6_Goff, .stacks_in_25015.RC6_RF.RC6_Goff, .stacks_in_25015.RC6_RL.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RC6_L1.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_25015.RC6_R1.RC6_Goff { margin: 0 0 10px 0; } /*@media (max-width: 1099px) { .stacks_in_25015.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_25015.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 16.6%; } }*/ /*************************************** 1 COLUMN **********************************/ .stacks_in_25015.ResponsiveCol1_L { width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.maxWToggle{ max-width:500px; margin:0 auto; } .stacks_in_25015.RC_PaddingOn.UsePix { padding: 10px 0; } .stacks_in_25015.RC_PaddingOn.UsePerc { padding: 10% 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_25015.ResponsiveCol1_L { width: 100%; margin: 0 0 10px 0; } } /*************************************** 2 COLUMN **********************************/ .stacks_in_25015.ResponsiveCol2_L { float: left; width: 49%; /*width: calc(100%/2 - 1%);*/ margin: 0 0 10px 0; } .stacks_in_25015.ResponsiveCol2_R { float: right; width: 49%; /*width: calc(100%/2 - 1%);*/ margin: 0 0 10px 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_25015.ResponsiveCol2_L { width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.ResponsiveCol2_R { width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.ResponsiveCol2_L.RC2_Goff { width: 100%; margin:0 0 10px 0; } .stacks_in_25015.ResponsiveCol2_R.RC2_Goff { width: 100%; margin: 0 0 10px 0; } } /*************************************** 3 COLUMN **********************************/ .stacks_in_25015.RC3_L { float: left; width: -1%; width: calc(100%/3 - 1.4%); margin: 0 0 10px 0; } .stacks_in_25015.RC3_M { float: left; margin: 0 2% 10px 2%; width: 98%; width: calc(100%/3 - 1.2% ); } .stacks_in_25015.RC3_R { float: left; width: -1%; width: calc(100%/3 - 1.4%); margin: 0 0 10px 0; } @media (max-width: 800px) { /* ============ LARGE BOTTOM ================== */ .stacks_in_25015.RC3_L.RespCol1 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 1% 10px 0; } .stacks_in_25015.RC3_M.RespCol1 { float: right; width: 49%; width: calc(100%/2 - 1%); margin: 0 0 10px 1%; } .stacks_in_25015.RC3_R.RespCol1, .stacks_in_25015.RC3_RS.RespCol1 { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_L.RespCol1.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_M.RespCol1.RC3_Goff { float: right; width: %(50 0)%%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_R.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_RS.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } /* ============ LARGE TOP ================== */ .stacks_in_25015.RC3_L.RespCol2 { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_M.RespCol2 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 1% 10px 0; } .stacks_in_25015.RC3_R.RespCol2 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 0 10px 1%; } .stacks_in_25015.RC3_RS.RespCol2 { float: left; width: 49%; margin: 0 0 10px 1%; } .stacks_in_25015.RC3_L.RespCol2.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_M.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_R.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_25015.RC3_RS.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } } @media (max-width: 600px){ .stacks_in_25015.RC3_L, .stacks_in_25015.RC3_R.RespCol2, .stacks_in_25015.RC3_R, .stacks_in_25015.RC3_R.RespCol1, .stacks_in_25015.RC3_RS.RespCol2, .stacks_in_25015.RC3_RS.RespCol3 { float: left !important; width: 100% !important; margin: 0 0 10px 0!important; } .stacks_in_25015.RC3_RS.RC3_Goff { float: left !important; width: 100%!important; margin:0 0 10px 0!important; } .stacks_in_25015.RC3_M { float: left !important; width: 100%!important; margin:0 0 10px 0!important; } } /*************************************** 4 COLUMN **********************************/ .stacks_in_25015.RC4_L { float: left; } .stacks_in_25015.RC4_R { float: left; } .stacks_in_25015.RC4 { width: 23.5%; width: calc(100%/4 - 1%*1.5); } .stacks_in_25015.RC4_S { width: 23.6%; } .stacks_in_25015.RC4_LF, .stacks_in_25015.RC4_LL, .stacks_in_25015.RC4_LF2 { margin: 0 1% 10px 1%; } .stacks_in_25015.RC4_LF { margin: 0 1% 10px 0; } .stacks_in_25015.RC4_LL2 { margin: 0 0 10px 1%; float: float; } /*@media (max-width: 1074px) { .stacks_in_25015.RC4_S{ width: 23.5%; } }*/ @media (max-width: 800px) { .stacks_in_25015.RC4 { width: 49%; width: calc(100%/2 - 1%); } .stacks_in_25015.RC4_S { width: 49%; } .stacks_in_25015.RC4_LF { float: left; margin: 0 1% 10px 0 ; } .stacks_in_25015.RC4_LL { float: left; margin: 0 0 10px 1% ; } .stacks_in_25015.RC4_LF2 { float: left; margin: 0 1% 10px 0 ; } .stacks_in_25015.RC4_LL2 { float: left; margin: 0 0 10px 1% ; } .stacks_in_25015.RC4_R { float:left; } .stacks_in_25015.RC4.RC4_Goff { width: 50%; } .stacks_in_25015.RC4_S.RC4_Goff, .stacks_in_25015.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 50%; } .stacks_in_25015.RC4_LF.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_25015.RC4_LL.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_25015.RC4_LF2.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_25015.RC4_LL2.RC4_Goff { float: left; margin: 0 0 10px 0 ; } } @media (max-width: 600px){ .stacks_in_25015.RC4 { width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.RC4_S { width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.RC4.RC4_Goff { width: 100%; margin: 0 0 10px 0; } .stacks_in_25015.RC4_S.RC4_Goff, .stacks_in_25015.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 100%; margin: 0 0 10px 0; } } /*************************************** 5 COLUMN **********************************/ .stacks_in_25015.RC5_L { float: left; } .stacks_in_25015.RC5_R { float: left; } .stacks_in_25015.RC5 { width: 18.4%; width: calc(100%/5 - 1%*1.6); } .stacks_in_25015.RC5_S { width: 18.4%; } .stacks_in_25015.RC5_M { float: left; margin: 0 1% 10px 1%; } .stacks_in_25015.RC5_LF, .stacks_in_25015.RC5_LL, .stacks_in_25015.RC5_RF, .stacks_in_25015.RC5_RL { float: left; margin: 0 1% 10px 1%; } .stacks_in_25015.RespColone5_First { margin: 0 1% 10px 0; } .stacks_in_25015.RespColone5_Last { float:left; margin: 0 0 10px 1%; } @media (max-width: 800px) { .stacks_in_25015.RC5, .stacks_in_25015.RC5_S { width: 49%; } .stacks_in_25015.RC5_LF { float: left; margin: 0 1% 10px 0; } .stacks_in_25015.RC5_LL { float: left; margin: 0 0 10px 1%; } .stacks_in_25015.RC5.RespColone5_Last, .stacks_in_25015.RC5_S.RespColone5_Last { float: left; width: 99.8% ; margin: 0 auto 10px auto; } .stacks_in_25015.RC5.RC5_Goff { width: 50%; } .stacks_in_25015.RC5_S.RC5_Goff { width: 50%; } .stacks_in_25015.RC5_LF.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_25015.RC5_LL.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_25015.RespColone5_Last.RC5_Goff, .stacks_in_25015.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { float: left; width: 100% ; margin: 0 auto 10px auto; } /* ============ LARGE TOP ================== */ .stacks_in_25015.RC5.RespCol2, .stacks_in_25015.RC5_S.RespCol2 { width: 49%; } .stacks_in_25015.RC5_LF.RespCol2, .stacks_in_25015.RespColone5_Last.RespCol2 { float: left; margin: 0 0 10px 1%; } .stacks_in_25015.RC5_LL.RespCol2 { float: left; margin: 0 1% 10px 0; } .stacks_in_25015.RC5.RespColone5_First.RespCol2, .stacks_in_25015.RC5_S.RespColone5_First.RespCol2 { float: left; width: 99.8%; margin: 0 auto 10px auto; } .stacks_in_25015.RC5.RespCol2.RC5_Goff { width: 50%; } .stacks_in_25015.RC5_S.RespCol2.RC5_Goff, .stacks_in_25015.RC5_R1.RC5_LF.RespColone5_Last.RespCol2.RC5_S.RC5_Goff { width: 50%; } .stacks_in_25015.RC5_LF.RespCol2.RC5_Goff, .stacks_in_25015.RespColone5_Last.RespCol2.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_25015.RC5_LL.RespCol2.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_25015.RespColone5_First.RespCol2.RC5_Goff, .stacks_in_25015.RespColone5_First.RespCol2.RC5_S.RC5_Goff { float: left; width: 100%; margin: 0 auto 10px auto; } } @media (max-width: 600px) { .stacks_in_25015.RC5.RC5_LL.RespCol2, .stacks_in_25015.RC5.RC5_LF.RespCol2, .stacks_in_25015.RC5.RC5_LL.RespCol1, .stacks_in_25015.RC5.RC5_LF.RespCol1, .stacks_in_25015.RC5_S.RC5_LL.RespCol2, .stacks_in_25015.RC5_S.RC5_LF.RespCol2, .stacks_in_25015.RC5_S.RC5_LL.RespCol1, .stacks_in_25015.RC5_S.RC5_LF.RespCol1 { width: 100% !important; margin: 0 0 10px 0; } .stacks_in_25015.RC5.RC5_Goff, .stacks_in_25015.RC5_S.RC5_Goff, .stacks_in_25015.RC5_LL.RespCol2.RC5_Goff { width: 100% !important; margin: 0 0 10px 0; } } /*************************************** 6 COLUMN **********************************/ .stacks_in_25015.RC6_L, .stacks_in_25015.RC6_L1 { float: left; } .stacks_in_25015.RC6_R, .stacks_in_25015.RC6_R1 { float: left; } .stacks_in_25015.RC6 { width: 15%; width: calc(100%/6 - 1%*1.68); } .stacks_in_25015.RC6_S { width: 15.2%; } .stacks_in_25015.RC6_M { float: left; margin: 0 1% 10px 1%; } .stacks_in_25015.RC6_LF, .stacks_in_25015.RC6_LL, .stacks_in_25015.RC6_RF, .stacks_in_25015.RC6_RL { margin: 0 1% 10px 1%; } .stacks_in_25015.RC6_L1 { margin: 0 1% 10px 0; } .stacks_in_25015.RC6_R1 { margin: 0 0 10px 1%; } /*@media (max-width: 1099px) { .stacks_in_25015.RC6_S { width: 15%; } }*/ @media (max-width: 800px) { .stacks_in_25015.RC6, .stacks_in_25015.RC6_S { width: 49%; width: calc(100%/2 - 1%); } .stacks_in_25015.RC6_LF { float: left; margin: 0 1% 10px 0; } .stacks_in_25015.RC6_LL { float: left; margin: 0 0 10px 1%; } .stacks_in_25015.RC6.RC6_Goff, .stacks_in_25015.RC6_S.RC6_Goff, .stacks_in_25015.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_25015.RC6_L1.RC6_LF.RC6_S.RC6_Goff { width:50%; } .stacks_in_25015.RC6_LF.RC6_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_25015.RC6_LL.RC6_Goff { float: left; margin: 0 0 10px 0; } } @media (max-width: 600px) { .stacks_in_25015.RC6, .stacks_in_25015.RC6_S { width: 100% !important; margin: 0 0 10px 0 !important; } } #stacks_in_25013 { margin: 10px 0px 0px 0px; } /* * Responsive Columns * Version: 1.0.6 * Requirements: RapidWeaver 5, Stacks 2 * Support: http://forum.onelittledesigner.com * Description: 1-6 responsive columns & 1-3 rows */ /*************************************** MASTER CONTROL **********************************/ .R_C{ box-sizing: border-box; } #stacks_in_18856 { display: inline-block; width: 100%; } .RC_clear{ display:block; width:100%; } .stacks_in_18856.R_C.RC_Img img{ width: 100%; height: auto; max-width:100; margin:0 auto; display:block; } /*************************************** NO GUTTER **********************************/ /***************** 1 Non **************/ /***************** 2 Non *********************/ .stacks_in_18856.ResponsiveCol2_L.RC2_Goff { width: calc(100%/2); width: 50%; } .stacks_in_18856.ResponsiveCol2_R.RC2_Goff { width: calc(100%/2); width: 50%; float:left; } /**************** 3 Non ******************/ .stacks_in_18856.RC3_L.RC3_Goff { width: calc(100%/3); width: 0%; } .stacks_in_18856.RC3_R.RC3_Goff { width: calc(100%/3); width: 0%; float:left; } .stacks_in_18856.RC3_RS.RC3_Goff { width: calc(100%/3); width: 0.2%; float: left; } .stacks_in_18856.RC3_M.RC3_Goff { margin: 0 0% 24px 0%; width: calc(100%/3); width: 100%; } /**************** 4 Non ******************/ .stacks_in_18856.RC4.RC4_Goff { width: calc(100%/4); width: 25%; } .stacks_in_18856.RC4_S.RC4_Goff { width: calc(100%/4); width: 25%; } /* .stacks_in_18856.RC4_R.RC4_LL2.RC4_Goff { width: 25.1%; width: calc(100%/4); float: left; } */ .stacks_in_18856.RC4_LF.RC4_Goff, .stacks_in_18856.RC4_LL.RC4_Goff, .stacks_in_18856.RC4_LF2.RC4_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RC4_LF.RC4_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RC4_LL2.RC4_Goff { margin: 0 0 24px 0; } /*@media (max-width: 1099px) { .stacks_in_18856.RC4_R.RC4_LL2.RC4_S.RC4_Goff{ float: left; width: 25%; width: calc(100%/4); } }*/ /**************** 5 Non ******************/ .stacks_in_18856.RC5.RC5_Goff { width: calc(100%/5); width: 20%; float:left; } .stacks_in_18856.RC5_S.RC5_Goff { width: calc(100%/5); width: 20%; } .stacks_in_18856.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { width: calc(100%/5); width: 20.3%; } .stacks_in_18856.RC5_M.RC5_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RC5_LF.RC5_Goff, .stacks_in_18856.RC5_LL.RC5_Goff, .stacks_in_18856.RC5_RF.RC5_Goff, .stacks_in_18856.RC5_RL.RC5_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RespColone5_First.RC5_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RespColone5_Last.RC5_Goff { margin: 0 0 24px 0; } /**************** 6 Non ******************/ .stacks_in_18856.RC6.RC6_Goff { width: 16.66%; } .stacks_in_18856.RC6_S.RC6_Goff { width: 16.69%; } .stacks_in_18856.RC6_R1.RC6_LL.RC6_S.RC6_Goff, stacks_in_18856.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 17%; } .stacks_in_18856.RC6_M.RC6_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RC6_LF.RC6_Goff, .stacks_in_18856.RC6_LL.RC6_Goff, .stacks_in_18856.RC6_RF.RC6_Goff, .stacks_in_18856.RC6_RL.RC6_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RC6_L1.RC6_Goff { margin: 0 0 24px 0; } .stacks_in_18856.RC6_R1.RC6_Goff { margin: 0 0 24px 0; } /*@media (max-width: 1099px) { .stacks_in_18856.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_18856.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 16.6%; } }*/ /*************************************** 1 COLUMN **********************************/ .stacks_in_18856.ResponsiveCol1_L { width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.maxWToggle{ max-width:500px; margin:0 auto; } .stacks_in_18856.RC_PaddingOn.UsePix { padding: 10px 0; } .stacks_in_18856.RC_PaddingOn.UsePerc { padding: 10% 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_18856.ResponsiveCol1_L { width: 100%; margin: 0 0 24px 0; } } /*************************************** 2 COLUMN **********************************/ .stacks_in_18856.ResponsiveCol2_L { float: left; width: 48%; /*width: calc(100%/2 - 2%);*/ margin: 0 0 24px 0; } .stacks_in_18856.ResponsiveCol2_R { float: right; width: 48%; /*width: calc(100%/2 - 2%);*/ margin: 0 0 24px 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_18856.ResponsiveCol2_L { width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.ResponsiveCol2_R { width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.ResponsiveCol2_L.RC2_Goff { width: 100%; margin:0 0 24px 0; } .stacks_in_18856.ResponsiveCol2_R.RC2_Goff { width: 100%; margin: 0 0 24px 0; } } /*************************************** 3 COLUMN **********************************/ .stacks_in_18856.RC3_L { float: left; width: -2%; width: calc(100%/3 - 2.4%); margin: 0 0 24px 0; } .stacks_in_18856.RC3_M { float: left; margin: 0 4% 24px 4%; width: 96%; width: calc(100%/3 - 2.2% ); } .stacks_in_18856.RC3_R { float: left; width: -2%; width: calc(100%/3 - 2.4%); margin: 0 0 24px 0; } @media (max-width: 800px) { /* ============ LARGE BOTTOM ================== */ .stacks_in_18856.RC3_L.RespCol1 { float: left; width: 48%; width: calc(100%/2 - 2%); margin: 0 2% 24px 0; } .stacks_in_18856.RC3_M.RespCol1 { float: right; width: 48%; width: calc(100%/2 - 2%); margin: 0 0 24px 2%; } .stacks_in_18856.RC3_R.RespCol1, .stacks_in_18856.RC3_RS.RespCol1 { float: left; width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_L.RespCol1.RC3_Goff { float: left; width: 50%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_M.RespCol1.RC3_Goff { float: right; width: %(50 0)%%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_R.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_RS.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 24px 0; } /* ============ LARGE TOP ================== */ .stacks_in_18856.RC3_L.RespCol2 { float: left; width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_M.RespCol2 { float: left; width: 48%; width: calc(100%/2 - 2%); margin: 0 2% 24px 0; } .stacks_in_18856.RC3_R.RespCol2 { float: left; width: 48%; width: calc(100%/2 - 2%); margin: 0 0 24px 2%; } .stacks_in_18856.RC3_RS.RespCol2 { float: left; width: 48%; margin: 0 0 24px 2%; } .stacks_in_18856.RC3_L.RespCol2.RC3_Goff { float: left; width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_M.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_R.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 24px 0; } .stacks_in_18856.RC3_RS.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 24px 0; } } @media (max-width: 600px){ .stacks_in_18856.RC3_L, .stacks_in_18856.RC3_R.RespCol2, .stacks_in_18856.RC3_R, .stacks_in_18856.RC3_R.RespCol1, .stacks_in_18856.RC3_RS.RespCol2, .stacks_in_18856.RC3_RS.RespCol3 { float: left !important; width: 100% !important; margin: 0 0 24px 0!important; } .stacks_in_18856.RC3_RS.RC3_Goff { float: left !important; width: 100%!important; margin:0 0 24px 0!important; } .stacks_in_18856.RC3_M { float: left !important; width: 100%!important; margin:0 0 24px 0!important; } } /*************************************** 4 COLUMN **********************************/ .stacks_in_18856.RC4_L { float: left; } .stacks_in_18856.RC4_R { float: left; } .stacks_in_18856.RC4 { width: 21.5%; width: calc(100%/4 - 2%*1.5); } .stacks_in_18856.RC4_S { width: 21.6%; } .stacks_in_18856.RC4_LF, .stacks_in_18856.RC4_LL, .stacks_in_18856.RC4_LF2 { margin: 0 2% 24px 2%; } .stacks_in_18856.RC4_LF { margin: 0 2% 24px 0; } .stacks_in_18856.RC4_LL2 { margin: 0 0 24px 2%; float: float; } /*@media (max-width: 1074px) { .stacks_in_18856.RC4_S{ width: 21.5%; } }*/ @media (max-width: 800px) { .stacks_in_18856.RC4 { width: 47%; width: calc(100%/2 - 2%); } .stacks_in_18856.RC4_S { width: 47%; } .stacks_in_18856.RC4_LF { float: left; margin: 0 2% 24px 0 ; } .stacks_in_18856.RC4_LL { float: left; margin: 0 0 24px 2% ; } .stacks_in_18856.RC4_LF2 { float: left; margin: 0 2% 24px 0 ; } .stacks_in_18856.RC4_LL2 { float: left; margin: 0 0 24px 2% ; } .stacks_in_18856.RC4_R { float:left; } .stacks_in_18856.RC4.RC4_Goff { width: 50%; } .stacks_in_18856.RC4_S.RC4_Goff, .stacks_in_18856.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 50%; } .stacks_in_18856.RC4_LF.RC4_Goff { float: left; margin: 0 0 24px 0 ; } .stacks_in_18856.RC4_LL.RC4_Goff { float: left; margin: 0 0 24px 0 ; } .stacks_in_18856.RC4_LF2.RC4_Goff { float: left; margin: 0 0 24px 0 ; } .stacks_in_18856.RC4_LL2.RC4_Goff { float: left; margin: 0 0 24px 0 ; } } @media (max-width: 600px){ .stacks_in_18856.RC4 { width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.RC4_S { width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.RC4.RC4_Goff { width: 100%; margin: 0 0 24px 0; } .stacks_in_18856.RC4_S.RC4_Goff, .stacks_in_18856.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 100%; margin: 0 0 24px 0; } } /*************************************** 5 COLUMN **********************************/ .stacks_in_18856.RC5_L { float: left; } .stacks_in_18856.RC5_R { float: left; } .stacks_in_18856.RC5 { width: 16.4%; width: calc(100%/5 - 2%*1.6); } .stacks_in_18856.RC5_S { width: 16.4%; } .stacks_in_18856.RC5_M { float: left; margin: 0 2% 24px 2%; } .stacks_in_18856.RC5_LF, .stacks_in_18856.RC5_LL, .stacks_in_18856.RC5_RF, .stacks_in_18856.RC5_RL { float: left; margin: 0 2% 24px 2%; } .stacks_in_18856.RespColone5_First { margin: 0 2% 24px 0; } .stacks_in_18856.RespColone5_Last { float:left; margin: 0 0 24px 2%; } @media (max-width: 800px) { .stacks_in_18856.RC5, .stacks_in_18856.RC5_S { width: 47%; } .stacks_in_18856.RC5_LF { float: left; margin: 0 2% 24px 0; } .stacks_in_18856.RC5_LL { float: left; margin: 0 0 24px 2%; } .stacks_in_18856.RC5.RespColone5_Last, .stacks_in_18856.RC5_S.RespColone5_Last { float: left; width: 99.8% ; margin: 0 auto 24px auto; } .stacks_in_18856.RC5.RC5_Goff { width: 50%; } .stacks_in_18856.RC5_S.RC5_Goff { width: 50%; } .stacks_in_18856.RC5_LF.RC5_Goff { float: left; margin: 0 0 24px 0; } .stacks_in_18856.RC5_LL.RC5_Goff { float: left; margin: 0 0 24px 0; } .stacks_in_18856.RespColone5_Last.RC5_Goff, .stacks_in_18856.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { float: left; width: 100% ; margin: 0 auto 24px auto; } /* ============ LARGE TOP ================== */ .stacks_in_18856.RC5.RespCol2, .stacks_in_18856.RC5_S.RespCol2 { width: 47%; } .stacks_in_18856.RC5_LF.RespCol2, .stacks_in_18856.RespColone5_Last.RespCol2 { float: left; margin: 0 0 24px 2%; } .stacks_in_18856.RC5_LL.RespCol2 { float: left; margin: 0 2% 24px 0; } .stacks_in_18856.RC5.RespColone5_First.RespCol2, .stacks_in_18856.RC5_S.RespColone5_First.RespCol2 { float: left; width: 99.8%; margin: 0 auto 24px auto; } .stacks_in_18856.RC5.RespCol2.RC5_Goff { width: 50%; } .stacks_in_18856.RC5_S.RespCol2.RC5_Goff, .stacks_in_18856.RC5_R1.RC5_LF.RespColone5_Last.RespCol2.RC5_S.RC5_Goff { width: 50%; } .stacks_in_18856.RC5_LF.RespCol2.RC5_Goff, .stacks_in_18856.RespColone5_Last.RespCol2.RC5_Goff { float: left; margin: 0 0 24px 0; } .stacks_in_18856.RC5_LL.RespCol2.RC5_Goff { float: left; margin: 0 0 24px 0; } .stacks_in_18856.RespColone5_First.RespCol2.RC5_Goff, .stacks_in_18856.RespColone5_First.RespCol2.RC5_S.RC5_Goff { float: left; width: 100%; margin: 0 auto 24px auto; } } @media (max-width: 600px) { .stacks_in_18856.RC5.RC5_LL.RespCol2, .stacks_in_18856.RC5.RC5_LF.RespCol2, .stacks_in_18856.RC5.RC5_LL.RespCol1, .stacks_in_18856.RC5.RC5_LF.RespCol1, .stacks_in_18856.RC5_S.RC5_LL.RespCol2, .stacks_in_18856.RC5_S.RC5_LF.RespCol2, .stacks_in_18856.RC5_S.RC5_LL.RespCol1, .stacks_in_18856.RC5_S.RC5_LF.RespCol1 { width: 100% !important; margin: 0 0 24px 0; } .stacks_in_18856.RC5.RC5_Goff, .stacks_in_18856.RC5_S.RC5_Goff, .stacks_in_18856.RC5_LL.RespCol2.RC5_Goff { width: 100% !important; margin: 0 0 24px 0; } } /*************************************** 6 COLUMN **********************************/ .stacks_in_18856.RC6_L, .stacks_in_18856.RC6_L1 { float: left; } .stacks_in_18856.RC6_R, .stacks_in_18856.RC6_R1 { float: left; } .stacks_in_18856.RC6 { width: 13%; width: calc(100%/6 - 2%*1.68); } .stacks_in_18856.RC6_S { width: 13.2%; } .stacks_in_18856.RC6_M { float: left; margin: 0 2% 24px 2%; } .stacks_in_18856.RC6_LF, .stacks_in_18856.RC6_LL, .stacks_in_18856.RC6_RF, .stacks_in_18856.RC6_RL { margin: 0 2% 24px 2%; } .stacks_in_18856.RC6_L1 { margin: 0 2% 24px 0; } .stacks_in_18856.RC6_R1 { margin: 0 0 24px 2%; } /*@media (max-width: 1099px) { .stacks_in_18856.RC6_S { width: 13%; } }*/ @media (max-width: 800px) { .stacks_in_18856.RC6, .stacks_in_18856.RC6_S { width: 47%; width: calc(100%/2 - 2%); } .stacks_in_18856.RC6_LF { float: left; margin: 0 2% 24px 0; } .stacks_in_18856.RC6_LL { float: left; margin: 0 0 24px 2%; } .stacks_in_18856.RC6.RC6_Goff, .stacks_in_18856.RC6_S.RC6_Goff, .stacks_in_18856.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_18856.RC6_L1.RC6_LF.RC6_S.RC6_Goff { width:50%; } .stacks_in_18856.RC6_LF.RC6_Goff { float: left; margin: 0 0 24px 0; } .stacks_in_18856.RC6_LL.RC6_Goff { float: left; margin: 0 0 24px 0; } } @media (max-width: 600px) { .stacks_in_18856.RC6, .stacks_in_18856.RC6_S { width: 100% !important; margin: 0 0 24px 0 !important; } } #stacks_in_24122 { margin: 0px 0px 10px 0px; } #stacks_in_24124 { margin: 20px 0px 0px 0px; } #stacks_in_24126_button { display:block; position: relative; text-align: center; } #stacks_in_24126 a:link, #stacks_in_24126 a:visited { display:block; float:left; position: relative; text-decoration:none; } #stacks_in_24126 a:hover, #stacks_in_24126 a:active { color:#FFFFFF; } #stacks_in_24126 a:link, #stacks_in_24126 a:visited { background-color:transparent; border:0; padding:2px 10px; border-radius:30px; margin:2px; } #stacks_in_24126 a:hover { background-color:#886BE4; } #stacks_in_24126 a:active { background-color:#735AC1; } #stacks_in_24126 { margin: 20px 0px 0px 0px; } #stacks_in_18863 { margin: 20px 0px 0px 0px; } #stacks_in_22454_button { display:block; position: relative; text-align: center; } #stacks_in_22454 a:link, #stacks_in_22454 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_22454 a:hover, #stacks_in_22454 a:active { color:#FFFFFF; } #stacks_in_22454 a:link, #stacks_in_22454 a:visited { background-color:transparent; border:0; padding:2px 10px; border-radius:30px; margin:2px; } #stacks_in_22454 a:hover { background-color:#7D9964; } #stacks_in_22454 a:active { background-color:#6A8255; } #stacks_in_22454 { padding: 20px; } #stacks_in_22496 { margin: 20px 0px 0px 0px; } #stacks_in_22478_button { display:block; position: relative; text-align: center; } #stacks_in_22478 a:link, #stacks_in_22478 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_22478 a:hover, #stacks_in_22478 a:active { color:#FFFFFF; } #stacks_in_22478 a:link, #stacks_in_22478 a:visited { background-color:transparent; border:0; padding:2px 10px; border-radius:30px; margin:2px; } #stacks_in_22478 a:hover { background-color:#7D9964; } #stacks_in_22478 a:active { background-color:#6A8255; } #stacks_in_22478 { padding: 20px; } #stacks_in_22472 { margin: 20px 0px 0px 0px; } #stacks_in_22502_button { display:block; position: relative; text-align: center; } #stacks_in_22502 a:link, #stacks_in_22502 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_22502 a:hover, #stacks_in_22502 a:active { color:#FFFFFF; } #stacks_in_22502 a:link, #stacks_in_22502 a:visited { background-color:transparent; border:0; padding:2px 10px; border-radius:30px; margin:2px; } #stacks_in_22502 a:hover { background-color:#7D9964; } #stacks_in_22502 a:active { background-color:#6A8255; } #stacks_in_22502 { padding: 20px; } #stacks_in_20206 { margin: 20px; } #stacks_in_26608 { margin: 0px 0px 20px 0px; padding: 60px 0px 0px 0px; } #stacks_in_32738 { margin: 49px 0px 20px 0px; } /* * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.0.0 * Simple Divider is a Free Stack for RapidWeaver allowing easy drag-and-drop of a simple divider with minimal customization options. */ #simpleDivider_stacks_in_26616 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_26616 .theDivider1, #simpleDivider_stacks_in_26616 .theDivider2 {width: inherit} #simpleDivider_stacks_in_26616 .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_26616 .theDivider2 { height: 4px; background-color: #E0E0E0; }/* * Responsive Columns * Version: 1.0.6 * Requirements: RapidWeaver 5, Stacks 2 * Support: http://forum.onelittledesigner.com * Description: 1-6 responsive columns & 1-3 rows */ /*************************************** MASTER CONTROL **********************************/ .R_C{ box-sizing: border-box; } #stacks_in_26373 { display: inline-block; width: 100%; } .RC_clear{ display:block; width:100%; } .stacks_in_26373.R_C.RC_Img img{ width: 100%; height: auto; max-width:100; margin:0 auto; display:block; } /*************************************** NO GUTTER **********************************/ /***************** 1 Non **************/ /***************** 2 Non *********************/ .stacks_in_26373.ResponsiveCol2_L.RC2_Goff { width: calc(100%/2); width: 50%; } .stacks_in_26373.ResponsiveCol2_R.RC2_Goff { width: calc(100%/2); width: 50%; float:left; } /**************** 3 Non ******************/ .stacks_in_26373.RC3_L.RC3_Goff { width: calc(100%/3); width: 0%; } .stacks_in_26373.RC3_R.RC3_Goff { width: calc(100%/3); width: 0%; float:left; } .stacks_in_26373.RC3_RS.RC3_Goff { width: calc(100%/3); width: 0.2%; float: left; } .stacks_in_26373.RC3_M.RC3_Goff { margin: 0 0% 10px 0%; width: calc(100%/3); width: 100%; } /**************** 4 Non ******************/ .stacks_in_26373.RC4.RC4_Goff { width: calc(100%/4); width: 25%; } .stacks_in_26373.RC4_S.RC4_Goff { width: calc(100%/4); width: 25%; } /* .stacks_in_26373.RC4_R.RC4_LL2.RC4_Goff { width: 25.1%; width: calc(100%/4); float: left; } */ .stacks_in_26373.RC4_LF.RC4_Goff, .stacks_in_26373.RC4_LL.RC4_Goff, .stacks_in_26373.RC4_LF2.RC4_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RC4_LF.RC4_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RC4_LL2.RC4_Goff { margin: 0 0 10px 0; } /*@media (max-width: 1099px) { .stacks_in_26373.RC4_R.RC4_LL2.RC4_S.RC4_Goff{ float: left; width: 25%; width: calc(100%/4); } }*/ /**************** 5 Non ******************/ .stacks_in_26373.RC5.RC5_Goff { width: calc(100%/5); width: 20%; float:left; } .stacks_in_26373.RC5_S.RC5_Goff { width: calc(100%/5); width: 20%; } .stacks_in_26373.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { width: calc(100%/5); width: 20.3%; } .stacks_in_26373.RC5_M.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RC5_LF.RC5_Goff, .stacks_in_26373.RC5_LL.RC5_Goff, .stacks_in_26373.RC5_RF.RC5_Goff, .stacks_in_26373.RC5_RL.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RespColone5_First.RC5_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RespColone5_Last.RC5_Goff { margin: 0 0 10px 0; } /**************** 6 Non ******************/ .stacks_in_26373.RC6.RC6_Goff { width: 16.66%; } .stacks_in_26373.RC6_S.RC6_Goff { width: 16.69%; } .stacks_in_26373.RC6_R1.RC6_LL.RC6_S.RC6_Goff, stacks_in_26373.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 17%; } .stacks_in_26373.RC6_M.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RC6_LF.RC6_Goff, .stacks_in_26373.RC6_LL.RC6_Goff, .stacks_in_26373.RC6_RF.RC6_Goff, .stacks_in_26373.RC6_RL.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RC6_L1.RC6_Goff { margin: 0 0 10px 0; } .stacks_in_26373.RC6_R1.RC6_Goff { margin: 0 0 10px 0; } /*@media (max-width: 1099px) { .stacks_in_26373.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_26373.RC6_L1.RC6_LF.RC6_Goff.RC6_S.RC6_Goff { width: 16.6%; } }*/ /*************************************** 1 COLUMN **********************************/ .stacks_in_26373.ResponsiveCol1_L { width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.maxWToggle{ max-width:500px; margin:0 auto; } .stacks_in_26373.RC_PaddingOn.UsePix { padding: 10px 0; } .stacks_in_26373.RC_PaddingOn.UsePerc { padding: 10% 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_26373.ResponsiveCol1_L { width: 100%; margin: 0 0 10px 0; } } /*************************************** 2 COLUMN **********************************/ .stacks_in_26373.ResponsiveCol2_L { float: left; width: 49%; /*width: calc(100%/2 - 1%);*/ margin: 0 0 10px 0; } .stacks_in_26373.ResponsiveCol2_R { float: right; width: 49%; /*width: calc(100%/2 - 1%);*/ margin: 0 0 10px 0; } @media (max-width: 800px) { } @media (max-width: 600px) { .stacks_in_26373.ResponsiveCol2_L { width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.ResponsiveCol2_R { width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.ResponsiveCol2_L.RC2_Goff { width: 100%; margin:0 0 10px 0; } .stacks_in_26373.ResponsiveCol2_R.RC2_Goff { width: 100%; margin: 0 0 10px 0; } } /*************************************** 3 COLUMN **********************************/ .stacks_in_26373.RC3_L { float: left; width: -1%; width: calc(100%/3 - 1.4%); margin: 0 0 10px 0; } .stacks_in_26373.RC3_M { float: left; margin: 0 2% 10px 2%; width: 98%; width: calc(100%/3 - 1.2% ); } .stacks_in_26373.RC3_R { float: left; width: -1%; width: calc(100%/3 - 1.4%); margin: 0 0 10px 0; } @media (max-width: 800px) { /* ============ LARGE BOTTOM ================== */ .stacks_in_26373.RC3_L.RespCol1 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 1% 10px 0; } .stacks_in_26373.RC3_M.RespCol1 { float: right; width: 49%; width: calc(100%/2 - 1%); margin: 0 0 10px 1%; } .stacks_in_26373.RC3_R.RespCol1, .stacks_in_26373.RC3_RS.RespCol1 { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_L.RespCol1.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_M.RespCol1.RC3_Goff { float: right; width: %(50 0)%%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_R.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_RS.RespCol1.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } /* ============ LARGE TOP ================== */ .stacks_in_26373.RC3_L.RespCol2 { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_M.RespCol2 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 1% 10px 0; } .stacks_in_26373.RC3_R.RespCol2 { float: left; width: 49%; width: calc(100%/2 - 1%); margin: 0 0 10px 1%; } .stacks_in_26373.RC3_RS.RespCol2 { float: left; width: 49%; margin: 0 0 10px 1%; } .stacks_in_26373.RC3_L.RespCol2.RC3_Goff { float: left; width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_M.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_R.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } .stacks_in_26373.RC3_RS.RespCol2.RC3_Goff { float: left; width: 50%; margin: 0 0 10px 0; } } @media (max-width: 600px){ .stacks_in_26373.RC3_L, .stacks_in_26373.RC3_R.RespCol2, .stacks_in_26373.RC3_R, .stacks_in_26373.RC3_R.RespCol1, .stacks_in_26373.RC3_RS.RespCol2, .stacks_in_26373.RC3_RS.RespCol3 { float: left !important; width: 100% !important; margin: 0 0 10px 0!important; } .stacks_in_26373.RC3_RS.RC3_Goff { float: left !important; width: 100%!important; margin:0 0 10px 0!important; } .stacks_in_26373.RC3_M { float: left !important; width: 100%!important; margin:0 0 10px 0!important; } } /*************************************** 4 COLUMN **********************************/ .stacks_in_26373.RC4_L { float: left; } .stacks_in_26373.RC4_R { float: left; } .stacks_in_26373.RC4 { width: 23.5%; width: calc(100%/4 - 1%*1.5); } .stacks_in_26373.RC4_S { width: 23.6%; } .stacks_in_26373.RC4_LF, .stacks_in_26373.RC4_LL, .stacks_in_26373.RC4_LF2 { margin: 0 1% 10px 1%; } .stacks_in_26373.RC4_LF { margin: 0 1% 10px 0; } .stacks_in_26373.RC4_LL2 { margin: 0 0 10px 1%; float: float; } /*@media (max-width: 1074px) { .stacks_in_26373.RC4_S{ width: 23.5%; } }*/ @media (max-width: 800px) { .stacks_in_26373.RC4 { width: 49%; width: calc(100%/2 - 1%); } .stacks_in_26373.RC4_S { width: 49%; } .stacks_in_26373.RC4_LF { float: left; margin: 0 1% 10px 0 ; } .stacks_in_26373.RC4_LL { float: left; margin: 0 0 10px 1% ; } .stacks_in_26373.RC4_LF2 { float: left; margin: 0 1% 10px 0 ; } .stacks_in_26373.RC4_LL2 { float: left; margin: 0 0 10px 1% ; } .stacks_in_26373.RC4_R { float:left; } .stacks_in_26373.RC4.RC4_Goff { width: 50%; } .stacks_in_26373.RC4_S.RC4_Goff, .stacks_in_26373.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 50%; } .stacks_in_26373.RC4_LF.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_26373.RC4_LL.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_26373.RC4_LF2.RC4_Goff { float: left; margin: 0 0 10px 0 ; } .stacks_in_26373.RC4_LL2.RC4_Goff { float: left; margin: 0 0 10px 0 ; } } @media (max-width: 600px){ .stacks_in_26373.RC4 { width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.RC4_S { width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.RC4.RC4_Goff { width: 100%; margin: 0 0 10px 0; } .stacks_in_26373.RC4_S.RC4_Goff, .stacks_in_26373.RC4_R.RC4_LL2.RC4_S.RC4_Goff { width: 100%; margin: 0 0 10px 0; } } /*************************************** 5 COLUMN **********************************/ .stacks_in_26373.RC5_L { float: left; } .stacks_in_26373.RC5_R { float: left; } .stacks_in_26373.RC5 { width: 18.4%; width: calc(100%/5 - 1%*1.6); } .stacks_in_26373.RC5_S { width: 18.4%; } .stacks_in_26373.RC5_M { float: left; margin: 0 1% 10px 1%; } .stacks_in_26373.RC5_LF, .stacks_in_26373.RC5_LL, .stacks_in_26373.RC5_RF, .stacks_in_26373.RC5_RL { float: left; margin: 0 1% 10px 1%; } .stacks_in_26373.RespColone5_First { margin: 0 1% 10px 0; } .stacks_in_26373.RespColone5_Last { float:left; margin: 0 0 10px 1%; } @media (max-width: 800px) { .stacks_in_26373.RC5, .stacks_in_26373.RC5_S { width: 49%; } .stacks_in_26373.RC5_LF { float: left; margin: 0 1% 10px 0; } .stacks_in_26373.RC5_LL { float: left; margin: 0 0 10px 1%; } .stacks_in_26373.RC5.RespColone5_Last, .stacks_in_26373.RC5_S.RespColone5_Last { float: left; width: 99.8% ; margin: 0 auto 10px auto; } .stacks_in_26373.RC5.RC5_Goff { width: 50%; } .stacks_in_26373.RC5_S.RC5_Goff { width: 50%; } .stacks_in_26373.RC5_LF.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_26373.RC5_LL.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_26373.RespColone5_Last.RC5_Goff, .stacks_in_26373.RC5_R1.RC5_LF.RespColone5_Last.RC5_S.RC5_Goff { float: left; width: 100% ; margin: 0 auto 10px auto; } /* ============ LARGE TOP ================== */ .stacks_in_26373.RC5.RespCol2, .stacks_in_26373.RC5_S.RespCol2 { width: 49%; } .stacks_in_26373.RC5_LF.RespCol2, .stacks_in_26373.RespColone5_Last.RespCol2 { float: left; margin: 0 0 10px 1%; } .stacks_in_26373.RC5_LL.RespCol2 { float: left; margin: 0 1% 10px 0; } .stacks_in_26373.RC5.RespColone5_First.RespCol2, .stacks_in_26373.RC5_S.RespColone5_First.RespCol2 { float: left; width: 99.8%; margin: 0 auto 10px auto; } .stacks_in_26373.RC5.RespCol2.RC5_Goff { width: 50%; } .stacks_in_26373.RC5_S.RespCol2.RC5_Goff, .stacks_in_26373.RC5_R1.RC5_LF.RespColone5_Last.RespCol2.RC5_S.RC5_Goff { width: 50%; } .stacks_in_26373.RC5_LF.RespCol2.RC5_Goff, .stacks_in_26373.RespColone5_Last.RespCol2.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_26373.RC5_LL.RespCol2.RC5_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_26373.RespColone5_First.RespCol2.RC5_Goff, .stacks_in_26373.RespColone5_First.RespCol2.RC5_S.RC5_Goff { float: left; width: 100%; margin: 0 auto 10px auto; } } @media (max-width: 600px) { .stacks_in_26373.RC5.RC5_LL.RespCol2, .stacks_in_26373.RC5.RC5_LF.RespCol2, .stacks_in_26373.RC5.RC5_LL.RespCol1, .stacks_in_26373.RC5.RC5_LF.RespCol1, .stacks_in_26373.RC5_S.RC5_LL.RespCol2, .stacks_in_26373.RC5_S.RC5_LF.RespCol2, .stacks_in_26373.RC5_S.RC5_LL.RespCol1, .stacks_in_26373.RC5_S.RC5_LF.RespCol1 { width: 100% !important; margin: 0 0 10px 0; } .stacks_in_26373.RC5.RC5_Goff, .stacks_in_26373.RC5_S.RC5_Goff, .stacks_in_26373.RC5_LL.RespCol2.RC5_Goff { width: 100% !important; margin: 0 0 10px 0; } } /*************************************** 6 COLUMN **********************************/ .stacks_in_26373.RC6_L, .stacks_in_26373.RC6_L1 { float: left; } .stacks_in_26373.RC6_R, .stacks_in_26373.RC6_R1 { float: left; } .stacks_in_26373.RC6 { width: 15%; width: calc(100%/6 - 1%*1.68); } .stacks_in_26373.RC6_S { width: 15.2%; } .stacks_in_26373.RC6_M { float: left; margin: 0 1% 10px 1%; } .stacks_in_26373.RC6_LF, .stacks_in_26373.RC6_LL, .stacks_in_26373.RC6_RF, .stacks_in_26373.RC6_RL { margin: 0 1% 10px 1%; } .stacks_in_26373.RC6_L1 { margin: 0 1% 10px 0; } .stacks_in_26373.RC6_R1 { margin: 0 0 10px 1%; } /*@media (max-width: 1099px) { .stacks_in_26373.RC6_S { width: 15%; } }*/ @media (max-width: 800px) { .stacks_in_26373.RC6, .stacks_in_26373.RC6_S { width: 49%; width: calc(100%/2 - 1%); } .stacks_in_26373.RC6_LF { float: left; margin: 0 1% 10px 0; } .stacks_in_26373.RC6_LL { float: left; margin: 0 0 10px 1%; } .stacks_in_26373.RC6.RC6_Goff, .stacks_in_26373.RC6_S.RC6_Goff, .stacks_in_26373.RC6_R1.RC6_LL.RC6_S.RC6_Goff, .stacks_in_26373.RC6_L1.RC6_LF.RC6_S.RC6_Goff { width:50%; } .stacks_in_26373.RC6_LF.RC6_Goff { float: left; margin: 0 0 10px 0; } .stacks_in_26373.RC6_LL.RC6_Goff { float: left; margin: 0 0 10px 0; } } @media (max-width: 600px) { .stacks_in_26373.RC6, .stacks_in_26373.RC6_S { width: 100% !important; margin: 0 0 10px 0 !important; } } #stacks_out_26376 { width: 250px; }