/* ------------------------------------------------------- BODY - The outter most DIV that you have control over is called ".gr-box". I treat this as my body when making a skin, hence the comma after the BODY element. ------------------------------------------------------- */ body, .gr-box { font: 16px/24px "Arial", Sans-Serif; background: #000; color: #242627; position: relative; border: none; margin: 0; padding: 0; } /* ------------------------------------------------------- 12 COLUMN GRID ------------------------------------------------------- */ .wrap { max-width: 1080px; margin: auto; padding: 0; position: relative; } .wrap .wrap { width: 100%; padding: 0; } .wrap.wide { max-width: 1500px; } /* Media Query */ @media only screen and (max-width: 1023px) { .wrap { padding: 0 15px; } } @media only screen and (max-width: 1023px) { .wrap .wrap { padding: 0; } } /* ------------------------------------------------------- COLUMNS ------------------------------------------------------- */ .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { display:inline; float: left; position: relative; margin-left: 1.388%; margin-right: 1.388%; } .col_1 { width: 5.5550%; } .col_2 { width: 13.888%; } .col_3 { width: 22.222%; } .col_4 { width: 30.555%; } .col_5 { width: 38.888%; } .col_6 { width: 47.222%; } .col_7 { width: 55.555%; } .col_8 { width: 63.888%; } .col_9 { width: 72.222%; } .col_10 { width: 80.555%; } .col_11 { width: 88.888%; } .col_12 { width: 97.222%; } @media only screen and (max-width: 1023px) { .wrap div[class*="col_"]:not(.no-format) { width: 100%; float: none; height: auto; display: block; padding: 0; margin-left: 0; margin-right: 0; transition: all 0.25s ease-in; } } /* ------------------------------------------------------- COLUMN BEFORE AND AFTER Used to occupy space to the left or right of columns. ------------------------------------------------------- */ .before_1 { padding-left: 8.3330%; } .before_2 { padding-left: 16.666%; } .before_3 { padding-left: 25.000%; } .before_4 { padding-left: 33.333%; } .before_5 { padding-left: 41.667%; } .before_6 { padding-left: 50.000%; } .before_7 { padding-left: 58.333%; } .before_8 { padding-left: 66.667%; } .before_9 { padding-left: 75.000%; } .before_10 { padding-left: 83.333%; } .before_11 { padding-left: 91.667%; } .after_1 { padding-right: 8.3330%; } .after_2 { padding-right: 16.667%; } .after_3 { padding-right: 25.000%; } .after_4 { padding-right: 33.333%; } .after_5 { padding-right: 41.667%; } .after_6 { padding-right: 50.000%; } .after_7 { padding-right: 58.333%; } .after_8 { padding-right: 66.667%; } .after_9 { padding-right: 75.000%; } .after_10 { padding-right: 83.333%; } .after_11 { padding-right: 91.667%; } @media only screen and (max-width: 1023px) { div[class^="before_"], div[class^="after_"] { padding: 0; } } .alpha { margin-left: 0!important; } .omega { margin-right: 0!important; } /* ------------------------------------------------------- NESTED COLUMNS ------------------------------------------------------- */ .col_12 .wrap .col_11 { width: 91.428%; margin-left: 1.428%; margin-right: 1.724%; } .col_12 .wrap .col_10 { width: 82.857%; margin-left: 1.428%; margin-right: 1.724%; } .col_12 .wrap .col_9 { width: 74.285%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_8 { width: 65.714%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_7 { width: 57.142%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_6 { width: 48.571%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_5 { width: 40.000%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_4 { width: 31.428%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_3 { width: 22.857%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_2 { width: 14.285%; margin-left: 1.428%; margin-right: 1.428%; } .col_12 .wrap .col_1 { width: 5.7142%; margin-left: 1.428%; margin-right: 1.428%; } .col_11 .wrap .col_10 { width: 90.625%; margin-left: 1.562%; margin-right: 1.724%; } .col_11 .wrap .col_9 { width: 81.250%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_8 { width: 71.875%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_7 { width: 62.500%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_6 { width: 53.125%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_5 { width: 43.750%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_4 { width: 34.375%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_3 { width: 25.000%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_2 { width: 15.625%; margin-left: 1.562%; margin-right: 1.562%; } .col_11 .wrap .col_1 { width: 6.2500%; margin-left: 1.562%; margin-right: 1.562%; } .col_10 .wrap .col_9 { width: 89.655%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_8 { width: 79.310%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_7 { width: 68.965%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_6 { width: 58.620%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_5 { width: 48.275%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_4 { width: 37.931%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_3 { width: 27.586%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_2 { width: 17.241%; margin-left: 1.724%; margin-right: 1.724%; } .col_10 .wrap .col_1 { width: 6.8960%; margin-left: 1.724%; margin-right: 1.724%; } .col_9 .wrap .col_8 { width: 88.461%; margin-left: 1.923%; margin-right: 1.923%; } .col_9 .wrap .col_7 { width: 76.923%; margin-left: 1.923%; margin-right: 1.923%; } .col_9 .wrap .col_6 { width: 65.384%; margin-left: 1.923%; margin-right: 1.923%; } .col_9 .wrap .col_5 { width: 53.846%; margin-left: 1.923%; margin-right: 1.923%; } .col_9 .wrap .col_4 { width: 42.307%; margin-left: 1.923%; margin-right: 1.923%; } .col_9 .wrap .col_3 { width: 30.769%; margin-left: 1.923%; margin-right: 1.923%; } .col_9 .wrap .col_2 { width: 19.230%; margin-left: 1.923%; margin-right: 1.923%; } .col_9 .wrap .col_1 { width: 7.6920%; margin-left: 1.923%; margin-right: 1.923%; } .col_8 .wrap .col_7 { width: 86.956%; margin-left: 2.173%; margin-right: 2.173%; } .col_8 .wrap .col_6 { width: 73.913%; margin-left: 2.173%; margin-right: 2.173%; } .col_8 .wrap .col_5 { width: 60.869%; margin-left: 2.173%; margin-right: 2.173%; } .col_8 .wrap .col_4 { width: 47.826%; margin-left: 2.173%; margin-right: 2.173%; } .col_8 .wrap .col_3 { width: 34.782%; margin-left: 2.173%; margin-right: 2.173%; } .col_8 .wrap .col_2 { width: 21.739%; margin-left: 2.173%; margin-right: 2.173%; } .col_8 .wrap .col_1 { width: 8.6950%; margin-left: 2.173%; margin-right: 2.173%; } .col_7 .wrap .col_7 { width: 100.00%; margin-left: 0.000%; margin-right: 0.000%; } .col_7 .wrap .col_6 { width: 85.000%; margin-left: 2.500%; margin-right: 2.500%; } .col_7 .wrap .col_5 { width: 70.000%; margin-left: 2.500%; margin-right: 2.500%; } .col_7 .wrap .col_4 { width: 55.000%; margin-left: 2.500%; margin-right: 2.500%; } .col_7 .wrap .col_3 { width: 40.000%; margin-left: 2.500%; margin-right: 2.500%; } .col_7 .wrap .col_2 { width: 25.000%; margin-left: 2.500%; margin-right: 2.500%; } .col_7 .wrap .col_1 { width: 10.000%; margin-left: 2.500%; margin-right: 2.500%; } .col_6 .wrap .col_5 { width: 82.352%; margin-left: 2.941%; margin-right: 2.941%; } .col_6 .wrap .col_4 { width: 64.705%; margin-left: 2.941%; margin-right: 2.941%; } .col_6 .wrap .col_3 { width: 47.058%; margin-left: 2.941%; margin-right: 2.941%; } .col_6 .wrap .col_2 { width: 29.411%; margin-left: 2.941%; margin-right: 2.941%; } .col_6 .wrap .col_1 { width: 11.764%; margin-left: 2.941%; margin-right: 2.941%; } .col_5 .wrap .col_4 { width: 78.571%; margin-left: 3.571%; margin-right: 3.571%; } .col_5 .wrap .col_3 { width: 57.142%; margin-left: 3.571%; margin-right: 3.571%; } .col_5 .wrap .col_2 { width: 35.714%; margin-left: 3.571%; margin-right: 3.571%; } .col_5 .wrap .col_1 { width: 14.285%; margin-left: 3.571%; margin-right: 3.571%; } .col_4 .wrap .col_3 { width: 72.727%; margin-left: 4.545%; margin-right: 4.545%; } .col_4 .wrap .col_2 { width: 45.454%; margin-left: 4.545%; margin-right: 4.545%; } .col_4 .wrap .col_1 { width: 18.181%; margin-left: 4.545%; margin-right: 4.545%; } .col_3 .wrap .col_2 { width: 62.500%; margin-left: 6.250%; margin-right: 6.250%; } .col_3 .wrap .col_1 { width: 25.000%; margin-left: 6.250%; margin-right: 6.250%; } .col_2 .wrap .col_1 { width: 40.000%; margin-left: 10.00%; margin-right: 10.00%; } /* ------------------------------------------------------- NESTED BEFORE ------------------------------------------------------- */ .col_10 .wrap .before_9 { padding-left: 93.103%; } .col_10 .wrap .before_8 { padding-left: 82.758%; } .col_10 .wrap .before_7 { padding-left: 72.413%; } .col_10 .wrap .before_6 { padding-left: 62.068%; } .col_10 .wrap .before_5 { padding-left: 51.724%; } .col_10 .wrap .before_4 { padding-left: 41.379%; } .col_10 .wrap .before_3 { padding-left: 31.034%; } .col_10 .wrap .before_2 { padding-left: 20.689%; } .col_10 .wrap .before_1 { padding-left: 10.344%; } .col_10 .wrap .after_9 { padding-right: 93.103%; } .col_10 .wrap .after_8 { padding-right: 82.758%; } .col_10 .wrap .after_7 { padding-right: 72.413%; } .col_10 .wrap .after_6 { padding-right: 62.068%; } .col_10 .wrap .after_5 { padding-right: 51.724%; } .col_10 .wrap .after_4 { padding-right: 41.379%; } .col_10 .wrap .after_3 { padding-right: 31.034%; } .col_10 .wrap .after_2 { padding-right: 20.689%; } .col_10 .wrap .after_1 { padding-right: 10.344%; } .col_9 .wrap .before_8 { padding-left: 92.307%; } .col_9 .wrap .before_7 { padding-left: 80.769%; } .col_9 .wrap .before_6 { padding-left: 69.230%; } .col_9 .wrap .before_5 { padding-left: 57.692%; } .col_9 .wrap .before_4 { padding-left: 46.153%; } .col_9 .wrap .before_3 { padding-left: 34.615%; } .col_9 .wrap .before_2 { padding-left: 23.076%; } .col_9 .wrap .before_1 { padding-left: 11.538%; } .col_9 .wrap .after_8 { padding-right: 92.307%; } .col_9 .wrap .after_7 { padding-right: 80.769%; } .col_9 .wrap .after_6 { padding-right: 69.230%; } .col_9 .wrap .after_5 { padding-right: 57.692%; } .col_9 .wrap .after_4 { padding-right: 46.153%; } .col_9 .wrap .after_3 { padding-right: 34.615%; } .col_9 .wrap .after_2 { padding-right: 23.076%; } .col_9 .wrap .after_1 { padding-right: 11.538%; } .col_8 .wrap .before_7 { padding-left: 91.304%; } .col_8 .wrap .before_6 { padding-left: 78.260%; } .col_8 .wrap .before_5 { padding-left: 65.217%; } .col_8 .wrap .before_4 { padding-left: 52.173%; } .col_8 .wrap .before_3 { padding-left: 39.130%; } .col_8 .wrap .before_2 { padding-left: 26.086%; } .col_8 .wrap .before_1 { padding-left: 13.043%; } .col_8 .wrap .after_7 { padding-right: 91.304%; } .col_8 .wrap .after_6 { padding-right: 78.260%; } .col_8 .wrap .after_5 { padding-right: 65.217%; } .col_8 .wrap .after_4 { padding-right: 52.173%; } .col_8 .wrap .after_3 { padding-right: 39.130%; } .col_8 .wrap .after_2 { padding-right: 26.086%; } .col_8 .wrap .after_1 { padding-right: 13.043%; } .col_7 .wrap .before_6 { padding-left: 90.000% } .col_7 .wrap .before_5 { padding-left: 75.000% } .col_7 .wrap .before_4 { padding-left: 60.000% } .col_7 .wrap .before_3 { padding-left: 45.000% } .col_7 .wrap .before_2 { padding-left: 30.000% } .col_7 .wrap .before_1 { padding-left: 15.000% } .col_7 .wrap .after_6 { padding-right: 90.000% } .col_7 .wrap .after_5 { padding-right: 75.000% } .col_7 .wrap .after_4 { padding-right: 60.000% } .col_7 .wrap .after_3 { padding-right: 45.000% } .col_7 .wrap .after_2 { padding-right: 30.000% } .col_7 .wrap .after_1 { padding-right: 15.000% } .col_6 .wrap .before_5 { padding-left: 88.235% } .col_6 .wrap .before_4 { padding-left: 70.588% } .col_6 .wrap .before_3 { padding-left: 52.941% } .col_6 .wrap .before_2 { padding-left: 35.294% } .col_6 .wrap .before_1 { padding-left: 17.647% } .col_6 .wrap .after_5 { padding-right: 88.235% } .col_6 .wrap .after_4 { padding-right: 70.588% } .col_6 .wrap .after_3 { padding-right: 52.941% } .col_6 .wrap .after_2 { padding-right: 35.294% } .col_6 .wrap .after_1 { padding-right: 17.647% } .col_5 .wrap .before_4 { padding-left: 85.714% } .col_5 .wrap .before_3 { padding-left: 64.285% } .col_5 .wrap .before_2 { padding-left: 42.857% } .col_5 .wrap .before_1 { padding-left: 21.428% } .col_5 .wrap .after_4 { padding-right: 85.714% } .col_5 .wrap .after_3 { padding-right: 64.285% } .col_5 .wrap .after_2 { padding-right: 42.857% } .col_5 .wrap .after_1 { padding-right: 21.428% } .col_4 .wrap .before_3 { padding-left: 81.818% } .col_4 .wrap .before_2 { padding-left: 54.545% } .col_4 .wrap .before_1 { padding-left: 27.272% } .col_4 .wrap .right_3 { padding-right: 81.818% } .col_4 .wrap .right_2 { padding-right: 54.545% } .col_4 .wrap .right_1 { padding-right: 27.272% } .col_3 .wrap .before_2 { padding-left: 42.857% } .col_3 .wrap .before_1 { padding-left: 37.500% } .col_3 .wrap .after_2 { padding-right: 42.857% } .col_3 .wrap .after_1 { padding-right: 37.500% } .col_2 .wrap .before_1 { padding-left: 60.000% } .col_2 .wrap .after_1 { padding-right: 60.000% } .clear:before, .clear:after { content:""; display:table; } .clear:after { clear:both; } .clear { clear:both; } iframe { display: block; width: 100%; } .col_2 iframe { height: 084px; } .col_3 iframe { height: 135px; } .col_4 iframe { height: 186px; } .col_5 iframe { height: 236px; } .col_6 iframe { height: 287px; } .col_7 iframe { height: 338px; } .col_8 iframe { height: 388px; } .col_9 iframe { height: 439px; } .col_10 iframe { height: 489px; } .col_11 iframe { height: 540px; } .col_12 iframe { height: 591px; } @media only screen and (max-width: 1023px) { .text iframe { height: 236px; } .col_10 iframe { height: 404px; } } @media only screen and (max-width: 767px) { .col_10 iframe { height: 197px; } } .align-center { text-align: center; } .align-right { text-align: right; } .align-left { text-align: left; } /* ------------------------------------------------------- MISC - This is the reset that resets the default journal skin ------------------------------------------------------- */ span.ogpreview { display: none; } .gr-body {overflow: hidden; } i.gr1, i.gr1 i, i.gr2, i.gr2 i, i.gr3, .gr-top { display:none; } .gr-body { background: transparent; border: 0!important; position: static; overflow: visible; } .gr-body .grf-indent { background: transparent; margin: auto; text-align: center; padding: 0; } .gr-body .gr { border: 0!important; position: static; background: none; } .text { padding: 0; position: relative; text-align: left; } .text br { display: none; } .list { height: 0; width: 0; clear: both; visibility: hidden; }