@import url("https://fonts.googleapis.com/css?family=Vast+Shadow"); 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
input, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 100%; }
body {
background-color: #fff;
line-height: 1;
}
body,
input,
select,
textarea,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a,
a:visited,
button,
input[type="button"],
input[type="submit"],
.btn {
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
::-moz-selection {
background-color: #1e1e1e;
color: #fff;
}
::selection {
background-color: #1e1e1e;
color: #fff;
}
a img {
border: none;
}  a:hover,
body,
h2 a,
h2 a:visited,
h4.widgettitle a,
input,
.author,
.date,
.post-comments {
color: #333;
}
.genesis-nav-menu a {
color: #94A0BE;
}
.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited {
color: #BDC5D9;
}
a,
h2 a:hover {
color: #B15C07;
}
#description,
.genesis-nav-menu li a:hover,
.genesis-nav-menu li:hover a,
.genesis-nav-menu li li a:hover,
.genesis-nav-menu .current-menu-item a {
color: #fff;
}
#title a,
#title a:hover {
color: #BAC3D8;
}
#footer a,
#footer-widgets a {
color: #A9D463;
}
.post-info,
.post-meta {
color: #636363;
}
blockquote::before,
blockquote p,
input,
select,
textarea {
color: #999;
}
button,
input[type="button"],
input[type="submit"],
.btn,
.genesis-nav-menu .highlight-menu-item a,
.genesis-nav-menu .highlight-menu-item a:hover,
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled,
#footer p {
color: #fff;
}
.footer-widgets .widgettitle {
color: #94A0BE;
} body,
input,
textarea,
.author-box h1 {
font-family: Georgia, "Times New Roman", Times, serif;
}
.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6,
.home-top .widget,
.entry-title a,
.genesis-nav-menu a,
#description {
font-family: Georgia, "Times New Roman", Times, serif;
}
#title {
font-family: 'Vast Shadow', cursive;
} #title {
font-size: 36px;
font-size: 2.25rem;
}
h1,
.entry-title,
.entry-title a {
font-size: 36px;
font-size: 2.25rem;
}
blockquote::before {
font-size: 32px;
font-size: 2rem;
}
h2 {
font-size: 30px;
font-size: 1.875rem;
}
h3 {
font-size: 24px;
font-size: 1.5rem;
}
h4,
.archive-title,
.taxonomy-description h1,
.widgettitle {
font-size: 20px;
font-size: 1.25rem;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
}
h6,
.author-box h1,
.sidebar h2 a {
font-size: 16px;
font-size: 1rem;
}
input,
select,
textarea,
.genesis-nav-menu,
.post-info,
.post-meta,
.wp-caption,
.sidebar,
#footer p,
table.cleantable td {
font-size: 14px;
font-size: 0.875rem;
} blockquote p {
font-style: italic;
}
cite {
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
#title {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"],
.btn,
.post-comments,
.post-info .author,
.post-info .date,
.wp-caption {
font-weight: 700;
}
.wp-caption {
text-align: center;
}
a,
h2 a,
h2 a:visited,
.genesis-nav-menu a,
.navigation li a,
.widgettitle a,
#title a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.genesis-nav-menu a {
text-transform: uppercase;
}
#description {
text-align: center;
}
#footer-widgets .widgettitle {
border-bottom: 1px solid #26365D;
padding-bottom: 8px;
padding-bottom: 0.5rem;
}
#title,
.widgettitle {
text-transform: uppercase;
text-align: center;
}
#sidebar .widgettitle {
background: url(//www.mi5th.org/wp-content/themes/tpl/images/bg-h3.png) no-repeat center bottom;
color: #555;
padding: 10px 0 25px;
}
.home-top .widgettitle {
background: url(//www.mi5th.org/wp-content/themes/tpl/images/bg-top-h3.png) no-repeat center bottom;
color: #273457;
padding: 0 0 20px 0;
}
.home-top .widget {
background: #ECEFF9;
border: 1px solid #CBD0E2;
padding: 4px;
}
.home-top {
margin-top: 16px;
}
.home-top .widget-wrap {
background: #F1F3FB;
border: 1px solid #CBD0E2;
padding: 24px;
padding: 1.5rem;
}
.home-slider {
background: #111;
}  #wrap {
background: #F6F8FF;
}
.wrap {
margin: 0 auto;
max-width: 1152px;
}
.home-slider .wrap {
max-width: 1200px;
}
#inner {
clear: both;
overflow: hidden;
padding-top: 40px;
padding-top: 2.5rem;
} #sidebar-alt {
width: 15.277777777%; }
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar,
#header .widget-area {
width: 30.555555555%; }
.content-sidebar-sidebar .sidebar,
.sidebar-content-sidebar .sidebar,
.sidebar-sidebar-content .sidebar {
width: 37.931034482%; }
.content-sidebar-sidebar #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content {
width: 56.896551724%; }
.content-sidebar #content,
.sidebar-content #content,
#title-area {
width: 65.277777777%; }
.content-sidebar-sidebar #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
width: 80.555555555%; }
.content-sidebar #content-sidebar-wrap,
.full-width-content #content,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 100%; }
.footer-widgets-1,
.footer-widgets-2,
.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar,
#content,
#content-sidebar-wrap,
#footer .gototop,
#sidebar-alt,
#title-area {
float: left;
}
.content-sidebar-sidebar #sidebar-alt,
.footer-widgets-3,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content,
.sidebar-sidebar-content #content-sidebar-wrap,
#footer .creds,
#header .widget-area {
float: right;
} #header {
background: url(//www.mi5th.org/wp-content/themes/tpl/images/bg-header.jpg) repeat 0 0;
border-bottom: 1px solid #3C5189;
min-height: 120px;
overflow: hidden;
padding-bottom: 16px;
padding-bottom: 1rem;
}
#title {
background: url(//www.mi5th.org/wp-content/themes/tpl/images/bg-title.png) no-repeat center bottom;
line-height: 1;
margin: 24px 0 8px;
margin: 1.5rem 0 0.5rem;
padding-bottom: 32px;
padding-bottom: 2rem;
}
.header-image #title {
margin: 0;
}
#description {
line-height: 1.25;
}
.header-full-width #title,
.header-full-width #title a,
.header-full-width #title-area {
width: 100%;
}
.header-image #title,
.header-image #title a,
.header-image #title-area {
display: block;
float: left;
min-height: 120px;
overflow: hidden;
text-indent: -9999px;
width: 50%;
}
.header-image #description {
display: block;
overflow: hidden;
} #content {
padding-bottom: 40px;
padding-bottom: 2.5rem;
}
.entry,
.page .post.entry {
margin-bottom: 80px;
margin-bottom: 5rem;
}
.single .entry {
margin-bottom: 48px;
margin-bottom: 3rem;
}
.page .entry {
margin: 0;
}
.entry-content {
overflow: hidden;
}
.entry-content,
.entry-content p,
.home-top .widget,
#footer p {
line-height: 1.625;
}
.entry-content p {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
blockquote {
padding: 24px 64px;
padding: 1.5rem 4rem;
}
blockquote::before {
content: "“";
display: block;
height: 0;
left: -20px;
position: relative;
top: -10px;
} .post-info,
.post-meta {
clear: both;
line-height: 1.5;
}
.post-info {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.post-comments {
background: url(//www.mi5th.org/wp-content/themes/tpl/images/post-comments.png) no-repeat center left;
margin-left: 16px;
margin-left: 1rem;
padding-left: 20px;
padding-left: 1.25rem;
}
.post-meta {
border-top: 1px solid #ccc;
padding-top: 24px;
padding-top: 1.5rem;
}
.categories,
.tags {
display: block;
} .five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 4.166666666%; }
.one-half,
.three-sixths,
.two-fourths {
width: 47.9166666666%; }
.one-third,
.two-sixths {
width: 30.555555555%; }
.four-sixths,
.two-thirds {
width: 65.277777777%; }
.one-fourth {
width: 21.875%; }
.three-fourths {
width: 73.958333333%; }
.one-fifth {
width: 16.666666666%; }
.two-fifths {
width: 37.5%; }
.three-fifths {
width: 58.333333333%; }
.four-fifths {
width: 79.166666666%; }
.one-sixth {
width: 13.194444444%; }
.five-sixths {
width: 82.638888888%; }
.first {
margin-left: 0;
} p.subscribe-to-comments {
padding: 24px 0 16px;
padding: 1.5rem 0 1rem;
}
p.pages,
.clear,
.clear-line,
.first {
clear: both;
}
.clear-line {
border-bottom: 1px solid #ccc;
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
.alignleft,
.archive-page {
float: left;
}
.alignright {
float: right;
}
.archive-page {
width: 50%;
}
.author-box,
.sticky {
margin-bottom: 80px;
margin-bottom: 5rem;
}
.author-box,
.author-box h1,
.taxonomy-description {
line-height: 1.5;
}
.author-box,
.sticky,
.taxonomy-description {
background-color: #f5f5f5;
margin-bottom: 48px;
margin-bottom: 3rem;
overflow: hidden;
padding: 32px;
padding: 2rem;
}
.breadcrumb {
border-bottom: 1px solid #eee;
margin-bottom: 16px;
margin-bottom: 1rem;
overflow: hidden;
padding-bottom: 16px;
padding-bottom: 1rem;
}
table.cleantable td {
background: #eee;
border-top: 1px solid #ddd;
padding: 2px;
} #nav {
background: #18223B;
border-top: 1 px solid #141C31;
border-bottom: 1px solid #000;
}
.genesis-nav-menu {
clear: both;
overflow: hidden;
}
#header .genesis-nav-menu {
float: right;
margin-top: 48px;
margin-top: 3rem;
width: auto;
}
.genesis-nav-menu ul {
float: left;
width: 100%;
}
.genesis-nav-menu li {
display: inline-block;
float: left;
list-style-type: none;
text-align: left;
}
.genesis-nav-menu a {
display: block;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
position: relative;
}
.genesis-nav-menu li.highlight-menu-item {
margin-left: 20px;
margin-left: 1.25rem;
}
.genesis-nav-menu .highlight-menu-item a {
background-color: #1e1e1e;
}
.genesis-nav-menu .highlight-menu-item a:hover {
background-color: #B15C07;
}
.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited {
background-color: #3C5189;
border: 1px solid #445990;
border-top: none;
padding: 16px;
padding: 1rem;
position: relative;
width: 170px;
}
.genesis-nav-menu li ul {
left: -9999px;
position: absolute;
width: 212px;
z-index: 99;
}
.genesis-nav-menu li ul ul {
margin: -55px 0 0 211px;
}
.genesis-nav-menu li:hover ul ul,
.genesis-nav-menu li.sfHover ul ul {
left: -9999px;
}
.genesis-nav-menu li:hover,
.genesis-nav-menu li.sfHover {
position: static;
}
ul.genesis-nav-menu li:hover>ul,
ul.genesis-nav-menu li.sfHover ul,
#header .genesis-nav-menu li:hover>ul,
#header .genesis-nav-menu li.sfHover ul {
left: auto;
}
.genesis-nav-menu li a .sf-sub-indicator,
.genesis-nav-menu li li a .sf-sub-indicator,
.genesis-nav-menu li li li a .sf-sub-indicator {
position: absolute;
text-indent: -9999px;
}
#wpadminbar li:hover ul ul {
left: 0;
} .genesis-nav-menu li.right {
float: right;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
}
.genesis-nav-menu li.right a {
display: inline;
padding: 0;
}
.genesis-nav-menu li.search {
padding: 14px 0 0;
padding: 0.875rem 0 0;
}
.genesis-nav-menu li.rss a {
background: url(//www.mi5th.org/wp-content/themes/tpl/images/rss.png) no-repeat center left;
margin-left: 20px;
margin-left: 1.25rem;
padding-left: 20px;
padding-left: 1.25rem;
}
.genesis-nav-menu li.twitter a {
background: url(//www.mi5th.org/wp-content/themes/tpl/images/twitter-nav.png) no-repeat center left;
padding-left: 24px;
padding-left: 1.5rem;
} h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a {
line-height: 1.2;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.author-box h1 {
margin: 0
}
.taxonomy-description h1 {
margin-bottom: 4px;
margin-bottom: 0.25rem;
}
.archive-title {
margin-bottom: 24px;
margin-bottom: 1.5rem;
} .entry-content ol,
.entry-content ul {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}
.entry-content ol li,
.entry-content ul li {
line-height: 1.625;
}
.entry-content ol li,
.entry-content ul li {
margin-left: 40px;
margin-left: 2.5rem;
}
.entry-content ol li {
list-style-type: decimal;
}
.entry-content ul li {
list-style-type: disc;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
} .navigation li {
display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #1e1e1e;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
background-color: #B15C07;
} #comments,
#respond {
line-height: 1.5;
overflow: hidden;
}
.ping-list,
#comments {
margin-bottom: 48px;
margin-bottom: 3rem;
}
#author,
#email,
#url {
width: 50%;
}
.commentmetadata,
#author,
#email,
#url {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
#comment {
margin: 12px 0;
margin: 0.75rem 0;
}
label {
margin-left: 12px;
margin-left: 0.75rem;
}
.comment-list li,
.ping-list li {
list-style-type: none;
margin-top: 24px;
margin-top: 1.5rem;
padding: 32px;
padding: 2rem;
}
.comment-list li ul li {
margin-right: -32px;
margin-right: -2rem;
}
.comment-header {
overflow: hidden;
}
.comment {
background-color: #f5f5f5;
border: 2px solid #fff;
border-right: none;
}
.comment-content p {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.bypostauthor {
}
#comments .navigation {
margin-top: 32px;
margin-top: 2rem;
} .sidebar {
display: inline;
line-height: 1.5;
}
.sidebar p {
margin-bottom: 16px;
margin-bottom: 1rem;
}
.sidebar .widget {
margin-bottom: 16px;
margin-bottom: 1rem;
padding-bottom: 16px;
padding-bottom: 1rem;
overflow: hidden;
}
.sidebar.widget-area ul li {
border-bottom: 1px dotted #ccc;
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
padding-bottom: 6px;
padding-bottom: 0.375rem;
word-wrap: break-word;
}
.sidebar.widget-area ul li a {
display: block;
}
.sidebar.widget-area ul li.widget_subpages_current_page a {
color: #333;
} #footer {
background: #3C5189 url(//www.mi5th.org/wp-content/themes/tpl/images/bg-footer.jpg) repeat 0 0;
border-top: 1px solid #3C5189;
clear: both;
}
#footer .wrap {
overflow: hidden;
padding: 32px 0;
padding: 2rem 0;
}
#footer .creds {
text-align: right;
}
#footer .creds,
#footer .gototop {
margin: 8px 0;
margin: 0.5rem 0;
} .footer-widgets {
background: #18223B;
border-top: 2px solid #0C111D;
clear: both;
color: #fff;
line-height: 1.5;
overflow: hidden;
padding: 32px 0 16px;
padding: 2rem 0 1rem;
}
.footer-widgets p {
margin-bottom: 16px;
margin-bottom: 1rem;
}
.footer-widgets .widget {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.footer-widgets .widget-area ul li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
word-wrap: break-word;
}
.footer-widgets-1 {
margin-right: 4.166666666%; } input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
padding: 8px;
padding: 0.5rem;
width: 100%;
}
#header .search-form {
float: right;
margin-top: 56px;
margin-top: 3.5rem;
width: 100%;
}
button,
input[type="button"],
input[type="submit"],
.btn {
background-color: #1e1e1e;
border: none;
box-shadow: none;
cursor: pointer;
padding: 16px 24px;
padding: 1rem 1.5rem;
width: auto;
}
button:hover,
input:hover[type="button"],
input:hover[type="submit"],
.btn:hover {
background-color: #B15C07;
}
.enews input[type="submit"],
.search-form input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} #content div.gform_wrapper input,
#content div.gform_wrapper select,
#content div.gform_wrapper textarea,
#content div.gform_wrapper .ginput_complex label {
font-size: 16px;
font-size: 1rem;
padding: 8px;
padding: 0.5rem;
}
#content div.gform_wrapper input[type="submit"] {
padding: 16px 24px;
padding: 1rem 1.5rem;
}
#content div.gform_wrapper .ginput_complex label {
padding: 0;
}
div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
margin: 1rem 0 0;
} embed,
img,
object,
video {
max-width: 100%;
}
img {
height: auto;
}
.alignleft .avatar {
margin-right: 24px;
margin-right: 1.5rem;
}
.alignright .avatar {
margin-left: 24px;
margin-left: 1.5rem;
}
.author-box .avatar {
float: left;
margin-right: 24px;
margin-right: 1.5rem
}
.comment-list li .avatar {
float: left;
margin: 0 16px 24px 0;
margin: 0 1rem 1.5rem 0;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.5rem
}
img.alignnone {
display: inline;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
img.alignleft,
.post-image,
.wp-caption.alignleft {
display: inline;
margin: 0 24px 24px 0;
margin: 0 1.5rem 1.5rem 0;
}
img.alignright,
.wp-caption.alignright {
display: inline;
margin: 0 0 24px 24px;
margin: 0 0 1.5rem 1.5rem;
}
p.wp-caption-text {
line-height: 1.2;
margin-top: 12px;
margin-top: 0.75rem;
}
.gallery-caption {
}
#custom_post_widget-2 #gallery-1 img {
border: 5px solid #eee;
}  @media only screen and (max-width: 1024px) {
#wrap {
max-width: 960px;
}	
} @media only screen and (max-width: 768px) {
#wrap {
padding: 0 5%;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.wrap,
#footer .creds,
#footer .gototop,
#header .widget-area,
#inner,
#title-area,
#wrap .sidebar,
#wrap #content,
#wrap #content-sidebar-wrap,
#wrap #sidebar-alt {
width: 100%;
}
.genesis-nav-menu li,
#footer .creds,
#footer .gototop,
#header ul.genesis-nav-menu,
#header .search-form {
float: none;
}
.genesis-nav-menu,
#description,
#footer .creds,
#footer .gototop,
#header .search-form,
#title,
#title-area {
text-align: center;
}
.genesis-nav-menu a {
padding: 20px 16px;
padding: 1.25rem 1rem;
}
#title {
margin: 16px 0;
margin: 1rem 0;
}
#header .search-form {
margin: 32px auto 0;
margin: 2rem auto 0;
width: 50%;
}
.genesis-nav-menu li.right {
display: none;
}
#footer .wrap {
padding: 24px 0;
padding: 1.5rem 0;
}
.footer-widgets-1,
#header .genesis-nav-menu {
margin: 0;
}
} @media only screen and (max-width: 480px) {
html {
font-size: 87.5%; }
#header .search-form {
width: 100%;
}
.home-slider {
display: none;
}
.archive-page,
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}
}