@charset "UTF-8";
 @media only screen { 
html, body {
overflow-x: hidden;
margin: 0;
padding: 0;
}
.clearfix:after {
content: '';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#wpadminbar { position: fixed; } .sticky {}
.bypostauthor {} img { 
-moz-force-broken-image-icon: 1; border: none;
height: auto;
max-width: 100%;
}
img.alignnone { margin: 1.6em 0; }
.alignright {
float: right;
clear: right;
margin: 0.3rem 0 2rem 2rem;
}
.alignleft {
float: left;
clear: left;
margin: 0.3rem 2rem 2rem 0;
}
.aligncenter {
display: block;
margin: 0.3rem auto 2rem auto;
}
img.alignnone,
img.alignright,
img.alignleft,
img.aligncenter,
.gallery-item img { box-sizing: border-box; }
.wp-caption {
overflow: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
.wp-caption.alignleft,
.wp-caption.alignright{ margin-top: 1rem; }
.wp-caption img {
box-sizing: border-box;
display: block;
padding: 0;
height: auto;
width: 100%;
}
.wp-caption-text {
font-size: smaller;
}
.gallery-item img { margin-right: 1rem; }
iframe { max-width: 100%; } .gallery-item { display: inline-block; }
.gallery-caption { display: none; } .headerMain {
display: block;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
padding: 0 15px;
width: 100%;
height: 100px;
}
.header-content {
padding: 15px;
width: 100%;
height: 100px;
}
.admin-bar .headerMain { top: 46px; }
#logo {
margin: 0 32px;
max-height: 152px;
text-align: center;
}
#site-logo {
display: inline-block;
}
@media (max-width: 1200px) {
.logo-img { 
height: auto;
max-height: 70px;
width: auto;
}
}
@media (min-width: 1200px) {
.logo-img { 
height: auto; width: auto; max-width: 200px;
}
}
.blog-name {
margin: 0;
padding: 0;
font-size: 1rem;
text-align: center;
}
@media screen and (min-width: 1200px) {
.blog-name {
font-size: 1.3rem;
line-height: 2em;
}
}
.blog-name a { color: #252525;}
.blog-description {
display: block;
margin: 0;
font-size: smaller;
text-align: center;
color: #aaaaaa;
}
.header-image-container {
border-right: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
margin-top: 100px;
text-align: center;
}
.header-image {
margin: 0 auto;
height: auto;
width: auto;
max-width: 100%;
}
.meta { margin-top: 100px; }
.meta-header-image { margin-top: 0; }
.meta-search-form label {
display: block;
max-width: 100%;
margin-bottom: 0;
font-weight: normal;
}
.meta-search-form input { 
cursor: pointer;
position: relative;
border-top: none;
border-right: none;
border-bottom: 1px solid #E5E5E5;
border-left: none;
float: left;
margin-top: 20px;
padding: 0 1em;
height: 50px;
width: 160px;
font-family: 'Linux Libertine',Georgia,Times,serif;
font-size: 1.5em;
line-height: 1em;
color: #AAAAAA;
background-color: white;
-webkit-transition: border 0.3s, width 0.3s, color 0.3s;
-moz-transition: border 0.3s, width 0.3s, color 0.3s;
-ms-transition: border 0.3s, width 0.3s, color 0.3s;
-o-transition: border 0.3s, width 0.3s, color 0.3s;
transition: border 0.3s, width 0.3s, color 0.3s;
}
.meta-search-form input:focus { 
cursor: auto;
border-top: none;
border-right: none;
border-bottom: 1px solid #cccccc;
border-left: none;
float: left;
margin-top: 20px;
padding: 0 1em;
height: 50px;
width: 100%;
background: transparent;
-webkit-transition: border 0.3s, width 0.3s, color 0.3s;
-moz-transition: border 0.3s, width 0.3s, color 0.3s;
-ms-transition: border 0.3s, width 0.3s, color 0.3s;
-o-transition: border 0.3s, width 0.3s, color 0.3s;
transition: border 0.3s, width 0.3s, color 0.3s;
}
.meta-search-form input[type="submit"],
//    .meta-search-form .screen-reader-text { display: none; }
//    .search-form label .screen-reader-text { display: none; }
.add-post-link { 
position: relative;
display: inline-block;
float: left;
margin-top: 20px;
padding: 20px 20px 10px 20px;
height: 20px;
}
.add-post-link:hover {}
.add-post-link-plus { 
display: inline-block;
float: left;
}
.add-post-link-text { 
display: inline-block;
float: left;
} article { margin: 0; }
.catContainer,
.postContainer,
.pageContainer,
.searchContainer {
//        border-right: 1px solid #E5E5E5;
//        border-bottom: 1px solid #E5E5E5;
//        border-left: 1px solid #E5E5E5;
padding: 30px 0;
width: auto;
-moz-hyphens: auto;
hyphens: auto;
background-color: white;
} .content h2 {
overflow: hidden;
border-bottom: 1px solid #E5E5E5;
line-height: 1.4em;
}  .excerpt { margin-top: 60px; }
.excerpt-thumbnail {
box-sizing: border-box;
float: left;
margin-top: 0;
margin-right: 15px;
margin-bottom: 15px;
}
.excerpt-title { margin-top: 0; }  .postinfo {
display: block;
clear: both;
margin-top: 1px;
padding: 5px;
overflow: hidden;
font-size: smaller;
}
.postinfo-excerpt {
clear: inherit;
padding: 5px 0 0 0;
}
.postinfo h4 {
margin: 0 0 0.5em 0;
font-weight: bold;
color: #4D4D4D;
}
.pagination {
border-top: 1px solid #F0F0F0;
margin: 2.5em auto;
padding: 1.6em 0;
width: 60%;
font-size: smaller;
text-align: center;
}
.pagination-text {
display: inline-block;
margin-right: 1em;
color: #4D4D4D;
}
.pagination .pagination-item {
border: 1px solid #E5E5E5;
display: inline-block;
padding: 0.6em 1em;
color: #4D4D4D;
}
.pagination a .pagination-item {
display: inline-block;
border: 1px solid #0074A2;
padding: 0.6em 1em;
font-weight: bold;
color: white;
background-color: #0074A2;
-webkit-transition: border 0.3s, background-color 0.3s;
-moz-transition: border 0.3s, background-color 0.3s;
-ms-transition: border 0.3s, background-color 0.3s;
-o-transition: border 0.3s, background-color 0.3s;
transition: border 0.3s, background-color 0.3s;
}
.pagination a:visited .pagination-item { 
border: 1px solid #663399;
background-color: #663399;
-webkit-transition: border 0.3s, background-color 0.3s;
-moz-transition: border 0.3s, background-color 0.3s;
-ms-transition: border 0.3s, background-color 0.3s;
-o-transition: border 0.3s, background-color 0.3s;
transition: border 0.3s, background-color 0.3s;
}
.pagination a .pagination-item:hover,
.pagination a .pagination-item:active {
border: 1px solid #2EA2CC;
background-color: #2EA2CC;
-webkit-transition: border 0.3s, background-color 0.3s;
-moz-transition: border 0.3s, background-color 0.3s;
-ms-transition: border 0.3s, background-color 0.3s;
-o-transition: border 0.3s, background-color 0.3s;
transition: border 0.3s, background-color 0.3s;
}
.previous-post-link { 
float: left; 
padding: 0.6em; 
}
.next-post-link { 
float: right;
padding: 5px; 
}
.last-posts-list { padding: 5px; } .posts-pagination
{
border-top: 1px solid #F9F9F9;
margin: 2.5em auto;
padding: 1.6em 0;
width: 60%;
font-size: smaller;
text-align: center;
}
.previous-posts-link { margin-left: 1.6em; }
.next-posts-link { margin-right: 1.6em; } .comments { margin: 4em 0; }
.comment-form label { 
display: inline-block;
clear: both;
font-size: smaller;
color: #4D4D4D;
}
.comment-form-author { margin-bottom: 0; }
.comment-form-email,
.comment-form-url { margin: 0; }
.comment-form-comment { overflow: hidden; }
.commentlist {
padding: 0;
list-style-type: none;
}
.commentlist .odd {  padding: 0;  background-color: #F9F9F9; }
.commentlist .even {  padding: 0;  background-color: white; }
.comment { margin: 1em 0; }
.comment-body
{ 
clear: both; 
padding: 0.6em;
}
.comment-body p { 
clear: both; 
margin-left: 32px;
padding-left: 0.6em;
}
.comment-author {
display: inline-block;
float: left;
}
.comment-meta {
display: block;
float: left;
margin: 0;
padding: 0;
width: 100%;
font-size: 1em;
background-color: transparent;
}
.commentlist .avatar { 
float: left;
margin-right: 0.6em;
}
.comment-meta .fn {
font-weight: bold;
font-style: normal;
}
.comment-meta .says 
{ 
display: inline-block;
margin-right: 2.5em;
font-size: smaller;
}
.comment-meta time
{ 
display: inline-block;
margin-right: 2.5em;
font-size: smaller;
color: #AAAAAA;
}
.comment-edit-link { font-size: smaller; }
.comment-reply-link 
{
display: inline-block;
margin-left: 32px;
padding: 0.3em 0 0 0.6em;
width: 200px;
font-size: smaller;
}
.comment-reply-link:before { content: '» '; }
.commentlist .children
{
border-top: 1em solid white;
border-left: 2.5em solid white;
margin: 0;
padding: 0;
list-style-type: none;
}
.commentlist .children .comment
{
margin: 0;
padding: 0;
list-style-type: none;
}
.children .comment-body { border-left: 1px dashed #AAA; }
.comment-respond { clear: both; }
.form-allowed-tags {
font-size: smaller;
color: #AAAAAA;
} .comment-nav {
border-top: 1px solid #F0F0F0;
margin: 2.5em auto;
padding: 1.6em 0;
width: 60%;
font-size: smaller;
text-align: center;
}
.comment-nav .alignright { 
display: inline-block;
float: none;
margin: 0 0 0 1.6em; 
}
.comment-nav .alignleft { 
display: inline-block;
float: none;
margin: 0 1.6em 0 0; 
} .author-postings {
margin-left: 150px;
padding-left: 1em;
}  
.author-list {
clear: both;
margin-top: 2.5em;
} 
.author-list-item {
display: inline-block;
margin: 1em;
list-style: none;
}  
.author-list-avatar {
float: left;
margin-right: 1em;
} 
.author-list-text { float: left; } 
.author-list-text:after { clear: both; }
.postmeta {
margin-bottom: 2.5em;
margin-left: 62px;
color: #aaaaaa;
}
.postmeta-title {
display: block;
padding:  15px;
font-size: 1.5em;
font-weight: bold;
}
.postmeta-thumbnail {
display: block;
}
.thumbnail-header-image { margin-left: 15px; }
.postmeta-thumbnail img { width: 100%; }
.postMetaEdit {
display: block;
}
.postmeta-section {
display: block;
margin: 2px 15px 0 15px;
padding: 5px;
}
.relatedPosts .thumb {
display: inline-block;
float: left;
margin: 0 10px 0 0;
height: auto;
width: 40px;
}
.relatedPosts .thumb img {
margin: 0;
}
.relatedPostList {
margin: 0;
padding: 0;
list-style: none;
}
.relatedPostList li {
display: block;
clear: left;
margin: 0;
padding: 0.6em 0;
}
.relatedPostList li a {
display: inline-block;
clear: left;
} footer {
clear: both;
font-size: smaller;
color: #4D4D4D;
}
footer.container-fluid { padding: 30px 0; }
footer .content {
border: none;
background-color: transparent;
}
footer .copyright { margin: 2.7em 0; }
footer .copyright p { text-align: center; }
.footer-rss-link {
display: inline-block;
position: relative;
margin-left: 20px;
}
.footer-rss-link:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: -20px;
margin-top: -8px;
height: 16px;
background:url(//www.ventnorheritage.org.uk/wp-content/themes/wikiwp/images/rss32.png) top left no-repeat; 
background-repeat: no-repeat;
background-size: 16px 16px;
padding-left: 20px;
}
.footer-widget { text-align: left; }
.footer-widget h3 {
margin-left: 0;
font-size: 1.2em;
}
footer input { width: 100% } footer .search-form label { width: 70% }
footer .search-form .search-submit {
float: right;
margin-top: 17px;
padding-right: 0px;
padding-left: 0px;
width: 30%
} #toc_container {
display: inline-block;
border: 1px solid #E5E5E5;
margin-top: 1.6em;
width: auto!important;
max-width: 100%;
font-size: 100%;
background-color: #F9F9F9;
}
#toc_container li { padding-top: 0.2em; padding-bottom: 0.2em; }
.toc_list { font-size: smaller; }
#toc_container.toc_white,
#toc_container.toc_transparent { border: 1px solid #E5E5E5; }
#toc_container.toc_black a { color: #2EA2CC; }
#toc_container.toc_black a:hover { color: #03D3FF; } .wpcf7-form p {
font-size: smaller;
color: #4D4D4D;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
margin: 0.6em 0px;
border: none;
padding: 0.6em 2em;
line-height: 16px;
font-weight: bold;
color: #FFF;
}
div.wpcf7-mail-sent-ok { background-color: #14CC94; }
div.wpcf7-validation-errors { background-color: #FFBA00; }
}
@media only screen and (min-width:768px) { input { width: 60%; } .headerMain.container-menu-side-open {
width: 100%;
margin-left: 0;
padding-right: 15px;
}
.headerMain.container-menu-side-open .header-content {
width: auto;
margin-left: 200px;
}
.headerMain.container-aside-open {
width: 100%;
margin-right: 0;
padding-right: 315px;
}
.headerMain.container-aside-open .header-content {
width: inherit;
margin-right: 300px;
}
.meta-search-form input:focus { width: 60%; } .container-menu-side-open {
margin-left: 200px;
width: initial;
}
.container-aside-open {
margin-left: 0;
margin-right: 300px;
width: auto;
} aside .search-form label { width: 185px; }
.postmeta { margin-left: 0; }
}
@media only screen and (min-width:783px) { .headerMain { width: 100%; }
.admin-bar .headerMain { top: 32px; }
}
@media only screen and (min-width:1200px) { input { width: 40%; } .headerMain {
position: static;
z-index: inherit;
padding-right: 315px;
padding-left: 215px;
height: auto;
width: 100%;
}
.header-content {
padding: 0;
height: auto;
}
.header-image-container { margin-top: 0; }
.meta-search-form input:focus { width: 40%; }
.meta { margin-top: 0; } .content { margin-top: 0; }
.container-fluid { margin-right: 300px; } footer .content {
padding: 0;
}
}
@media only screen and (min-width:1920px) { input { width: 30%; }
} .postinfo {
color: #4D4D4D;
}
.postinfo-author {
border: 1px solid #E5E5E5;
display: block;
background-color: #F9F9F9;
}
.postinfo-tags,
.postinfo-postnav,
.postinfo-related,
.post-nav {
border-top: 1px solid #E5E5E5;
display: block;
}
.postinfo-excerpt { border: none; }
.postinfo-categories { border-top: none; }
.postinfo-categories,
.postinfo-tags,
.postinfo-related,
.post-nav {
border-bottom: none;
border-right: none;
border-left: none;
}
.last-posts-list {
border-bottom: none;
border-right: none;
border-left: none;
} aside {
display: block;
overflow: hidden;
position: fixed;
z-index: 1000;
top: 0;
right: -330px;
height: 100%;
width: 330px;
font-size: smaller;
color: #AAAAAA;
background: #333333;
}
.customSidebar .widget:last-child {
border-bottom: 1px solid #E5E5E5;
}
.aside-container {
overflow-y: auto;
padding-top: 62px;
padding-right: 15px;
width: 330px;
height: 100%;
}
.aside-container a { color: #2487D7; }
.aside-container a:visited { color: #3363B7; }
.row.sidebarContent {
margin: 15px 0;
}
.widget {
padding: 5px 0;
}
.widget:first-child {
padding-top: 0;
}
.widget:last-child {
border: none;
padding-bottom: 0;
}
.widget ul,
.widget ul li {
margin: 0;
padding-right: 0;
padding-left: 0;
list-style: none;
}
.widget input {
border-right: none;
background: white;
}
.widget img {
margin-top: 0;
margin-bottom: 15px;
}
.widget .search-form label {
width: 70%;
}
.widget .search-form input.search-field { width: 100%; }
.widget .search-form .search-submit {
float: right;
margin-top: 0;
padding-right: 0;
padding-left: 0;
width: 30%;
} .admin-bar aside {
padding-top: 46px;
}
@media only screen and (min-width:768px) {
.admin-bar aside {
padding-top: 32px;
}
}
.aside-open {
right: -15px;
height: 100%;
} .asideMenuButton {
cursor: pointer;
display: block;
position: fixed;
z-index: 11000;
top: 0;
right: 0;
margin: 15px 30px 0 0;
height: 32px;
width: 32px;
text-indent: -99999px;
}
@media only screen and (min-width:1200px) {
.asideMenuButton {
display: none;
}
}
.asideMenuButton:hover {
cursor: pointer;
}
.admin-bar .asideMenuButton {
top: 46px;
}
@media only screen and (min-width:768px) {
.admin-bar .asideMenuButton {
top: 30px;
}
}
@media only screen and (min-width:783px) {
.admin-bar .asideMenuButton {
top: 30px;
}
}
.asideMenuButtonActive {
right: 238px;
}
@media only screen and (max-width:767px) {
.asideMenuButtonActive {
right: 0;
margin: 0;
padding: 15px 10px;
height: auto;
width: 315px;
background: #333333;
}
.asideMenuButtonActive .asideMenuButtonContent {
position: relative;
float: right;
height: 32px;
width: 32px;
}
.asideMenuButtonActive .asideMenuButtonContent hr {
background: white;
}
}
@media only screen and (min-width:768px) {
.asideMenuButtonActive {
right: 330px;
margin-right: 0;
background-color: transparent;
}
}
.asideMenuButtonTitle {
visibility: hidden;
height: 0;
width: 0;
}
.asideMenuButtonContent {
display: block;
position: absolute;
top: 0;
padding: 8px 8px;
height: 100%;
width: 100%;
}
.asideMenuButtonContent hr {
border: none;
border-radius: 100%;
margin: 0 auto 4px auto;
height: 3px;
width: 3px;
background: #aaaaaa;
}
.asideMenuButtonContent hr:last-child {
margin: 0 auto;
} .dynamic-sidebar-container { padding: 30px 0; }
.primary-menu-side .widget,
aside .widget {
color: #AAAAAA;
}
@media only screen and (min-width:768px) {
.primary-menu-side .widget,
aside .widget {
color: inherit;
}
} @media only screen and (min-width:768px) { aside {
color: #4D4D4D;
background: transparent;
} .aside-container { padding-top: 0; }
.aside-container a { color: #2487D7; }
.aside-container a:visited { color: #3363B7; } .widget {
color: #4D4D4D;
}
} @media only screen and (min-width:1200px) { aside {
position: absolute;
overflow: inherit;
right: 0;
height: auto;
width: 315px;
}
.aside-container {
overflow-y: inherit;
padding: 0;
height: auto;
width: 100%;
}
} .post-edit-link:before {
display: block;
float: left;
}
.post-edit-link:before {
content: '';
display: block;
float: left;
margin-right: 5px;
height: 16px;
width: 16px;
background: url(//www.ventnorheritage.org.uk/wp-content/themes/wikiwp/images/pen.svg) no-repeat;
} .entryHeader {
margin: 0;
padding: 0;
}
.entryTypePostExcerptHeader,
.entryTypePostExcerptMeta,
.entry,
.comments,
.last-posts-list {
padding: 0 30px;
}
.entryTypePostExcerpt {
padding: 15px 30px;
}
.entryTypePostExcerpt .entryContent p:first-child {
margin-top: 5px;
}
.entryTypePostExcerpt .entryContent p:last-child {
margin-bottom: 0;
} .entryTypePostExcerpt.sticky,
.entryTypePostExcerpt.category-sticky {
margin-bottom: 5px;
padding: 30px;
background-color: #F9F9F9;
}
.entryTypePostExcerpt.sticky,
.entryTypePostExcerpt.category-sticky {
margin: 5px;
padding: 25px;
background-color: #F9F9F9;
}
.entryTypePostExcerptContainer .entry {
}
.entryTypePostExcerptContainer .sticky:last-child {
margin-bottom: 0;
}
.entryTypePostExcerpt.sticky .entryTitle,
.entryTypePostExcerpt.category-sticky .entryTitle{
border-color: #ccc;
} .syntaxhighlighter table td.gutter,
.syntaxhighlighter table td.code {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
vertical-align: top !important;
}
.syntaxhighlighter div {
padding-bottom: 0.5em !important;
} .pis-title {
margin-top: 0;
}
.pis-thumbnail {
margin: 0;
}
.header-image-container{
display: none;
}
.home .header-image-container{
display: block;
}
.yan_search{
//	float:left;
margin-left:20px;
}
.top_head {
display:none;
}
@media (min-width: 1200px) {
.top_head {
background:#d6e3bc;
margin-left:250px;
padding-right:350px;
height:180px !important;
display: block;
}
}