.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}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;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
background: #666;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { outline: 0;
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
color: #999;	
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.9;
}
body {
background: #EEE;
} h1,h2,h3,h4,h5,h6 {
clear: both;
margin: 0.6em 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h1 {
font-size: 32px;
font-size: 3.2rem;
}
h2 {
font-size: 28px;
font-size: 2.8rem;
}
h3 {
font-size: 22px;
font-size: 2.2rem;
}
h4 {
font-size: 16px;
font-size: 1.6rem;
}
h5 {
font-size: 14px;
font-size: 1.4rem;
}
h6 {
font-size: 12px;
font-size: 1.2rem;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} p {
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 0.5em;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style:normal;
}
blockquote {
font-style: italic;
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #dfd6c7;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input {
line-height: normal; *overflow: visible; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px;
background: #e6e6e6;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
color: rgba(0,0,0,.8);
cursor: pointer; -webkit-appearance: button; font-size: 12px;
font-size: 1.4rem;
line-height: 1;
padding: 1.12em 1.5em 1em;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type=text],
input[type=email],
textarea {
background: rgba( 255, 255, 255, 0.3 );
border: 1px solid #ccc;
border-radius: 3px;
padding: 6px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
background: #fff;
}
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 98%;
} a,
a:visited {
color: #666;
text-decoration: none;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
a:hover{
color: #999;
}
a:focus,
a:active {
color: #666;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 1.5em auto;
} .assistive-text {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.site-title,
.entry-title,
.page-title,
.entry-content,
.entry-summary,
.widget-title,
.comments-title,
.comment .reply,
.comment-meta,
.comment-author,
#reply-title {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.widget h4{
color: #FFF;
padding: 4px;
border-radius:0.2em;
border-bottom: 1px solid #666;
font-size: 14px;
font-size: 1.4rem;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.widget li{
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #666;
}
.widget li a{
color: #FFF;
}
.widget li a:hover{
color: #CCC;
}
#calendar_wrap{
padding-left: 6px;
}
#calendar_wrap a{
color: #FFF;
}
#calendar_wrap a:hover{
color: #CCC;
}
.textwidget{
padding-left: 6px;
}
#secondary li, #tertiary li{
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #EFEFEF;
color: #999;
}
#secondary li a{
color: #999;
}
#secondary li a:hover{
color: #404040;
}
#tertiary li a{
color: #999;
}
#tertiary li a:hover{
color: #404040;
} #wrap {
margin: 10px auto;
padding: 0;
position: relative;
max-width: 960px;
background-color: #FFF;
box-shadow: 0 4px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 4px rgba(0,0,0,.2); -o-box-shadow: 0 4px 4px rgba(0,0,0,.2);
}
#topbar {
background: #404040;
margin: 0 auto;
height: 40px;
}
#main,
.main-navigation,
.site-title,
.site-description {
margin: 0 auto;
max-width: 960px;
}
#main {
clear: both;
overflow: hidden;
}
#primary {
float: left;
margin: 0 -27% 0 0;
padding: 2em;
width: 94%;
}
#content {
margin: 0 27% 0 0;
}
#content.fullwidth {margin-right: 0;}
#secondary,
#tertiary {
background: #F7F7F7;
float: right;
margin: 1.6em 0.2em 0.4em;
padding: 1em 1em 0;
position: relative;
width: 20%;
border-radius:0.4em;
}
#tertiary {
padding-top: 0;
}
.site-footer {
clear: both;
margin: 0 auto;
max-width: 960px;
background-color: #404040;
}
#smoothup { 
height: 40px; 
width: 50px; 
position:fixed;
bottom:10px;
right:20px;
text-indent:-9999px;
display:none;
background: #666 url(//fitmind.fi/wp-content/themes/bota/images/top_button.png) no-repeat center; 
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; transition-duration: 0.4s; 
border-radius: 0.2em;
}
#smoothup:hover {
background-color: #999;
} .tagcloud a {
display: inline-block;
color: #FFF;
font-size: 12px !important;
padding: 5px 8px;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
margin: 4px;
background: #666;
}
.tagcloud a:hover {
color: #fff !important;
background: #222;
} #masthead-wrap {
margin: 0 auto;
max-width: 960px;
padding: 1.4em;
padding-bottom: 0;
padding-top: 0;
}
.site-header .site-introduction {
float: left;
width: 30%;
padding: 22px 0;
}
.site-title {
font-size: 30px;
font-size: 3rem;
line-height: 1.2;
}
.site-description {
font-size: 13px;
font-size: 1.3rem;	
line-height: normal;
}
.site-title a,
.site-description {
color: #404040;
}
.site-logo {
min-height: 80px;
padding-top: 10px;
float: left;
} .main-navigation {
display: block;
float: right;
width: 70%;
padding-top: 34px;
}
.main-navigation:after {
clear: both;
display: block;
}
.main-navigation ul {
list-style: none;
margin: 0;
float: left;
}
.main-navigation li {
float: left;
margin: 0;
position: relative;
}
.main-navigation a {
color: #404040;
display: block;
font-size: 1.2rem;
font-size: 12px;
font-weight: normal;
margin-right: 0.6em;
text-decoration: none;
text-transform: uppercase;
padding: 0.4em 0.8em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.main-navigation ul ul {
background: #404040;
display: none;
float: left;
position: absolute;
top: 2em;
left: 0em;
z-index: 99999;
padding: 0.4em;
border-radius: 0.2em;
}
.main-navigation ul ul a {
padding: 0.6em;
width: 160px;
color: #CCC;
}
.main-navigation li:hover > a,
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
color: #FFF;
display: block;
background-color: #404040;
border-radius: 0.2em;
}
.main-navigation ul ul a:hover {
color: #FFF;
display: block;
border-radius: 0;
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation ul ul ul {
left: 100%;
top: -0.4em;
margin: 0;
}
.main-navigation ul ul ul a:hover {
color: #FFF;
display: block;
border-radius: 0;
} .menu-toggle {
color: #FFF;
cursor: pointer;
font-size: 1.4rem;
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #404040;
margin: 0;
margin-top: 4px;
padding: 4px;
border-radius:0.4em;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.main-small-navigation .menu {
display: none;
background-color: #FFF;
border-bottom: 4px solid #CCC;
padding-top: 10px;
padding-left: 30px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.main-small-navigation .menu ul {
list-style-type:none;
}
.main-small-navigation .menu li a{
color: #404040;
font-size: 1.4rem;
}
.main-small-navigation li:hover > a,
.main-small-navigation li.current_page_item a,
.main-small-navigation li.current-menu-item a,
.main-small-navigation ul ul a:hover {
color: #999;
} .site-main {
background: #fff;
border: 1px solid #EEE;
border-width: 6px 0px;
}
.sticky h1{
border-bottom: 6px solid #404040;
font-size: 20px;
font-size: 2.0rem;
}
.sticky h1 a{
color: #404040;
}
.sticky h2{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 0;
border-bottom: 7px solid #404040;
}
.sticky h2 a{
background-color: #404040;
color: #FFF;
padding: 8px;
border-radius:0.2em  0.2em 0 0;
text-transform: uppercase;
}
.hentry {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.entry-title,
.page-title {
font-size: 20px;
font-size: 2rem;
margin: 0 0 0.2em;
}
.entry-title a {
text-decoration: none;
}
body.search .page-title,
body.archive .page-title {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 1em;
}
.entry-meta {
clear: both;
font-size: 12px;
font-size: 1.2rem;
}
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.entry-content table,
.comment-content table {
border: 1px solid #d9d9d9;
border-left-width: 0;
margin: 0 -0.083em 2.083em 0;
text-align: left;
width: 100%;
}
.entry-content tr th,
.entry-content thead th,
.comment-content tr th,
.comment-content thead th {
border-left: 1px solid #d9d9d9;
font-weight: bold;
padding: 0.5em 	1.25em;
}
.entry-content tr td,
.comment-content tr td {
border: 1px solid #d9d9d9;
border-width: 1px 0 0 1px;
padding: 0.5em 	1.25em;
}
.entry-content tr.odd td,
.comment-content tr.odd td {
background: #dfd6c7;
}
.entry-content ul li {
list-style-type: square;
list-style-position: outside;
margin-left: 1em;
}
.entry-content ol {
list-style: decimal;
margin: 0 0 1.5em 1.5em;
}
.entry-content a, .entry-content a:visited, .entry-summary a, .entry-summary a:visited{
color: #404040;
}
.entry-content a:hover, .entry-summary a:hover{
color: #999;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
clear: none;
}
.entry-content dfn, cite, em, i {
font-style: italic;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .format-aside .entry-content {
border-left: 4px solid rgba( 0, 0, 0, 0.1 );
padding-left: 1em;
} .site-header img,
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
.site-header img,
.entry-content img,
.widget-img,
img[class*="align"],
img[class*="wp-image-"],
.wp-caption img {
height: auto; }
.site-header img,
.entry-content img,
.widget img,
img.size-full {
max-width: 100%;
width: auto; }
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.alignnone {
margin-bottom: 1.5em;
}
.wp-caption img {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
#content .gallery {
margin-bottom: 1.5em;
}
.wp-caption-text,
.gallery-caption {
font-size: 12px;
font-size: 1.2rem;
}
#content .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
#content .gallery dd {
margin: 0;
} embed,
iframe,
object {
max-width: 100%;
}
.imagerct {
width: 100%;
} .site-content .site-navigation {
font-size: 13px;
font-size: 1.3rem;
margin: 0 0 1.5em;
overflow: hidden;
}
.site-content .nav-previous {
float: left;
width: 50%;
}
.site-content .nav-next {
float: right;
text-align: right;
width: 50%;
} #comments {
clear: both;
}
.bypostauthor {
}
.comments-title,
#reply-title {
font-size: 20px;
font-size: 2rem;
}
.commentlist li {
list-style: none;
}
.commentlist,
.children {
list-style: none;
margin: 0;
}
.children {
margin: 0 0 0 6%;
}
.commentlist li.comment,
.commentlist li.pingback {
border-bottom: 1px solid rgba( 0, 0, 0, 0.2 );
padding-left: 2.5em;
margin-top: 2px;
}
.commentlist .children li,
.commentlist li:last-of-type {
border: none;
}
article.comment,
li.pingback {
overflow: hidden;
padding: 2.5em 0 0.7em;
position: relative;
}
.children article.comment,
.children li.pingback {
padding-top: 1.0em;
}
.comment .avatar {
float: left;
margin-right: 1.25em;
}
.comment-author {
font-size: 14px;
font-size: 1.4rem;
color: #404040;
}
.comment-meta {
font-size: 12px;
font-size: 1.2rem;
}
.comment-content{
font-size: 13px;
font-size: 1.3rem;
margin: 1em 0 0 4.5em;
}
.comment .reply { 
float:right;
margin:0 10px 10px 0;
text-align:center;
background-color: #404040;
border-radius:0.2em;
padding:3px;
width:50px;
}
.comment article {
padding-bottom:2.79rem;
}
a.comment-reply-link,
a.comment-edit-link {
color: #FFFFFF;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.8;
text-decoration:none;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
color: #f6e7d7;
}
li.pingback {
font-weight: bold;
}
li.pingback a {
font-weight: normal;
} .comment-notes,
#commentform .form-allowed-tags,
p.nocomments,
p.logged-in-as,
#commentform label {
font-size: 13px;
font-size: 1.3rem;
}
.required {
color: #880000;
}
#commentform label {
font-weight: bold;
padding: 1em 0;
}
#commentform input[type="text"] {
margin-left: 0.5em;
}
#commentform #comment {
margin-top: 0.6em;
}
#commentform .form-allowed-tags,
#commentform .form-allowed-tags code {
font-size: 11px;
font-size: 1.1rem;
}
p.nocomments {
margin: 2.5em;
} .widget {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.8;
margin: 0 0 1.5em;
}
.widget-title {
color: #666;
font-size: 14px;
font-size: 1.4rem;
} #searchsubmit {
display: none;
}
#helpfullinks li{
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #EFEFEF;
color: #999;
}
#helpfullinks li a{
color: #999;
}
#helpfullinks li a:hover{
color: #404040;
} .site-info {
font-size: 13px;
font-size: 1.3rem;
padding: 1.5em 0;
text-align: center;
color: #808080;
background-color: #202020;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.site-info a{
color: #AAA;
}
.site-info a:hover{
color: #FFF;
}
.site-footer .widget p{
color: #AAA;
}
.site-footer .widget{
padding: 8px;
} @media only screen and (max-width: 800px) {
#main {
overflow: visible;
}
#content,
#primary,
#secondary,
#tertiary {
background: none;
float: none;
margin: 0;
padding: 0;
}
#primary,
#secondary,
#tertiary {
width: 100%;
}
.site-header .site-introduction {
float: none;
width: 100%;
text-align: center;
}
.main-navigation {
width: 100%;
padding-top: 0;
}
.site-logo {
float: none;
width: 100%;
text-align: center;
}
} #ie8 .site-header img,
#ie8 .entry-content img,
#ie8 img.size-full,
#ie8 .entry-thumbnail img,
#ie8 .widget img,
#ie8 .wp-caption img {
width: auto; }  @media screen and (max-width: 980px) {
#wrap {
padding:0;
width: 98%; 	
}
} @media screen and (max-width: 600px) {
.header-image {
width:96%;
margin-top: 6px;
margin-left: auto;
margin-right: auto;
}
.site-main {
border: 0;
}
}  @font-face {
font-family: 'Genericons';
src: url(//fitmind.fi/wp-content/themes/bota/font/genericons-regular-webfont.eot);
src: url(//fitmind.fi/wp-content/themes/bota/font/genericons-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//fitmind.fi/wp-content/themes/bota/font/genericons-regular-webfont.woff) format('woff'),
url(//fitmind.fi/wp-content/themes/bota/font/genericons-regular-webfont.ttf) format('truetype'),
url(//fitmind.fi/wp-content/themes/bota/font/genericons-regular-webfont.svg#genericonsregular) format('svg');
font-weight: normal;
font-style: normal;
}
.genericon, .genericon:visited {
color: #FFF;
display: inline-block;
-webkit-font-smoothing: antialiased;
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
font-family: 'Genericons';
text-decoration: inherit;
font-weight: normal;
font-style: normal;
vertical-align: middle;
}
.genericon:hover {
color: #CCC;
} .genericon {
*overflow: auto;
*zoom: 1;
*display: inline;
} .genericon-github:before { content: '\f200'; }
.genericon-dribbble:before { content: '\f201'; }
.genericon-twitter:before { content: '\f202'; }
.genericon-facebook-alt:before { content: '\f204'; }
.genericon-googleplus:before { content: '\f206'; }
.genericon-linkedin:before { content: '\f207'; }
.genericon-pinterest:before { content: '\f209'; }
.genericon-flickr:before { content: '\f211'; }
.genericon-vimeo:before { content: '\f212'; }
.genericon-youtube:before { content: '\f213'; }
.genericon-tumblr:before { content: '\f214'; } .social-media {
list-style: none;
position: absolute;
top: 14px; right: 4px;	
}
.social-media li {
float: left;
padding: 0 2px;
position: relative;
}
.social-media a {
display: block;
height: 24px;
width: 24px;
} .featuretext_top {
background-color: #F7F7F7;
padding: 2px;
margin-bottom:30px;
padding: 30px;
border-bottom: 1px solid #DDD;
}
.featuretext_top h3{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #404040;
margin: 0;
text-align:center;
}
.featuretext_top p{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color: #F7F7F7;
padding: 2px;
margin-bottom: 0;
text-align:center;
font-size:1.6rem;
font-size:16px;
}
.featuretext {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
border-radius:0.4em;
background-color: #F7F7F7;
border-bottom: 1px solid #EFEFEF;
margin-bottom:20px;
padding: 20px;
}
.featuretext h3{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1.4rem;
font-size:14px;
color: #404040;
font-weight: bold;
margin: 0;
border-bottom: 1px solid #EFEFEF;
margin-bottom: 10px;
padding-bottom: 4px;
text-align: center;
}
.featuretext p{
color: #999;
font-size:1.2rem;
font-size: 12px;
text-align: center;
}  .section {
clear: both;
padding: 6px;
margin: 0px;
}
.section_thumbnails {
clear: both;
padding: 6px;
margin: 0px;
}
.section_thumbnails .col{
margin: 0px;
}
.section_thumbnails h3{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
display: block;
margin: 20px 0;
color: #404040;
font-size: 14px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
} .group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; } .col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } .post-thumbnail {
position: relative;
float: left;
margin-top: 4px;
}
.post-thumbnail img{
border: 2px solid #CCC;
border-radius: 0.2em;
}
.blog-lists-title {
position: relative;
width: 70%;
display: inline;
float: left;
margin-left: 8px;
font-size: 12px;
color: #999;
}
.blog-lists-title a{
color: #404040;
} @media only screen and (max-width: 480px) {
.col { 
margin: 1% 0 1% 0%;
}
} .span_3_of_3 {
width: 100%; 
}
.span_2_of_3 {
width: 66.1%; 
}
.span_1_of_3 {
width: 32.2%; 
} @media only screen and (max-width: 480px) {
.span_3_of_3 {
width: 100%; 
}
.span_2_of_3 {
width: 100%; 
}
.span_1_of_3 {
width: 100%;
}
} .span_8_of_8 {
width: 100%;
}
.span_7_of_8 {
width: 87.3%; 
}
.span_6_of_8 {
width: 74.6%; 
}
.span_5_of_8 {
width: 61.9%; 
}
.span_4_of_8 {
width: 49.2%; 
}
.span_3_of_8 {
width: 36.5%;
}
.span_2_of_8 {
width: 23.8%; 
}
.span_1_of_8 {
width: 11.1%; 
} @media only screen and (max-width: 480px) {
.span_8_of_8 {
width: 100%; 
}
.span_7_of_8 {
width: 100%; 
}
.span_6_of_8 {
width: 100%; 
}
.span_5_of_8 {
width: 100%; 
}
.span_4_of_8 {
width: 100%; 
}
.span_3_of_8 {
width: 100%; 
}
.span_2_of_8 {
width: 100%; 
}
.span_1_of_8 {
width: 100%; 
}
.featuretext_top h3{
font-size:1.2rem;
font-size:12px;
padding: 6px;
}
.featuretext_top p{
font-size:1.2rem;
font-size:12px;
padding: 6px;
}
}
.header-image img {
width: 100%;
height: auto;
}.flex-container {
max-width: 960px;
margin: 0 auto;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {max-width: 100%; height: auto; width: auto; margin: 0 auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; direction: ltr;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px} .flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//fitmind.fi/wp-content/themes/bota/js/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flex-caption {background-color: #333; color:#FFF; font-size: 16px; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 4px;}
.flex-caption p {padding: 4px; margin: 0;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}