/* Artfully masterminded by ZURB */
/* ————————————————–
Table of Contents
-
Shared Styles
-
Page Name 1
-
Page Name 2
*/
/* —————————————–
Shared Styles
—————————————– */ .main_body{} .main_body p{color:#d3d3d3; font-weight:300;}
.main_body hr { border: dashed f5f5f5; border-width: 1px 0 0;}
.main_body .small-dark {font-size: 13px; color: #696969;font-weight:500; }
.main_body .small-dark a{color: #00ced1; }
.main_body .small-dark a:hover{color: #00868b; }
.main_body .panel {
border-style: none; border-top:solid; border-color:#fffafa; margin-bottom: 0rem; padding-top: 1.25rem; padding-bottom: 1.25rem; background: #f5f5f5; color: #696969; }
.main_body .panel i{font-size:30px;} .main_body .panel p{color:#d3d3d3; font-weight:600; font-size:20px;} .main_body .panel a{color:#00ced1;} .main_body .panel a:hover{color:#00868b;}
.full-width {
max-width: 1400px;
} .full-width {max-width: 1400px;}
.page_footer { background-color: #00ced1; padding: 2rem 4rem; text-align: center; color: fff;}
.page_footer i {font-size: 30px;}
.page_footer hr {border-color: #00c5cd;}
.page_footer h4 {color: fff; font-size: 1em; font-weight: 400; text-transform: uppercase; margin-top: 2.5rem; margin-bottom: 10px;}
.page_footer p{font-size: 0.8em; color: fff;}
.page_footer a {font-size: 1em; color: fff;} .page_footer hr { border: solid #00c5cd; border-width: 1px 0 0;} .page_footer .second a {font-size: 0.8em; color: fff;}
@media only screen and (min-width: 40.063em) {.page_footer .columns:nth-child(n+2) {border-left: 1px solid #00c5cd; min-height: 200px;}}
.page_footer-links {list-style-type: none;}
.page_footer-links li {font-size: 0.7em; margin-top: .5em;}
.footer {background-color: #696969; padding: 2rem 1rem; text-align: left; color: d3d3d3;}
.footer i {font-size: 25px; color:#696969;} .footer .button{
background-color: #d3d3d3; border-color: #fff; padding-top: 0rem; padding-right: 0.7rem; padding-bottom: 0.2rem; padding-left: 0.7rem;
} .footer .button:hover{
background-color: rgba(105, 105, 105, 0.8); border-color: #696969;
} .footer a {font-size: 0.8em; margin-top: 0.3em; color: d3d3d3; font-weight: bold;} .footer a:hover {font-size: 0.8em; margin-top: 0.3em; color: f5f5f5; font-weight: bold;} .footer img {font-size: 0.8em; margin-top: -0.3em; margin-right: 2em; color: d3d3d3; font-weight: bold;} .footer .copyright {font-size: 0.7em; margin-top: 0.1em; color: d3d3d3; font-weight: bold;}
/* —————————————–
Page Name 1
—————————————– */ button, .button{
background-color: #00868b; border-color: #fff;
} button:hover, .button:hover{
background-color: rgba(0, 197,205, 0.8); border-color: #00c5cd;
} h1, h2, h3, h4, h5, h6, a {
color: #696969;
} a:hover{
color: #d3d3d3;
}
.second a:hover{
color: #d3d3d3;
}
.transparent{background: none;z-index:1;}
.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button){background: none;color:#fffafa;}
.top-bar .name h1 a {color: fffafa;}
.top-bar-section li:not(.has-form) a:hover:not(.button){background-color: #00ced1;border-color: fff;text-decoration: underline;color: fff;}
.top-bar-section ul li > a{color: red;font-weight: bold;} .top-bar .toggle-topbar.menu-icon a span:after{box-shadow: 0 0 0 1px #0066a4, 0 7px 0 1px #0066a4, 0 14px 0 1px #0066a4;}
.top-bar .toggle-topbar.menu-icon a {padding: 0 30px 0 15px;} .top-bar .toggle-topbar.menu-icon {background: fff;margin-right: 5px;border-radius: 5px;}
.home{background-image: url(../images/ennkeypee_bg.jpg);background-size: 100%;background-attachment: fixed;padding: 225px 0;margin-top: -75px;margin-bottom: 30px;background-repeat: no-repeat;}
.home h3{color: fffafa;text-align: center;margin-bottom: 15px;font-size: 3em;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);}
.home p{color: fffafa;}
@media only screen and (max-width: 800px) {.home{margin-bottom: 0;padding: 50px 0 10px;}.home h1{color: fff;text-align: center;margin-bottom: 15px; font-size: 2em;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);}}
.header-panel {
border-style: solid; border-width: 1px; border-color: none; text-align: center; margin-bottom: 1.25rem; padding-top: 3.625rem; padding-bottom: 0; background: #00ced1; color: #333333; } .header-panel > :first-child { margin-top: 0; } .header-panel > :last-child { margin-bottom: 0; } .header-panel h1,.header-panel p, .header-panel li, .header-panel dl ul { color: #fffafa; } .header-panel h1{ line-height: 1; font-weight:800; font-size:4em; margin-bottom: 1.625rem; } .header-panel h1.subheader{ line-height: 1.4; }
.header-list {
font-weight:bold; font-size:0.8em; margin: 0 auto 0rem 0rem; margin-left: 3.625rem; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .header-list > li: { list-style: none; float: left; margin-left: 1.375rem; display: block; } .header-list > li:hover { list-style: none; float: left; margin-left: 1.375rem; display: block; } .header-list > li > * { padding:0.625em 0.625em 0.25em 0.625em; color:#eee9e9; display: block; } .header-list > li > *:hover { padding:0.625em 0.625em 0.25em 0.625em; background-color: #00e5ee; color:#fffafa; display: block; } .active { padding:0.625em 0.625em 0.25em 0.625em; background-color: rgba(0, 229, 238, 0.5); color:#fffafa; display: block; }
/* —————————————–
Page Name 2
—————————————– */