.container {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box; }
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box; } @media (min-width: 400px) {
.container {
width: 85%;
padding: 0; }
} @media (min-width: 550px) {
.container {
width: 80%; }
.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child {
margin-left: 0; }
.one.column,
.one.columns                    { width: 4.66666666667%; }
.two.columns                    { width: 13.3333333333%; }
.three.columns                  { width: 22%;            }
.four.columns                   { width: 30.6666666667%; }
.five.columns                   { width: 39.3333333333%; }
.six.columns                    { width: 48%;            }
.seven.columns                  { width: 56.6666666667%; }
.eight.columns                  { width: 65.3333333333%; }
.nine.columns                   { width: 74.0%;          }
.ten.columns                    { width: 82.6666666667%; }
.eleven.columns                 { width: 91.3333333333%; }
.twelve.columns                 { width: 100%; margin-left: 0; }
.one-third.column               { width: 30.6666666667%; }
.two-thirds.column              { width: 65.3333333333%; }
.one-half.column                { width: 48%; } .offset-by-one.column,
.offset-by-one.columns          { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns          { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns        { margin-left: 26%;            }
.offset-by-four.column,
.offset-by-four.columns         { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns         { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns          { margin-left: 52%;            }
.offset-by-seven.column,
.offset-by-seven.columns        { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns        { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns         { margin-left: 78.0%;          }
.offset-by-ten.column,
.offset-by-ten.columns          { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns       { margin-left: 95.3333333333%; }
.offset-by-one-third.column,
.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
.offset-by-one-half.column,
.offset-by-one-half.columns     { margin-left: 52%; }
}  html {
font-size: 62.5%; }
body {
font-size: 1.5em; line-height: 1.6;
font-weight: 400;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222; } h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; } @media (min-width: 550px) {
h1 { font-size: 5.0rem; }
h2 { font-size: 4.2rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }
}
p {
margin-top: 0; } a {
color: #1EAEDB; }
a:hover {
color: #0FA0CE; } .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
color: #333;
border-color: #888;
outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
background-color: #33C3F0;
border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB; } input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px; background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; } input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0; }
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 600; }
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal; } ul {
list-style: circle inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; }
li {
margin-bottom: 1rem; } code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; } th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; } button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; } .u-full-width {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; } hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }  .container:after,
.row:after,
.u-cf {
content: "";
display: table;
clear: both; }   @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {} @media (min-width: 1000px) {} @media (min-width: 1200px) {}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
max-width: 100%;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body, button, input, select, textarea {
color: #2b2b2b;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin: 12px 0 12px;
}
h1 {
font-size: 26px;
line-height: 1.3846153846;
}
h2 {
font-size: 24px;
line-height: 1;
}
h3 {
font-size: 22px;
line-height: 1.0909090909;
}
h4 {
font-size: 20px;
line-height: 1.2;
}
h5 {
font-size: 18px;
line-height: 1.3333333333;
}
h6 {
font-size: 16px;
line-height: 1.5;
}
address {
font-style: italic;
margin-bottom: 24px;
}
abbr[title] {
border-bottom: 1px dotted #2b2b2b;
cursor: help;
}
b, strong {
font-weight: 700;
}
cite, dfn, em, i {
font-style: italic;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
p {
margin-bottom: 24px;
}
code, kbd, tt, var, samp, pre {
font-family: Courier, monospace, serif;
font-size: 15px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
line-height: 1.6;
}
pre {
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 24px;
max-width: 100%;
overflow: auto;
padding: 12px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote, q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
blockquote {
color: #767676;
font-size: 19px;
font-style: italic;
font-weight: 300;
line-height: 1.2631578947;
margin-bottom: 24px;
}
blockquote cite, blockquote small {
color: #2b2b2b;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote strong, blockquote b {
font-weight: 400;
}
small {
font-size: smaller;
}
big {
font-size: 125%;
}
sup, sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
dl {
margin-bottom: 24px;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 24px;
}
ul, ol {
list-style: none;
margin: 0 0 24px 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul, li > ol {
margin: 0 0 0 20px;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 24px;
padding: 11px 12px 0;
}
legend {
white-space: normal;
}
button, input, select, textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button, input {
line-height: normal;
}
input, textarea {
background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)); -webkit-appearance: none;
-webkit-border-radius:0px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"] {
padding: 0;
-webkit-appearance: checkbox;
}
input[type="radio"] {
padding: 0;
-webkit-appearance: radio;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table, th, td {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: bold;
}
td {
border-width: 0 1px 1px 0;
}
del {
color: #767676;
}
hr {
background-color: rgba(0, 0, 0, 0.1);
border: 0;
height: 1px;
margin-bottom: 23px;
}  ::-webkit-input-placeholder {
color: #939393;
}
:-moz-placeholder {
color: #939393;
}
::-moz-placeholder {
color: #939393;
opacity: 1; }
:-ms-input-placeholder {
color: #939393;
} img, .wp-caption {
max-width: 100%;
} .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img {
height: auto;
}
img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {
height: auto;
max-width: 100%;
} .wp-post-image {
display: block;
margin-left: auto;
margin-right: auto;
} embed, iframe, object, video {
margin-bottom: 24px;
max-width: 100%;
}
p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
margin-bottom: 0;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {
margin: 7px 16px 15px 0;
}
.wp-caption.alignleft {
margin: 7px 14px 15px 0;
}
blockquote.alignright, figure.wp-caption.alignright, img.alignright {
margin: 7px 0 15px 16px;
}
.wp-caption.alignright {
margin: 7px 0 15px 14px;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 15px;
} .wp-caption {
margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption {
color: #767676;
}
.wp-caption-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0;
}
div.wp-caption .wp-caption-text {
padding-right: 10px;
}
div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
padding-right: 0;
}
.wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.hide {
display: none;
}
.lf {
float: left;
}
.rf {
float: right;
}
.cf {
clear: both;
} body {
background-color: #253125;
}
#top {
background: #0F1B11; background: -moz-linear-gradient(top, #234B30 0%, #0F1B11 40%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #234B30), color-stop(40%, #0F1B11)); background: -webkit-linear-gradient(top, #234B30 0%, #0F1B11 40%); background: -o-linear-gradient(top, #234B30 0%, #0F1B11 40%); background: -ms-linear-gradient(top, #234B30 0%, #0F1B11 40%); background: linear-gradient(to bottom, #234B30 0%, #0F1B11 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#234B30', endColorstr='#0F1B11', GradientType=0); -moz-box-shadow: 1px 1px 3px #111;
-webkit-box-shadow: 1px 1px 3px #111;
box-shadow: 1px 1px 3px #111;
}
.sitewrap {
background-color: #FBF0D4;
} article a, .widget a, .pagination a {
color: #1D6D26;
text-decoration: none;
}
.site-footer a {
color: #ffffff;
text-decoration: none;
}
article .entry-content a, article .entry-summary a, article footer a, .pagination a {
font-weight: bold;
}
article a:hover, .widget a:hover, .pagination a:hover, .site-footer a:hover {
color: #F3B333;
} body {
font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
font-size: 16px;
}
header, .widget-title, h1, h2, h3, h4, h5, h6 {
font-family: 'Signika', Verdana, sans-serif;
} .search form {
width: 240px;
margin: 6px auto 2px auto;
height: 31px;
display: relative;
}
.in-search, .btn-search {
border: 0;
padding: 2px 5px;
background: #F5F5F5;
border-style: solid;
border-color: #666;
height: 25px;
float: left;
}
.in-search {
border-width: 1px 0px 1px 1px;
width: 210px;
font-size: 14px;
}
.btn-search {
border-width: 1px 1px 1px 0px;
width: 30px;
font-size: 16px;
} .site-nav ul {
margin: 0;
}
.site-nav ul li {
list-style: none;
background-color: #dddddd;
}
.site-nav ul li a {
color: #1D4029;
display: block;
text-decoration: none;
font-size: 20px;
}
#nav-primary ul li {
background-color: #1D4029;
}
#nav-primary ul li a {
text-transform: uppercase;
color: #ffffff;
font-size: 22px;
}  article {
word-wrap: break-word;
}
article header {
color: #666;
font-weight: 300;
}
.entry-header h1 {
font-weight: 400;
font-size: 30px;
margin-bottom: 1px;
margin-top: 0px;
color: #2b2b2b;
}
.archive-header h1 {
font-weight: 300;
}
.entry-header a {
text-decoration: none;
}
.entry-date {
margin-bottom: 5px;
font-size: 14px;
}
.entry-content, .entry-summary, .page-content {
word-wrap: break-word;
text-align: justify;
font-size: 97%;
}
.archive-header {
box-shadow: 0px 0px 3px 0px #6E6E80;
padding: 10px;
margin: 25px;
}
article footer {
background-color: #F0DDBD;
color: #2B2B2B;
clear: both;
}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child {
margin-top: 0;
} .post-social span {
display: inline-block;
float: left;
padding-top: 6px;
margin-right: 18px;
height: 32px;
}
.comments-link {
font-size: 16px;
}
.comments-link a {
text-decoration: none;
}  .btn-share {
width: 32px;
height: 32px;
text-align: center;
margin-right: 12px;
float: left;
background: #888;
box-shadow: inset 0 0 0 0 #888;
transition: all ease 0.4s;
}
.btn-share a {
display: block;
text-decoration: none;
color: #ffffff;
padding-top: 4px;
padding-bottom: 1px;
}
.btn-share a:hover {
color: #ffffff;
}
.btn-share a i {
font-size: 24px;
}
.btn-share.fb:hover {
box-shadow: inset 0 32px 0 0 #3B5998; ;
}
.btn-share.tw:hover {
box-shadow: inset 0 32px 0 0 #00ACED; ;
}
.btn-share.gp:hover {
box-shadow: inset 0 32px 0 0 #D14836; ;
}
.btn-share.rd:hover {
box-shadow: inset 0 32px 0 0 #FF4500; ;
} .btn-social {
width: 36px;
height: 36px;
padding: 6px;
text-align: center;
float: left;
}
.btn-social a {
display: block;
text-decoration: none;
background-color: #fff;
width: 36px;
height: 36px;
border-radius: 36px;
box-shadow: 2px 2px #F3B333;
}
.btn-social a:hover {
background-color: #1D4029;
}
.btn-social a i {
font-size: 24px;
color: #1D4029;
padding-top: 6px;
}
.btn-social a:active {
box-shadow: none;
padding-top: 2px;
padding-left: 2px;
}
.btn-social a:hover i {
color: #ffffff;
} .foot-col ul {
list-style: none;
}
.site-footer {
color: #ffffff;
}
.site-footer a {
text-decoration: underline;
}
.foot-widget-title {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
padding-left: 8px;
border-bottom: 1px solid #fff;
color: #fff;
line-height: 1.3846153846;
} @-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
} @media screen and (max-width:729px) {
.tablet, .desktop, .hero-meta, #nav-primary, #nav-2, #nav-3 {
display: none;
}
#ad1-inline, #ad3-inline, #ad4-inline {
display:none!important;
}
.hero-banner {
margin: 8px auto;
text-align: center;
}
.search form {
width: 300px;
}
.in-search {
width: 270px;
}
main {
width: 100%;
}
#top {
background: #0F1B11;
} .site-nav {
border-bottom: 1px solid #1D4029;
}
.site-nav ul li {
height: 30px;
}
#nav-2 ul li, #nav-3 ul li {
border-bottom: 1px solid #bbb;
}
#nav-2 ul li a, #nav-3 ul li a {
padding-left: 20px;
} #nav-2 li:hover, #nav-2 li:target, #nav-3 li:hover, #nav-3 li:target {
background-color: #2B2B2B;
}
#nav-2 li:hover a, #nav-2 li:target a, #nav-3 li:hover a, #nav-3 li:target a {
color: #ffffff;
}
#nav-primary {
border-top: 1px solid #ffffff;
}
.titlebar, #nav-primary {
border-bottom: 1px solid #1D4029;
background-color: #1D4029;
color: #ffffff;
text-align: center;
}
.titlebar h1 {
margin: 0;
font-size: 24px;
font-weight: normal;
}
.titlebar i {
font-size: 24px;
position: absolute;
top: 4px;
right: 8px;
color: #ffffff;
}
.titlebar a {
color: #ffffff;
text-decoration: none;
}
.menubar {
border-top: 1px solid #666;
}
.btn-menu {
font-size: 22px;
height: 32px;
border-bottom: 1px solid #1D4029;
background-color: #dddddd;
}
.btn-menu a {
display: block;
text-decoration: none;
color: #1D4029;
padding-left: 20px;
cursor: pointer;
}
.btn-menu i {
font-size: 20px;
position: relative;
margin-top: 6px;
right: 8px;
color: #1D4029;
}
.btn-menu.m1 {
border-top: 1px solid #1D4029;
} article {
padding: 6px 0;
}
.archive-header {
margin: 0;
}
.entry-meta {
margin-bottom: 8px;
}
.entry-header, .entry-summary, .entry-content, .post-cat {
padding: 4px 8px;
}
#disqus_thread {
padding: 8px;
}
article footer {
padding: 4px 10px;
}
.post-social span {
margin-right: 8px;
}
.btn-share.rd {
margin-right: 0px; ;
} img.alignleft, img.alignright {
float: none;
display: block;
margin: 8px auto;
} p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {
max-width: 310px!important;
display: block;
margin-left: auto;
margin-right: auto;
height: auto;
} .foot-wrap {
padding: 5px;
}
.foot-col {
float: left;
min-width: 120px;
font-size: 14px;
padding: 5px;
}
.pagination {
height: 30px;
padding: 0 12px;
margin: 12px 0;
;
}
} @media screen and (min-width:730px) and (max-width:1200px) {
.mobile, .desktop {
display: none;
}
.hero {
width: 728px;
margin: 0 auto;
}
.hero-banner ins.adsbygoogle {
display: inline-block; width: 728px;
height: 90px;
}
#top {
background: #0F1B11;
}
.logo, .hero-banner, .hero-meta {
height: 90px;
}
.logo {
width: 260px;
overflow: hidden;
float: left;
margin-bottom: 12px;
}
.hero-meta {
float: right;
margin-top: -204px;
width: 468px;
}
.hero-banner {
clear: both;
margin-bottom: 12px;
}
.logo img {
max-width: 260px;
max-height: 90px;
}
.search form {
width: 460px;
}
.btn-social {
width: 85px;
padding: 4px;
}
.btn-social a {
margin: 0 auto;
}
.in-search {
width: 430px;
} .menubar {
width: 100%;
height: 52px;
}
.btn-menu {
float: left;
width: 33.33%;
text-align: center;
}
.btn-menu a {
display: block;
cursor: pointer;
text-decoration: none;
color: #ffffff;
background-color: #1D4029;
padding: 6px 0px;
width: 200px;
}
.btn-selected {
background-color: #f0d96f!important;
color: #060805!important;
}
.btn-menu.m2 a {
margin: 0 auto;
}
.btn-menu.m3 a {
float: right;
}
#nav-primary ul li {
background-color: #dddddd;
}
#nav-primary ul li a {
text-transform: none;
color: #1D4029;
font-size: 20px;
}
#nav-primary, #nav-2, #nav-3 {
display: none; }
.site-nav {
width: auto;
border-top: 1px solid #1D4029;
}
.site-nav ul li {
border-bottom: 1px solid #bbb;
padding-left: 20px;
}
.site-nav ul li a {
font-size: 20px;
} article {
padding: 6px 0;
}
.entry-header, .entry-content, .entry-summary, .post-cat {
padding: 6px 12px;
}
#disqus_thread {
padding: 16px 12px;
}
article footer {
height: 50px;
font-size: 14px;
}
.post-social {
float: right;
margin-top: 9px;
}
.entry-meta {
float: left;
margin-top: 9px;
margin-left: 12px;
}
article img {
max-width: 100%;
margin-bottom: 15px;
}
.archive-header {
margin: 12px;
}
.pagination {
height: 30px;
padding: 0 12px;
margin: 12px 0;
;
} .foot-wrap {
padding: 24px 5px;
}
.foot-col {
float: left;
min-width: 150px;
font-size: 14px;
padding: 5px;
}
.foot-col ul, .foot-col ol {
margin: 0px 0px 12px 0px;
}
} @media screen and (min-width:1201px) {
#top {
position: relative;
z-index: 8;
}
#content {
float: left;
width: 948px;
padding-bottom: 12px;
}
.sitewrap {
margin: 0px auto;
box-shadow: 0 0 12px #000;
}
.hero-banner ins.adsbygoogle {
display: inline-block; width: 728px;
height: 90px;
}
.hero, .sitewrap {
width: 1280px;
margin: 0px auto;
}
.mobile, .menubar, #nav-2, #nav-3 {
display: none!important;
}
.desktop {
display: block;
}
.logo, .hero-banner, .hero-meta {
float: left;
height: 90px;
}
.logo {
width: 260px;
overflow: hidden;
}
.logo img {
max-width: 260px;
max-height: 90px;
}
.hero-banner {
width: 728px;
overflow: hidden;
}
.hero-banner img {
max-width: 728px;
max-height: 90px;
}
.hero-meta {
width: 292px;
} .secondary {
width: 100%;
background: #060805;
height: 15px;
}
.secondary > ul {
z-index: 9;
position: relative;
width: 1160px;
height: 60px;
margin: 0px auto;
padding: 0px 10px;
box-shadow: 0px 1px 2px #333;
border-radius: 10px;
}
.secondary ul li {
list-style: none;
float: left;
}
.secondary > ul li {
display: block;
width: 60px;
height: 60px;
}
.secondary > ul li a {
display: block;
width: 100%;
height: 100%;
}
.secondary > ul, .secondary > ul > li {
border-right: 1px solid rgba(38, 96, 38, 0.4);
background: #1C3E26; background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); }
.secondary > ul > li:first-of-type {
border-left: 1px solid rgba(38, 96, 38, 0.4);
}
.secondary > ul > li:hover {
background: #C6E2C9; background: -moz-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #C6E2C9)); background: -webkit-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); background: -o-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); background: -ms-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); background: linear-gradient(to bottom, #1C3E26 0%, #C6E2C9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#C6E2C9', GradientType=0); } .flyout {
display: none;
z-index: 9;
width: 1158px;
height: 260px;
position: absolute;
color: #152F02;
background: #C6E2C9;
font-size: 14px;
-moz-box-shadow: 0 3px 5px #000000;
-webkit-box-shadow: 0 3px 5px #000000;
box-shadow: 0 3px 5px #000000;
}
.flyout a {
color: #000000;
text-decoration: none;
}
.flyout strong a, .flyout a strong {
color: #152F02;
}
.flyout a:hover, .flyout a:hover * {
color: #F3B333;
} .secondary ul li:nth-of-type(2) .flyout {
margin-left: -61px;
}
.secondary ul li:nth-of-type(3) .flyout {
margin-left: -122px;
}
.secondary ul li:nth-of-type(4) .flyout {
margin-left: -183px;
}
.secondary ul li:nth-of-type(5) .flyout {
margin-left: -244px;
}
.secondary ul li:nth-of-type(6) .flyout {
margin-left: -305px;
}
.secondary ul li:nth-of-type(7) .flyout {
margin-left: -366px;
}
.secondary ul li:nth-of-type(8) .flyout {
margin-left: -427px;
}
.secondary ul li:nth-of-type(9) .flyout {
margin-left: -488px;
}
.secondary ul li:nth-of-type(10) .flyout {
margin-left: -549px;
}
.secondary ul li:nth-of-type(11) .flyout {
margin-left: -610px;
}
.secondary ul li:nth-of-type(12) .flyout {
margin-left: -671px;
}
.secondary ul li:nth-of-type(13) .flyout {
margin-left: -732px;
}
.secondary ul li:nth-of-type(14) .flyout {
margin-left: -793px;
}
.secondary ul li:nth-of-type(15) .flyout {
margin-left: -854px;
}
.secondary ul li:nth-of-type(16) .flyout {
margin-left: -915px;
}
.secondary ul li:nth-of-type(17) .flyout {
margin-left: -976px;
}
.secondary ul li:nth-of-type(18) .flyout {
margin-left: -1037px;
}
.secondary ul li:nth-of-type(19) .flyout {
margin-left: -1098px;
} .secondary .g1 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G01.png);
}
.secondary .g2 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G02.png);
}
.secondary .g3 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G03.png);
}
.secondary .g4 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G04.png);
}
.secondary .g5 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G05.png);
}
.secondary .g6 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G06.png);
}
.secondary .g7 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G07.png);
}
.secondary .g8 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G08.png);
}
.secondary .g9 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G09.png);
}
.secondary .g10 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G10.png);
}
.secondary .g11 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G11.png);
}
.secondary .g12 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G12.png);
}
.secondary .g13 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G13.png);
}
.secondary .g14 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G14.png);
}
.secondary .g15 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G15.png);
}
.secondary .g16 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G16.png);
}
.secondary .g17 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G17.png);
}
.secondary .g18 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G18.png);
}
.secondary .g19 > a {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/G19.png);
} .secondary .g1 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY01.jpg);
}
.secondary .g2 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY02.jpg);
}
.secondary .g3 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY03.jpg);
}
.secondary .g4 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY04.jpg);
}
.secondary .g5 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY05.jpg);
}
.secondary .g6 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY06.jpg);
}
.secondary .g7 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY07.jpg);
}
.secondary .g8 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY08.jpg);
}
.secondary .g9 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY09.jpg);
}
.secondary .g10 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY10.jpg);
}
.secondary .g11 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY11.jpg);
}
.secondary .g12 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY12.jpg);
}
.secondary .g13 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY13.jpg);
}
.secondary .g14 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY14.jpg);
}
.secondary .g15 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY15.jpg);
}
.secondary .g16 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY16.jpg);
}
.secondary .g17 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY17.jpg);
}
.secondary .g18 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY18.jpg);
}
.secondary .g19 .fly-img {
background-image: url(//www.zeldadungeon.net/wp-content/themes/warrior/images/FLY19.jpg);
} .fly-col {
width: 288px; display: table-cell;
}
.fly-col:first-of-type {
text-align: center;
width: 274px;
display: block;
}
.fly-col ul {
margin-left: 5px;
}
.fly-col ul li {
list-style: none;
background: none;
display: block;
width: auto;
height: auto;
float: none;
}
.fly-col ul li:first-of-type {
font-weight: bold;
margin: 5px 0;
}
.fly-col ul li a {
width: auto;
height: auto;
display: inline;
}
.fly-img {
width: 230px;
margin: 0px 22px;
height: 150px;
} .secondary ul li:hover .flyout {
display: table;
}
.flyout:hover {
display: table;
}
#nav-primary {
display: table!important; }
#nav-primary ul li {
background-color: inherit;
}
#nav-primary ul li:hover a {
color: #f0d96f;
}
.primary-mast {
background: #060805;
}
.site-nav {
display: table;
table-layout: fixed; width: 1280px;
margin: 0 auto;
}
.site-nav ul {
display: table-row;
width: 100%;
}
.site-nav ul li {
display: table-cell;
height: 44px;
width: auto;
float: none;
vertical-align: middle;
text-align: center;
}
.social {
width: 240px;
height: 48px;
margin: 0px auto;
}
.social img {
float: left;
}
.post-social {
float: right;
margin-top: 9px;
} article, #disqus_thread, .pagination {
margin: 20px 20px 25px;
}
article img {
max-width: 100%;
margin-bottom: 12px;
}
article footer {
width: 100%;
height: 50px;
font-size: 14px;
border-radius: 10px;
}
.entry-meta {
float: left;
margin-top: 13px;
margin-left: 10px;
}
.pagination {
padding-bottom: 6px;
} .sidebar {
z-index: 1; float: left;
width: 312px;
position: relative;
margin-top: 25px;
margin-bottom: 25px;
margin-right: 20px;
background-color: #F0DDBD;
border-radius: 10px;
}
.widget {
font-size: 14px;
padding: 6px;
}
.widget_search .search-form {
margin-left: 8px;
}
.widget ul {
list-style: none;
margin: 3px;
margin-left: 8px;
}
.widget a {
text-decoration: none;
}
.widget-title {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
padding-left: 8px;
border-bottom: 1px solid #2B2B2B;
color: #2B2B2B;
line-height: 1.3846153846;
} .site-footer {
width: auto;
position: relative;
z-index: 9;
}
.foot-wrap {
padding: 20px 0;
width: 1280px;
margin: 0px auto;
display: table;
}
.foot-col {
float: left;
min-width: 250px;
font-size: 14px;
}
} @media print {
.primary-mast, .secondary, .mobile, .tablet, .hero-banner, .hero-meta, .sidebar {
display: none;
}
body {
background: none !important;
color: #2b2b2b;
font-size: 12pt;
}
}  .pad3{padding:3px}
.pad5{padding:5px}
.margin3{margin:3px}
.margin5{margin:5px}
.left{float:left !important; margin:0px 2px 2px 0px;}
.right{float:right !important; margin:0px 0px 2px 2px;}
.center{margin:auto;}
.clear, .box > hr {clear:both;}
.b_dash {border:dashed #949494;}
.b_solid {border:solid #949494;}
.b_bright {border:solid #585858}
.b {border:1px}
.b_top: {border:border-top-width:1px;}
.b_right: {border:border-right-width:1px;}
.b_bottom: {border:border-bottom-width:1px;}
.b_left: {border:border-left-width:1px;} .font1 {font-family:Impact;}
.font2 {font-family:Helvetica,Serif;}
.font3 {font-family:Ariel;}
.font4, .box > div {font-family:System;}
.italic {font-style:italic;}
.size1 {font-size:0.6em}
.size2 {font-size:0.75em}
.size3 {font-size:0.9em}
.size4 {font-size:1.3em}
.size5 {font-size:1.5em}
.size6 {font-size:1.8em}
.size7 {font-size:2.1em}
.size8 {font-size:2.4em}
.center {position:relative; margin:0 auto; text-align:center;}
.justify {text-align:justify;}
.red {color:#7d1717}
.orange {color:#ea8400}
.yellow {color:#fffc00}
.green {color:#1e6b1e}
.teal {color:#09abad}
.blue {color:#133aab}
.purple {color:#714bd1}
.pink {color:#d784ff}
.white {color:#fff5ec}
.gray {color:#8a8a8a} .box1, .box1bg, .box1 > div {background-color:#d1efd9; background-image:url(https://zeldadungeon.net/wp-content/themes/warrior/images/Box1.jpg)}
.box2, .box2bg, .box2 > div {background-color:#f7c59b; background-image:url(https://zeldadungeon.net/wp-content/themes/warrior/images/Box2.jpg)}
.box1color, .box1 > div {background-color:#a7ddb5; background-image:url(https://zeldadungeon.net/wp-content/themes/warrior/images/Box1Color.jpg)}
.box2color, .box2 > div {background-color:#f7c59b; background-image:url(https://zeldadungeon.net/wp-content/themes/warrior/images/Box2Color.jpg)}
.box1, .box2, td.p, table.p > tr > td, .picbox3 > tr > td, img.p, img.picboximg {border:1px solid #949494;}
.boxtitle {text-align:center; font-size:1.5em; font-style:System;}
.picbox3, table.p {margin:0px auto;}
.picbox1, td.p, table.picbox3 > tr > td, table.p > tr > td, .picboximg, img.p {padding:3px; color:white; border:solid 1px #9d9d9d; background-color:#36281b; background-image:url(https://zeldadungeon.net/wp-content/themes/warrior/images/Picbox.jpg)}
.picbox1, td.p, table.picbox3 > tr > td, table.p > tr > td, {text-align:center; color:white;}
.picbox3 u {text-decoration:none; top:2px; left:2px; right:2px;}
.picbox3 i {font-style:normal; bottom:2px; left:2px; right:2px;}
.p {text-align:center; display:block; clear:both;}
.p > span, .p > a, .p > img {display:inline-block; margin-top:0px; margin-bottom:0px; background-color:#36281b; background-image:url(https://zeldadungeon.net/wp-content/themes/warrior/images/Picbox.jpg);}
.p > span, .p > a {text-align:center; vertical-align:top; position:relative; color:white; font-size:0.8em; !font-weight:normal;}
.p > span > img, .p > a > img {max-width:100%; min-width:24px; width:auto; min-height:24px; height:auto; margin-bottom:0px;}
.p > span > u, .p > span > i, .p > a > u, .p > a > i, .picbox3 > tr > td > u, .picbox3 > tr > td > i {display:block; position:absolute; z-index:2; overflow:hidden; padding:1px; color:white; background-image:url(https://zeldadungeon.net/wp-content/themes/warrior/images/BlackTransparency.png);}
.p u, .p i {text-decoration:none; font-style:normal; color:white;}
@media screen and (max-width: 800px) {
.p {margin:2px 0px 0px;}
.p > br {height:0px; width:0px; overflow:hidden; visibility:hidden; border:0px;}
.p > span, .p > a, .p > img {box-shadow: 0px 0px 2px #000000; font-size:0.8em; margin-bottom:2px;}
.p1 > span, .p1 > a, .p1 > img {max-width:100%;}
.p2 > span, .p2 > a, .p2 > img {max-width:49.5%; margin-right:0.5%;}
.p3 > span, .p3 > a, .p3 > img {max-width:32.5%; margin-right:0.5%;}
.p4 > span, .p4 > a, .p4 > img {max-width:49%; margin-right:0.5%;}
.p4 > :second-child {margin-right:0px;}
.p4 > :last-child {margin-right:2px;}
.p u {top:0px; left:0px; right:0px; font-size:0.8em;}
.p i {bottom:0px; left:0px; right:0px; font-size:0.8em;}
.box {width:98%; margin:2px 1% 12px;}
}
@media screen and (min-width: 801px) {
.p {margin:4px 0px;}
.p > br {display:none;}
.p > span, .p > a, .p > img {border:1px solid #949494;}
.p1 > span, .p1 > a, .p1 > img {max-width:100%;}
.p2 > span, .p2 > a, .p2 > img {max-width:49%; margin-right:4px;}
.p3 > span, .p3 > a, .p3 > img {max-width:31%; margin-right:4px;}
.p4 > span, .p4 > a, .p4 > img {max-width:23%; margin-right:4px;}
.p4 > :last-child {margin-right:0px;}
.p > span, .p > a, .p > img {padding:3px;}
.p u {top:3px; left:3px; right:3px;}
.p i {bottom:3px; left:3px; right:3px;}
.box {width:48.5%; margin:2px 0.5% 12px; float:right;}
}
.p2 > :last-child, .p3 > :last-child {margin-right:0px;}
.box > p, .box > div {padding:2px; margin:0px;}
.box > div {border-bottom:1px solid #949494; font-weight:bold;}
.box > div > p {display:inline; padding-left:5px; padding:right:2px; margin:0px; float:right; font-size:0.8em; vertical-align:middle; font-weight:normal; font-style:italic;}
.box > img {max-width:30%;}
hr.clear, .box > hr {background:none; border:0px; display:block; float:none; font-size:0px; margin:0px; padding:0px; overflow:hidden; visibility:hidden; width:0px; height:0px;}
.r {float:right; margin:2px;}
.l {float:left; margin:2px;}
.chapternav > li > u {font-family:Georgia; font-size:1.2em;}
.chapternav, .chapternav > li > ol {counter-reset: section; list-style-type:none;}
.chapternav > li:before, .chapternav > li > ol > li:before {counter-increment: section; content: counters(section,".") " ";} .walkthrough section > .summary { border-radius: 10px; padding: 6px; background-color: #F0DDBD; }
.walkthrough section > .summary > h2 { margin-bottom: 6px; border-bottom: 1px solid #B2B2B2; padding-left: 8px; }
.walkthrough section > .summary aside { padding: 6px; vertical-align: top; }
.walkthrough section > .summary aside h6 { margin-bottom: 0px; cursor: pointer; }
.walkthrough section > .summary aside h6::before { content: "-"; padding-right: .3em; }
.walkthrough section > .summary aside.collapsed h6::before { content: "+"; }
.walkthrough section > .summary aside img { margin-bottom: 0px; }
.walkthrough section > .summary table { margin: 0px; border: 0px; width: auto; }
.walkthrough section > .summary th { border: 0px; text-align: right; }
.walkthrough section > .summary td { border: 0px; padding-left: 1em; }
.walkthrough section > .summary dl { margin-bottom: 0px; }
.walkthrough section > .summary dd { margin-bottom: 0px; margin-left: 8em; }
.walkthrough section > .summary dt { float: left; clear: left; margin-right: 1em; width: 8em; text-align: right; font-size: 14px; }
@media screen and (min-width: 730px) {
.walkthrough section > .summary aside { display: inline-block; box-sizing: border-box; width: 50%; }
.walkthrough section > .summary aside + aside { border-left: 1px dashed #B2B2B2; }
}
@media screen and (max-width: 729px) {
.walkthrough section > .summary aside + aside { border-top: 1px dashed #B2B2B2; }
}
.card {
padding: 6px;
border-radius: 10px;
background-color: #F0DDBD;
}
.card > img { float: left; }
.row {
position: relative;
margin: 0 -8px;
border-radius: 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.row > * {
display: block;
float: left;
box-sizing: border-box;
padding: 1%;
width: 100%;
}
.row > h2 { border-bottom: 1px solid #B2B2B2; }
.row.deck > * { display: flex; }
.row.deck > * > .card { flex: 1; }
.row .row { margin: 0; }
.row > .xs-1, .row.scrn.xs-12 > * { width: 8.33333333333%; }
.row > .xs-2, .row.scrn.xs-6 > * { width: 16.66666666667%; }
.row > .xs-3, .row.scrn.xs-4 > * { width: 25%; }
.row > .xs-4, .row.scrn.xs-3 > * { width: 33.33333333333%; }
.row > .xs-5 { width: 41.66666666667%; }
.row > .xs-6, .row.scrn.xs-2 > * { width: 50%; }
.row > .xs-7 { width: 58.33333333333%; }
.row > .xs-8 { width: 66.66666666667%; }
.row > .xs-9 { width: 75%; }
.row > .xs-10 { width: 83.33333333333%; }
.row > .xs-11 { width: 91.66666666667%; }
.row.scrn.xs-1 > * { width: 100%; }
@media (min-width: 475px ) {
.row > .sm-1, .row.scrn.sm-12 > * { width: 8.33333333333%; }
.row > .sm-2, .row.scrn.sm-6 > * { width: 16.66666666667%; }
.row > .sm-3, .row.scrn.sm-4 > * { width: 25%; }
.row > .sm-4, .row.scrn.sm-3 > * { width: 33.33333333333%; }
.row > .sm-5 { width: 41.66666666667%; }
.row > .sm-6, .row.scrn.sm-2 > * { width: 50%; }
.row > .sm-7 { width: 58.33333333333%; }
.row > .sm-8 { width: 66.66666666667%; }
.row > .sm-9 { width: 75%; }
.row > .sm-10 { width: 83.33333333333%; }
.row > .sm-11 { width: 91.66666666667%; }
.row.scrn.sm-1 > * { width: 100%; }
}
@media (min-width: 730px ) {
.row { margin: 0 -12px; }
.row > .md-1, .row.scrn.md-12 > * { width: 8.33333333333%; }
.row > .md-2, .row.scrn.md-6 > * { width: 16.66666666667%; }
.row > .md-3, .row.scrn.md-4 > * { width: 25%; }
.row > .md-4, .row.scrn.md-3 > * { width: 33.33333333333%; }
.row > .md-5 { width: 41.66666666667%; }
.row > .md-6, .row.scrn.md-2 > * { width: 50%; }
.row > .md-7 { width: 58.33333333333%; }
.row > .md-8 { width: 66.66666666667%; }
.row > .md-9 { width: 75%; }
.row > .md-10 { width: 83.33333333333%; }
.row > .md-11 { width: 91.66666666667%; }
.row.scrn.md-1 > * { width: 100%; }
}
@media (min-width: 1201px ) {
.row {
margin: 0 auto;
}
.row.card {
border-radius: 10px;
}
} .scrn { position: relative; text-align: center; color: white; font-size: 0px; }
.scrn .scrnwrap { display: inline; position: relative; }
.scrn img { margin: 0px; max-width: 100%; }
.scrn > .outwrap, .scrn.cols-1 > .outwrap {
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0.5%;
max-width: 99%;
}
.scrn > .outwrap {
border: 1px solid black;
padding: 3px;
background-color: #7c6e60;
background-image: url(https://zeldadungeon.net/wp-content/themes/warrior/images/Picbox.jpg);
font-size: 14px;
}
.scrn .inwrap { position: relative; }
@media (min-width: 475px) {
.scrn > .outwrap { max-width: 49%; }
}
@media (min-width: 730px) {
.scrn.cols-2 > .outwrap, .scrn.cols-2 .large { max-width: 49%; }
.scrn.cols-3 > .outwrap, .scrn.cols-3 .large { max-width: 32.333333333333333%; }
.scrn.cols-4 > .outwrap, .scrn.cols-4 .large { max-width: 24%; }
.scrn.cols-5 > .outwrap, .scrn.cols-5 .large { max-width: 19%; }
.scrn.cols-6 > .outwrap, .scrn.cols-6 .large { max-width: 15.666666666666666%; }
}
.scrn .top, .scrn .bot {
position: absolute;
left: 0px;
right: 0px;
background-image: url(https://zeldadungeon.net/wp-content/themes/warrior/images/BlackTransparency.png)
}
.scrn .top { top: 0px; }
.scrn .bot { bottom: 0px; }
.scrn .large {
position: absolute;
z-index: 9;
margin: 0.5%;
max-width: 49%;
-webkit-transition: 0.5s;
transition: 0.5s; }
.scrn .large .outwrap { max-width: 99% }
.scrn .enlarged { top: 0px !important; left: 0px !important; right: 0px !important; max-width: 100% !important; }
.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}