/*
Theme Name: New Cafe Creme
Text Domain: site
Theme URI: http://www.cafecreme-art.lu
Author: design Pierre Stiwer, programming Borut Savski
Author URI: http://...
Description: Derivation of wp theme, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
width desktop, laptop
12*70 + 11*30 = 1170 px
one column = half size + padding 24px
6*70 + 5*30 = 570px
width ipad, tablet
8*70 + 7*30 = 770px
These are for free:
Copy the code below and paste it into your website's HTML between the and tags.
Reference Your Web Fonts Directly (Optional)
font-family:'SackersGothicW01-Light';
*/
/* import remote fonts */
/**
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext); //too big small letters
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext); // a little too big
@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin-ext); // just the supplement
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin,latin-ext); // too small, 400, 600
**/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400&subset=latin-ext);
/* or hosted locally - on server */
/* these are titles fonts - uppercase version of capitals and smaller capitals */
@font-face {
font-family: 'SackersGothic-Light';
font-weight: 400;
src: url(fonts/ATSackersGothic-Light.otf);
}
@font-face {
font-family: 'SackersGothic-Medium';
font-weight: 500;
src: url(fonts/SackersGothic-Medium.otf);
}
/* these are text fonts - upper and lowercase */
@font-face {
font-family: 'Futura-Light';
font-weight: 400;
src: url(fonts/Futura-Light.otf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-Book';
font-weight: 400;
src: url('fonts/FuturaBT-Book.otf') format('otf'),
url('fonts/FuturaBT-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBT-Medium';
src: url('fonts/FuturaBT-Medium.woff2') format('woff2'),
url('fonts/FuturaBT-Medium.woff') format('woff'),
url('fonts/FuturaBT-Medium.ttf') format('ttf'),
url('fonts/FuturaBT-Medium.otf') format('otf');
font-weight: normal;
font-style: normal;
}
/* to use:
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif; // part of wordpress - #adminbar
font-family: 'PT Sans', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'SackersGothic-Light', sans-serif;
font-family: 'SackersGothic-Medium', sans-serif;
font-family: 'Futura-Light', sans-serif;
font-family: 'FuturaBT-Book', sans-serif;
*/
/**
* 1.0 Reset
*
* Modified from Normalize.css to provide cross-browser consistency and a smart
* default styling of HTML elements.
*
* @see http://git.io/normalize
* ----------------------------------------------------------------------------
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
/*overflow-y: scroll;*/
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
}
body {
margin: 0;
padding:0;
font: 1em 'FuturaBT-Book', 'Josefin Sans', Helvetica, sans-serif;
font-size: 100%; /* 100%, 90% resize a little bit, or not*/
line-height:1.6;
color: #333; /*dark*/
color: #666; /*light*/
color: #555;
background-color:#F6F6F6;
}
a {
color: #000;
color: #3B8099; /*blue*/
color: #AA2929; /*red*/
color: #666; /*light*/
color: #333; /*dark*/
color: #8D8D8D; /*light*/
text-decoration: none;
}
a:visited {
/*color: #141412;*/
}
a:focus {
}
a:active,
a:hover {
color: #141412;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear:both;
font-family:'SackersGothic-Light', Verdana, sans-serif;
font-weight:400; /*default is 700 */
margin: 0.375em 0em 0.750em 0em; /*top, right, bottom, left margin*/
}
h1 {
font-size: 1.5em;
text-transform:uppercase;
}
h2 {
font-size: 1.4em;
text-transform:uppercase;
}
h3 {
font-size: 1.3em;
text-transform:uppercase;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
margin: 1em 0em 1em 0em; /*top, right, bottom, left margin*/
}
h6 {
font-size: 1.0em;
}
address {
margin: 0 0 24px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
}
mark {
background: #ff0;
color: #000;
}
p {
margin: 0 0 20px;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1.0em;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 1.0em;
margin: 20px 0;
overflow: auto;
padding: 20px;
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 {
font-size: 1.2em;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}
blockquote blockquote {
margin-right: 0;
}
blockquote cite,
blockquote small {
font-size: 1.0em;
font-weight: normal;
}
blockquote em,
blockquote i {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 500;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 0 20px;
}
dt {
font-weight: normal;
}
dd {
margin: 0 0 20px;
}
menu,
ol,
ul {
margin: 16px 0;
padding: 0 0 0 40px;
}
ul {
list-style-type: square;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li > ul,
li > ol {
margin: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #ccc;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
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"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px;
width: 270px;
}
/*
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;
}
.entry-content table {
border-bottom: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
font-size: 1.0em;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 1.2em;
margin: 20px 0;
}
.entry-content th {
/*font-weight: bold;
text-transform: uppercase;*/
}
.entry-content td {
padding: 6px 10px 6px 0;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background: url(images/dotted-line.png) repeat center top;
background-size: 4px 4px;
border: 0;
height: 1px;
margin: 0 0 24px;
}
/* Assistive text */
.screen-reader-text {
display:none;
}
/* Form fields, general styles first. */
/*button,*/
input,
textarea {
border: 1px solid #d4d0ba;
font-family: inherit;
padding: 5px;
}
input,
textarea {
color: #141412;
}
input:focus,
textarea:focus {
border: 2px solid #c3c0ab;
outline: 0;
}
.post-password-required input[type="submit"] {
padding: 7px 24px 4px;
vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
padding: 5px 24px 6px;
}
/* Placeholder text color -- selectors need to be separate to work. */
/*
::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
}
*/
/*
* Responsive images
*
* Fluid images for posts, comments, and widgets
* for gallery-icon images this breaks the proportions!
:not(img[class*="attachment-"])
*/
.entry-content img:not([class*="attachment-"]),
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="attachment-"],
img[class*="wp-image-"] {
/*height: auto;*/
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
max-width: 100%;
}
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
max-width: 100% !important;
}
/* Images */
.alignleft {
float: left;
margin-right:12px;
margin-left:0px;
}
.alignright {
float: right;
margin-left:12px;
margin-right:0px;
}
.aligncenter {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignnone {
float: none;
display: block;
}
img.alignnone:after {
float:none;
}
.wp-caption.alignleft {
margin: 6px 12px 6px 0;
padding:0;
margin: 0;
margin-top: 5px;
margin-right: 24px;
margin-bottom:20px;
}
.wp-caption.alignright {
padding:0;
margin: 0;
margin-top: 6px;
margin-left: 24px;
margin-bottom:12px;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
font-size: 1.0em;
font-weight: 300;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
list-style-position: inside;
}
.year-title {
font-family: 'SackersGothic-Light', sans-serif;
font-weight:600;
color: #555; /*dark*/
}
.noplus {
position:relative;
top:0px;
}
.noplus a.uppercase:after {
content: "";
}
.viewall-link {
position:relative;
font-size:1.0em;
color:#034EA2;
color: #3B8099; /*blue*/
}
.viewall-link a {
color:#034EA2;
color: #3B8099; /*blue*/
}
.viewall-link a:after{
content:"";
}
/**
* 3.0 Basic Structure
* ----------------------------------------------------------------------------
*/
/*main #page div class*/
.site {
width: 100%;
min-height:500px; /*800px;*/
padding:0;
}
/**
* Header
* ----------------------------------------------------------------------------
*/
#wpadminbar {
font-family: 'FuturaBT-Medium', sans-serif;
}
.site-header {
width:100%;
margin:0;
padding:0;
background-color:#16748D; /*dark green - helps the background image at highest resolutions */
border-top:0px solid #16748D;/*helps the background image at highest resolutions*/
text-align:center; /*align all content as centered - maybe needed for older browsers*/
}
/* logo and header menu line */
.site-header .banner-line {
position: relative;
display:block;
width: 1068px;
max-width: 1068px;
height: 207px;
min-height: 207px;
max-height: 207px;
margin: 0 auto; /*centered within previous block*/
background-image:url(images/header_background.png);
background-repeat: no-repeat;
background-position: top center;
/*background-size: auto 207px;*/
background-size: cover;
text-align:left;
/*border-right:12px solid transparent;*/
}
/* Logo Header Line */
/* contains link, logo, site title, site description - last two hidden */
.banner-line .header-logo {
display:inline-block;
position: relative;
top: 0px;
left:12px;
height: 207px;
width: auto;
}
.header-logo .home-link {
display:block;
position: relative;
top:70px;
left:0px;
z-index:10;
width: 170px;
height: 56px;
background-image: url(images/logoCCnb.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 169px auto;
text-decoration: none;
}
.hidden {
display:none;
}
/*these two are hidden but here for search engines*/
.header-logo .site-title {
}
.header-logo .site-title:hover {
text-decoration: none;
}
.header-logo .site-description {
}
/*header menu*/
.header-navbar {
position: absolute;
bottom:12px;
display:block;
max-width: 1068px;
width:100%;
white-space:nowrap;
padding:12px;
padding-bottom:0px;
}
.header-navbar .edit-menu {
position:relative;
top:10px;
text-align:center;
margin:6px;
width:auto;
z-index:100;
}
.header-navbar .header-navigation {
display:block;
width: 100%;
text-align:left;
}
ul.header-nav-menu {
display:block;
width: 100%;
margin: 0;
padding: 0;
white-space:normal;
margin-left:0px; /*170 + 30*/
}
div.header-nav-menu > ul {
display:block;
margin: 0;
padding: 0;
}
.header-nav-menu li {
display: inline-block;
position: relative; /*must be for dropdown */
padding-left: 18px;
padding-right: 0px;
white-space:normal;
}
.header-nav-menu li:first-child {
padding-left: 0px;
}
.header-nav-menu li:last-child {
padding-right: 0px;
}
.header-nav-menu li a {
color: #fff;
display: block;
font-family: 'SackersGothic-Light', sans-serif;
font-size: 1em;
text-transform:lowercase;
line-height: 1.2em;
text-decoration: none;
white-space: nowrap;
padding-bottom:6px;
}
.header-nav-menu li.menu-item-has-children {
}
.header-nav-menu li.menu-item-has-children:hover {
}
.header-nav-menu li:hover > a,
.header-nav-menu li a:hover {
color: #fff;
text-decoration:underline;
}
/*check if href="#" -> no underline on hover*/
.header-nav-menu li:hover > a[href^="#"],
.header-nav-menu li a[href^="#"]:hover {
text-decoration:none;
}
/* .sub-menu is dropdown*/
/*.header-nav-menu .children */
.header-nav-menu .sub-menu {
background-color: #16748D;
display: none;
position: absolute;
top: 25px;
left: -5px; /*-30px*/
z-index: 460;
width:auto;
width:inherit;
text-align:left;
margin:0;
padding-left:18px;
padding-right:24px;
padding-bottom:12px;
}
.header-nav-menu ul.sub-menu ul
/*,.header-nav-menu .children ul*/ {
display: inline-block;
border-left: 0;
left:0;
top:0;
}
.header-nav-menu ul.sub-menu li.menu-item {
padding-left:0px;
min-width:100px;
white-space:nowrap;
}
.header-nav-menu ul.sub-menu li.menu-item:first-of-type {
padding-left:0px;
}
/*last moves to the right?!*/
.header-nav-menu ul.sub-menu li.menu-item:last-of-type {
/*padding-left:0px;*/
}
.header-nav-menu ul.sub-menu li.menu-item a {
display: inline-block;
text-transform:lowercase;
white-space:nowrap; /*no text wrap*/
}
/* these are elements of submenu*/
ul.header-nav-menu ul a,
.header-nav-menu ul ul a {
clear:left;
width:100%;
margin: 0;
padding:5px;
font-weight:normal;
}
ul.header-nav-menu ul a:hover,
.header-nav-menu ul ul a:hover {
color: #fff;
text-decoration:underline;
}
ul.header-nav-menu li:hover > ul,
.header-nav-menu ul li:hover > ul {
display: block;
}
.header-nav-menu .current_page_item > a,
.header-nav-menu .current_page_ancestor > a,
.header-nav-menu .current-menu-item > a,
.header-nav-menu .current-menu-ancestor > a {
color: #fff;
text-decoration:underline;
}
.menu-toggle {
display: none;
}
/* Navbar - under header */
/* navbar is too big - shows horizontal scroller*/
.navbar {
display:block;
position:relative;
background-color: transparent;
width: 100%;
text-align:center; /*for older browsers*/
height:40px;
}
.navbar .edit-menu {
position:absolute;
top:10px;
left:50%;
}
.navbar .sub-navigation {
display:inline-block;
display:block;
position:relative;
margin: 0 auto; /*centered for newer browsers*/
text-align:left; /*reset*/
padding:12px;
width:100%;
max-width: 1068px;
height:40px;
/*border-right:12px solid transparent;*/
}
/* search form*/
.sub-navigation .search-form {
/*position: absolute;
right: -4px;
right: -15px;
bottom:7px;*/
float:right;
position: relative;
bottom:5px;
width:auto;
border:1px solid transparent;
}
.sub-navigation .search-field {
background-color: #fff;
width: 130px;
border: none;
height: 24px;
outline: 0;
margin: 0;
font-size:1.0em;
}
.sub-navigation .search-field:focus {
cursor: text;
}
/*all .search-submit */
.search-submit {
position: relative;
top:0px;
left:-4px;
background-color: #000;
border: none;
cursor: pointer;
height: 30px;
line-height:0.5em;
padding:6px;
padding-bottom:0px;
padding-top:0px;
margin: 0;
font-family: "SackersGothic-Light", sans-serif;
text-transform:lowercase;
font-size:1em;
color:#fff;
}
/*specific - lense icon*/
.sub-navigation .search-submit {
position: relative;
top:0px;
left:-4px;
background-color: #000;
background-image: url(images/search-iconbb.png);
background-position: 0px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 24px;
width: 24px;
padding:0;
margin: 0;
margin-top: 0px;
text-indent: -150px; /*move submit value text outside of visible - but not to the right!*/
/*
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
*/
}
.sub-navigation .screen-reader-text {
display:none;
}
/*languages*/
.sub-navigation .lang-navbar {
display:inline-block;
width: auto;
white-space:nowrap;
font-family: "SackersGothic-Light", sans-serif;
font-size: 1.0em;
line-height: 1.0em;
}
.sub-navigation .lang-navbar .language_item {
padding-right: 15px;
}
.sub-navigation .lang-navbar .language_item:last-of-type {
padding-right: 15px;
}
.sub-navigation .lang-navbar .language_item a {
color:#000;
}
.sub-navigation .current_language_item a {
color: #AA2929 !important;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding:0;
width:auto;
}
.nav-menu li {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
/*padding-left: 24px;*/
padding-left: 0px;
padding-right: 0px;
}
.nav-menu li:first-child {
padding-left: 0px;
}
.nav-menu li a {
display: inline;
display: block;
font-family: 'SackersGothic-Light', sans-serif;
font-family: 'SackersGothic-Medium', sans-serif;
font-size: 1.0em; /*18, 21px*/
text-decoration: none;
color: #000;
line-height:1.78em;
line-height: 1.0em;
text-decoration: none;
white-space: nowrap;
margin: 0;
padding: 0;
padding-left: 15px;
padding-bottom:12px;
}
.nav-menu li.menu-item-has-children {
/*background-image: url('images/arrowblackright.png');
background-position: 0px 1px;
background-repeat: no-repeat;*/
}
.nav-menu li.menu-item-has-children:hover {
/*background-image: url('images/arrowblackdown.png');*/
}
/* this holds line non-wrapping*/
.menu-sub-header-menu-container {
display:inline-block;
width:auto;
white-space:nowrap;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
color: #AA2929;
}
.nav-menu .sub-menu,
.nav-menu .children {
background-color: #F6F6F6;
display: none;
position: absolute;
top: 24px;
left: 0px; /*-30px*/
z-index: 460;
width:auto;
width:inherit;
text-align:left;
margin:0;
padding-left:0px;
padding-right:24px;
padding-bottom:12px;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
left: 100%;
top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #000;
margin: 0;
width: auto;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
color:#fff;
color: #AA2929;
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #AA2929;
}
/* capital letters menu line */
.post .capitals-menu {
clear:both;
display:block;
font-size:1.1em;
line-height:1.3em;
}
/* capitals listing */
.capitals-menu .capital {
margin-right:5px;
text-transform:uppercase;
}
.capitals-menu .capital.empty {
text-decoration:none;
color: #cecece;
font-size:1em;
}
.countries a,
.capitals-menu .capital a {
color: #3B8099; /*blue*/
font-size:1em;
}
.countries a,
.capitals-menu .capital.selected {
font-size:1em;
color: #141412; /*dark*/
color: #3B8099; /*blue*/
}
.countries a,
.capitals-menu .capital.selected a {
font-size:1em;
/*text-decoration:underline;*/
color: #141412; /*dark*/
}
/* login */
#loginline {
display:inline;
position:relative;
padding-left:12px;
}
#loginline img{
position:relative;
display:inline-block;
cursor:pointer;
width:24px;
height:24px;
z-index:10;
}
#loginline li {
display:inline-block;
list-style: none;
list-style-image: none;
list-style-type: none;
padding-left:15px;
padding-right:10px;
border-left:1px solid #ccc;
}
#loginline li:first-child {
padding-left: 0px;
border:0;
}
#loginline li a {
color:#ccc;
}
/**
* 5.0 Content
* ----------------------------------------------------------------------------
*/
/*main content area*/
#main.site-main {
display:block;
width: 100%;
text-align:center; /*for older browsers*/
}
.main-content-area {
position:relative;
display:table;
width:100%;
/*
max-width:1068px;
min-width:1068px;
*/
vertical-align:top;
padding:0;
margin-bottom:12px;
font-size:14px; /*set*/
margin: 0 auto; /* center within previous block - for newer browsers*/
text-align:left; /*justify;left; reset*/
border-right:12px solid transparent; /*#F6F6F6*/
}
/*.main-content-area */
.sidebar-container {
display:table-cell;
vertical-align:top;
width: 261px !important; /*keep this one fixed at any cost! 285-24=261*/
min-width: 261px;
max-width: 261px;
padding:0;
margin:0;
background-color:#fff;
border-bottom:1px solid #D2D2D2;
margin-bottom:12px;
padding:12px;
padding-top:6px;
padding-bottom:24px;
}
.sidebar-container .sidebar-inner {
}
/* but not after .alertfont */
.sidebar-container .sidebar-inner .category-header .category-title a:not(.alertfont):after {
display:inline-block;
margin-left:10px;
width: 20px;
height: 20px;
content:"";
background-image: url(images/return_small.png);
background-repeat: no-repeat;
background-position: 0px 1px;
background-size: 20px auto;
opacity: 0.8;
}
/*all images inside- or not */
.sidebar-container .sidebar-inner img {
float:none;
position:relative;
max-width:237px; /*261-24=237*/
height:auto;
padding:0;
margin:0;
margin-bottom:12px;
}
.main-content-area .sidebar-container .sidebar-inner .category-header {
}
.main-content-area .sidebar-container .sidebar-inner .category-title {
margin-top:0px; /*reset*/
}
.main-content-area .sidebar-container .sidebar-inner .widget-area {
}
/* use built in select button */
.main-content-area .sidebar-container .sidebar-inner .year-select {
border:0;
font-family: 'SackersGothic-Medium', sans-serif;
font-size:1.3em;
margin:0 auto;
width: auto;
padding:0;
margin-left:50px;
padding-right:12px;
color:#AA2929;
border: 1px solid #D2D2D2;
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post {
padding:0;
margin:0;
margin-bottom:24px;
}
/*venue places */
.main-content-area .sidebar-container .sidebar-inner .widget-area .post:not(label) {
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post {
text-transform:lowercase;
color: #333; /*dark*/
font-family: 'SackersGothic-Medium', sans-serif;
font-size: 0.90em;
line-height: 1.2em;
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post a,
.main-content-area .sidebar-container .sidebar-inner .widget-area .post a:visited{
color: #8D8D8D; /*dark*/
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post .selected {
font-family: 'SackersGothic-Medium', sans-serif;
line-height: 1.2em;
color:#AA2929; /*red*/
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post .selected a {
color:#AA2929 !important;
line-height: 1.1em;
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post.capitals .capitals-menu * {
text-transform:lowercase;
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post.countries {
font-size: 0.90em;
text-transform:lowercase;
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post p .more-link a {
color:#3B8099; /*blue*/
font-size:0.85em; /*absolute value means fixed*/
font-family: 'FuturaBT-Book', sans-serif;
}
.main-content-area .sidebar-container .sidebar-inner .widget-area .post p .more-link a:hover{
color:#2d7189; /*darkgreen*/
}
/*labels*/
.main-content-area .sidebar-container .sidebar-inner label,
.main-content-area .sidebar-container .sidebar-inner .widget-area .post label {
display:block;
clear:both;
text-transform:uppercase;
font-family: 'SackersGothic-Light', sans-serif;
font-size: 0.97em;
line-height:1.16em;
color:#8D8D8D; /*light gray*/
color:rgba(141,141,141,1);
margin-bottom:12px;
}
/* more links */
.tags-links a:first-child:before {
position: relative;
top: -1px;
}
.edit-link a:before {
position: relative;
top: -1px;
top: 1px;
}
.more-link {
display:block;
position:relative;
font-family: 'FuturaBT-Book', sans-serif;
font-size: 10px; /*absolute value means fixed*/
margin-top:6px;
margin-bottom:6px;
}
.more-link a {
color:#3B8099; /*blue*/
}
.more-link a:after {
content:"...";
}
.more-link a.uppercase:hover {
color:#000;
color:#2d7189; /*darkgreen*/
text-decoration:none;
}
/* city link*/
.more-link.blue {
position:relative;
top:0px;
padding-bottom:2px;
/*border-bottom:1px solid #ccc;*/
}
.more-link.blue span {
background-color:#3B8099; /*blue*/
padding:2px;
padding-left:7px;
padding-right:7px;
font-size:18px; /*21px*/
color:#fff;
}
.more-link.blue *{
width:auto;
}
/*main content styles - right box */
.main-content-area .content-area {
display:table-cell;
vertical-align:top;
width: 100%;
padding:0;
margin:0;
border-left:12px solid #F6F6F6; /*is transparent*/
}
body.category-publications .main-content-area .content-area {
border-left:0px;
}
.site-content {
display:block;
position:relative;
padding:0;
margin:0;
width: 100%;
font-size:1.0em;
}
/* all category-... are .post*/
.site-content .post,
.site-content .page {
clear:both;
display:block;
background-color:#fff;
padding:0;
padding: 12px;
padding-top: 0px;
margin-bottom:12px;
border-bottom:1px solid #D2D2D2;
}
/*need padding above - NO? */
.site-content .post.single {
padding-top: 1px; /*need some */
}
.site-content .post .leftside.single {
}
.site-content .post .leftside.single img.fullwidth {
max-width: 100%;
width:auto;
height:auto;
}
.site-content .post.single .posttext .entry-date {
margin-top:12px;
}
.site-content .post:last-of-type,
.site-content .page:last-of-type {
margin-bottom:0px;
}
.posttext .search-form,
.posttext .entry-content {
/*clear:both;*/
/*float:none;*/
}
.posttext .entry-content p {
}
.posttext.leftside .entry-content {
float:none;
position:relative;
top:0px;
}
.posttext.rightside .entry-content {
}
.posttext img.alignleft,
.posttext .wp-caption.alignleft,
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: 0px;
}
.posttext img.alignright,
.posttext .wp-caption.alignright,
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
float:right;
margin-right: 0px;
}
.post:nth-of-type(1),
.page:nth-of-type(1) {
/*padding-top:0;*/
}
.doublecolumn {
display:table;
width:100%;
}
.halfcolumn_left {
display:table-cell;
width:33%;
max-width:261px;
vertical-align:top;
padding-right:12px;
}
.fullcolumn_left {
display:table-cell;
width:100%;
max-width:100%;
vertical-align:top;
padding-right:0px;
}
.fullcolumn_left .intro-content p img,
.halfcolumn_left .intro-content p img {
max-width:100%;
height:auto;
}
.fullcolumn_left .intro-content .wp-caption,
.fullcolumn_left .intro-content .wp-caption img,
.halfcolumn_left .intro-content .wp-caption,
.halfcolumn_left .intro-content .wp-caption img {
max-width:100% !important;
height:auto;
}
.halfcolumn_right {
display:table-cell;
width:66%;
max-width:535px;
vertical-align:top;
}
/*for jflow slider */
.halfcolumn_right .wrapping {
left:-12px;
}
.halfcolumn_right .entry p img {
max-width:100%;
height:auto;
}
.halfcolumn_right .entry .wp-caption,
.halfcolumn_right .entry .wp-caption img {
max-width:100% !important;
height:auto;
}
/*style the page article .entry-content for partners logo images */
/* masonry default grid width*/
.grid-item {
position:relative;
width: 200px;
height: 120px;
padding:10px;
padding-left:0px;
padding-bottom:0px;
border-bottom:1px solid #ccc;
margin-bottom:30px;
}
.grid-item--width2 {
width: 400px;
}
.grid-item div.inside {
display:table-cell;
width: 200px;
height: 100px;
text-align: center;
vertical-align: bottom;
}
.grid-item div.inside img {
margin:0 auto;
}
.page-template-default .page .entry-content p {
position:relative;
display:block;
}
.page-template-default .page .entry-content p img {
float:left;
margin-top:12px;
margin-right:12px;
}
.content-area .post .posttext,
.content-area .page .posttext {
display:block;
position:relative;
}
/*float all inner headers */
.posttext .intro-content h1,
.posttext .intro-content h2,
.posttext .intro-content h3,
.posttext .intro-content h4,
.posttext .intro-content h5,
.posttext .entry-content h1,
.posttext .entry-content h2,
.posttext .entry-content h3,
.posttext .entry-content h4,
.posttext .entry-content h5 {
display:inline-block;
width:auto;
min-width:50%;
margin-top:0px;
margin-bottom:10px;
max-width:728px; /*change this to 100% for lower res*/
max-width: 760px; /*for lower res change to 100%*/
}
.entry-content {
width: 100%;
}
/* for any single content */
.entry-content p {
width: 100%; /*for lower res change to 100%*/
max-width: 728px; /*for lower res change to 100%*/
max-width: 760px; /*for lower res change to 100%*/
}
.entry-summary,
.entry-subtitle,
.entry-meta {
width: 100%; /*for lower res change to 100%*/
max-width: 728px; /*for lower res change to 100%*/
max-width: 760px; /*for lower res change to 100%*/
}
/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/
.entry-thumbnail img {
display: block;
margin: 0 auto 10px;
}
.entry-header {
margin-bottom:15px;
}
/* these are usually H elements */
.category-title, .page-title {
color: #636363; /*dark*/
}
.entry-title {
display:inline-block; /* inline makes h2 behave like span */
width:auto; /*must have auto width!*/
}
.entry-title a:not(.edit-link),
.entry-title a:not(.meta-info) {
color:#333;
}
.entry-date {
color: #2D7189;
color: #3B8099; /*blue*/
font-family: 'FuturaBT-Book', 'Josefin Sans', Helvetica, sans-serif;
font-size:0.8em;
line-height:0.91em;
text-transform: uppercase;
margin-bottom:6px;
}
.strong {
font-weight:600;
}
.lightfont {
color: #4F4F4F; /*light*/
}
.darkfont {
color:#141412; /*dark*/
}
.category-title a, .page-title a, .entry-title a {
text-decoration:none;
color:#141412; /*dark*/
}
.category-title a:hover, .page-title a:hover, .entry-title a:hover {
text-decoration:none;
color:#000;
}
/*subtitle is derived from excerpt*/
.entry-subtitle {
color:#000;
color:#2D7189;
font-size:1.2em;
display:block;
width:auto;
margin-bottom: 12px;
}
.entry-subtitle p {
}
.entry-subtitle a {
color: #3B8099; /*blue*/
text-decoration:none;
}
.entry-subtitle a:hover {
color:#141412;
color: #3B8099; /*blue*/
text-decoration:underline;
}
.entry-meta {
clear: both;
}
.entry-meta a {
color: #3B8099; /*blue*/
color: #AA2929;
}
.entry-meta a:hover {
color: #3B8099; /*blue*/
color: #AA2929;
color:#000;
}
.entry-meta > span {
margin-right: 20px;
}
.entry-meta > span:last-child {
margin-right: 0;
}
.entry-meta .meta-info {
margin-top:20px;
}
/*
.rightside .entry-content {
display:inline;
max-width: 800px;
}
.leftside .entry-content {
display:inline;
max-width: 800px;
}
*/
/* slideshow layer with images */
.entry-slideshow {
display:inline-block;
position:relative;
width:auto;
float:right;
}
.entry-meta .comments-link {
max-width: 604px;
width: 100%;
margin-left: 27px;
padding-left:5px;
}
.entry-header p,
.entry-content p,
.entry-summary p,
.entry-meta p {
padding-left:0px;
}
/* venue header*/
.content-area .post.venueheader {
padding-top:12px;
padding-bottom:12px;
}
/* venue header single*/
.content-area .post.venueheader.single {
}
.content-area .post.venueheader .posttext {
display:table;
margin:0;
width: 100%;
}
/*left*/
.content-area .post.venueheader div {
display:table-cell;
width:auto;
margin:0;
padding:0;
vertical-align:top;
}
/*image to the left - should define the height of header! */
.content-area .post.venueheader .postimage {
margin:0;
padding:0;
width:auto;
max-width: 270px;
max-height: 190px;
}
.content-area .post.venueheader .postimage a {
max-width: 270px;
max-height:190px;
overflow:hidden;
}
.content-area .post.venueheader .postimage img {
margin:0;
padding:0;
width:auto;
max-height:190px;
}
.content-area .post.venueheader .postaddress {
padding-left:12px;
padding-right:12px;
vertical-align:bottom;
vertical-align:top;
}
.content-area .post.venueheader.single .postaddress h2.entry-title,
.content-area .post.venueheader .postaddress h2.entry-title {
font-size: 1.0em;
line-height:1.2em;
color:#333;
text-transform:uppercase;
}
.content-area .post.venueheader .postaddress h3,
.content-area .post.venueheader .postaddress h4 {
margin-top:12px;
}
/*to the right - map*/
.content-area .post.venueheader .mapimage {
display:table-cell;
width: 190px;
vertical-align:top;
margin:0;
padding:0;
}
/*image generated image at google*/
.content-area .post.venueheader .mapimage a{
max-width: 270px;
max-height:190px;
overflow:hidden;
}
.content-area .post.venueheader .mapimage img {
width:100%;
margin:0;
padding:0;
}
.posttext .entry-content .exhibition-meta-authors {
position:relative;
display:inline-block;
padding:0.750em;
margin:0em;
padding-bottom:0em;
font-family: "Futura-Light", sans-serif;
margin-top:0.70em;
margin-bottom:0.40em;
width:100%;
background-color:#F6F6F6; /*is transparent*/
word-wrap: break-word;
}
/*wrap class */
.posttext .entry-content .exhibition-meta-authors.wrap {
min-width: 50%; /*370*/
/*max-width: auto;*/
}
.posttext .entry-content .exhibition-meta-authors h5 {
display:block;
color:#333;
font-family: 'SackersGothic-Light', sans-serif;
font-size:0.9em;
line-height:1.20em;
margin-top:0.70em;
margin-bottom:0.20em;
}
.posttext .entry-content .exhibition-meta-authors a {
color:#333;
}
.posttext .entry-content .authors-meta-data {
position:relative;
display:inline-block;
padding:0.750em;
font-family: "Futura-Light", sans-serif;
margin-top:0.70em;
margin-bottom:0.20em;
margin-bottom:0.40em;
min-width: 370px; /*370*/
/*max-width: auto;*/
background-color:#F6F6F6; /*is transparent*/
width: 100%;
word-wrap: break-word;
}
/*wrap class */
.posttext .entry-content .authors-meta-data.wrap {
min-width: 370px; /*370*/
width: auto;
/*max-width: auto;*/
}
.posttext .authors-meta-data a {
color: #3B8099;
}
.posttext .entry-content .authors-meta-data h5 {
display:block;
color:#333;
font-family: 'SackersGothic-Light', sans-serif;
font-size:0.9em;
line-height:1.20em;
margin-top:0.70em;
margin-bottom:0.20em;
}
.category-curators .posttext .curatorimage {
float:right;
margin:0;
padding:12px;
padding-right:0px;
width:150px;
height:auto;
}
.posttext .authorimage {
float:right;
margin:0;
padding:12px;
padding-right:0px;
width:150px;
height:auto;
}
/**
* Blocks lists / popups or not
* ----------------------------------------------------------------------------
*/
/* default blocks */
.block {
display:inline-block;
vertical-align:top;
position:relative;
width:174px; /*150+24*/
height:198px; /*150+24+24*/
height:174px;
padding:0;
padding:12px;
margin:0;
margin-right:12px;
margin-bottom:12px;
background-color:#fff;
border-bottom:1px solid #D2D2D2;
}
/* no pop - no enlarge - category-artists list */
.block .holder {
position:relative;
width:150px;
height:150px;
overflow:hidden;
}
.block .holder img {
position:relative;
width:150%;
left:-32%;
}
.block .popimagetitle,
.block .imagetitle,
.block .title {
position: relative;
position: absolute;
bottom:0px;
padding:0;
padding-left:12px;
padding-top:6px;
padding-bottom:12px;
width:100%;
text-align:left;
background-color:#fff;
z-index:1;
margin-left:-12px;
}
/*display name on hover*/
.artists.block .title {
display:none;
}
.block .popimagetitle a:not(.edit-link),
.block .imagetitle a:not(.edit-link),
.block .title a:not(.edit-link) {
text-decoration:none;
color:#000;
}
.block .popimagetitle a:hover,
.block .imagetitle a:hover,
.block .title a:hover {
text-decoration:none;
}
/*for popup and nopup galleries*/
.block .imagetitle {
position:relative;
bottom:0px;
padding-top:5px;
text-align:left;
background-color:#fff;
}
.popgallery .block,
.cropgallery .block {
margin-bottom:20px;
}
.cropgallery .block .imagetitle {
top:0px; /*here we don't have popup positioned absolute by script*/
}
.block .imagetitle a {
text-decoration:none;
font-style:italic;
color: #141412; /*dark*/
color: #656565; /*light*/
}
.block .popholder,
.block .imageholder {
width:150px;
height:150px;
overflow:hidden;
}
.block .popholder .popimage,
.block .imageholder .popimage {
position:relative;
width:200%; /*enlarge twice and move halfway to left*/
min-width:200%; /*enlarge twice and move halfway to left*/
left:-50%;
width:150%; /*enlarge one third and move one third to left*/
min-width:150%;
left:-32%;
top:0%;
}
.block .popholder .popimagetitle,
.block .imageholder .popimagetitle {
position:relative;
left:-50%;
width:200%;
background-color:#fff;
height:auto;
padding:5px;
text-align:left;
z-index:1;
}
.block .popholder .popimagetitle a,
.block .imageholder .popimagetitle a {
text-decoration:none;
font-style:italic;
color: #141412; /*dark*/
color: #656565; /*light*/
}
/**
* 5.3 Entry Content - this is now mainly .posttext
* ----------------------------------------------------------------------------
*/
.entry-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
/* word-wrap: break-word; */
}
.entry-content a,
.comment-content a {
color:#AA2929; /*red*/
color:#3B8099; /*blue*/
}
.entry-content a:hover,
.posttext a:hover,
.comment-content a:hover {
color: #3B8099; /*blue*/
color:#AA2929; /*red*/
}
.entry-content blockquote {
font-size: 1.2em;
}
.entry-content blockquote cite,
.entry-content blockquote small {
font-size: 1.2em;
}
footer.entry-meta {
margin-top: 24px;
}
.format-standard footer.entry-meta {
margin-top: 0;
}
.padding-right {
padding-right:24px;
}
/* pagination is a 100% centered div line of page numbers at the bottom
all entries in line are links
makes unnecessary space at the bottom - even if empty!
*/
.pagination {
clear:both;
display:block;
position:relative;
left:0px;
height: 40px;
font-family: "SackersGothic-Light",Verdana,sans-serif;
font-size:1.2em;
/*white-space:nowrap;*/
}
/* under header */
.pagination.top {
position:absolute;
top:-30px;
/*left:261px;
left:150px;*/
font-size:1.2em;
}
.pagination.bottom {
clear:none;
bottom:0px;
/*left:60%;
left:150px;
left:0px;*/
text-align:center;
font-size:1.2em;
}
.pagination a.page-numbers,
.pagination .page-numbers.current {
padding:7.5px;
padding-top:0px;
padding-bottom:0px;
margin:3px;
color:#333;
}
.pagination .page-numbers.current {
color:#AA2929; /*red*/
}
.pagination a.page-numbers:hover {
text-decoration:none;
}
.pagination a.page-numbers.prev ,
.pagination a.page-numbers.next {
padding:0px;
padding-top:7.5px;
}
/* Page links */
.page-links {
clear: both;
font-size: 1.2em;
padding:7.5px;
padding-top:0px;
padding-bottom:0px;
margin:3px;
color:#AA2929; /*red*/
}
.page-links .page-links-title {
color:#333;
}
.page-links a {
padding: 5px 10px;
text-decoration: none;
}
.posttext .page-links a,
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
color:#333;
}
.posttext .page-links a:hover,
.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
color:#AA2929; /*red*/
}
.posttext .page-links > span,
.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
color:#AA2929; /*red*/
}
.page-links .page-links-title {
background: transparent;
border: none;
margin-right: 24px;
padding: 0;
}
.format-audio .audio-content {
background: url(images/dotted-line.png) repeat-y left top;
background-size: 4px 4px;
float: right;
padding-left: 35px;
width: 80%;
/*width: -webkit-calc(100% - 85px);*/
width: calc(100% - 85px);
}
.format-audio .wp-audio-shortcode {
height: 24px !important; /* Override mediaelement.js style */
margin: 20px 0;
max-width: 400px !important; /* Override mediaelement.js style */
}
.format-audio audio {
max-width: 100% !important; /* Avoid player width overflow. */
}
/* Image */
.format-image .entry-title {
font-size: 1.6em;
}
.format-image .categories-links,
.format-image .tags-links {
display: none;
}
/* Link */
/*
.format-link {
background-color: #f7f5e7;
}
.blog .format-link:first-of-type,
.single .format-link:first-of-type {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-link .entry-header,
.format-link .entry-content p:last-child {
margin-bottom: 0;
}
.format-link .entry-title {
display: inline;
font-size: 1.6em;
margin-right: 20px;
}
.format-link .entry-title a {
}
.format-link div.entry-meta {
display: inline;
}
*/
/* Quote */
.format-quote {
background-color: #210d10;
}
.format-quote .entry-content,
.format-quote .entry-meta {
color: #f7f5e7;
}
.format-quote .entry-content blockquote {
font-size: 1.2em;
margin: 0;
}
.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
color: #e63f2a;
}
.format-quote .entry-content cite a {
border-bottom: 1px dotted #fff;
color: #fff;
}
.format-quote .entry-content cite a:hover {
text-decoration: none;
}
.format-quote blockquote small,
.format-quote blockquote cite {
display: block;
font-size: 1.2em;
}
.format-quote blockquote {
/*font-style: italic;*/
font-weight: 300;
padding-left: 75px;
position: relative;
}
.format-quote blockquote:before {
/*content: '\201C';*/
font-size: 1.6em;
font-weight: 500;
line-height: .8;
padding-right: 20px;
position: absolute;
left: -15px;
top: -3px;
}
.format-quote .entry-meta .author {
display: none;
}
/* Status */
.format-status {
background-color: #722d19;
padding: 0;
}
.format-status .entry-content,
.format-status .entry-meta {
padding-left: 35px;
position: relative;
}
.format-status .entry-content a {
color: #eadaa6;
}
.format-status .entry-meta a {
color: #f7f5e7;
}
.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
padding-left: 95px;
}
.format-status .entry-content:before,
.format-status .entry-meta:before {
background: url(images/dotted-line.png) repeat-y left bottom;
background-size: 4px 4px;
content: "";
display: block;
height: 100%;
position: absolute;
left: 10px;
top: 0;
width: 1px;
}
.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
left: 70px;
}
.format-status .categories-links,
.format-status .tags-links {
display: none;
}
/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
background-position: left top;
}
.format-status .entry-content {
color: #f7f5e7;
font-size: 1.4em;
font-weight: 300;
padding-bottom: 24px;
padding-top: 40px;
position: relative;
}
.format-status .entry-content p:first-child:before {
background-color: rgba(0, 0, 0, 0.65);
content: "";
height: 3px;
margin-top: 13px;
position: absolute;
left: 4px;
width: 13px;
}
.sidebar .format-status .entry-content > p:first-child:before {
left: 64px;
}
.format-status .entry-content p:last-child {
margin-bottom: 0;
}
.format-status .entry-meta {
margin-top: 0;
padding-bottom: 40px;
}
.format-status .entry-meta .date a:before {
}
/* Video */
.format-video {
}
.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
color: #fbfaf3;
}
.format-video .entry-title {
font-size: 1.6em;
}
.format-video .entry-meta {
color: #220e10;
}
/**
* 5.6 Attachments
* ----------------------------------------------------------------------------
*/
.entry-attachment .attachment img {
width: 70%;
min-width: 500px;
}
/* all types of attachment posts - .entry-title defined previously as inline? */
.attachment .posttext .entry-header .entry-title {
display:block;
margin-bottom:0px;
}
.attachment .posttext .entry-header .links {
padding:0;
margin:0;
}
.attachment .posttext .entry-header .links a {
text-decoration:none;
color: #3B8099; /*blue*/
}
.attachment .posttext .entry-header .links a:hover {
text-decoration:underline;
color: #141412; /*dark*/
color: #3B8099; /*blue*/
}
.entry-attachment {
display:block;
display:table;
width:100%;
margin-top:15px;
margin-bottom:24px;
padding:0;
}
.entry-attachment .entry-image {
display:inline-block;
width:auto;
padding:0;
margin:0;
margin-bottom:15px;
}
.entry-attachment .entry-image img {
max-width:700px;
}
.entry-attachment .entry-image .entry-caption {
width:100%;
height:24px;
background-color:#fff;
padding: 7.5px;
}
.entry-attachment .attachment-gallery {
display:inline-block;
display:table-cell;
position:relative;
vertical-align:top;
margin-left:24px;
padding:24px;
width: 210px; /*150+30+30*/
height:100%;
background-color:#E3E3E3;
padding-top:0px;
padding-bottom:70px;
padding-right:0px;
}
.entry-attachment .attachment-gallery .block {
clear:both;
padding:0;
width: 150px;
margin-top:24px;
margin-bottom:24px;
}
.entry-attachment .attachment-gallery .block.selected {
opacity: .5;
}
.entry-attachment .attachment-gallery .block .holder,
.entry-attachment .attachment-gallery .block .imageholder {
width: 150px;
}
.entry-attachment .attachment-gallery .block .imagetitle {
background-color:#fff;
font-style:italic;
}
.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
display: none;
}
/**
* 5.7 Post/Paging Navigation
* ----------------------------------------------------------------------------
*/
.navigation .nav-previous {
float: left;
}
.navigation .nav-next {
float: right;
}
.navigation a {
color: #AA2929;
}
.navigation a:hover {
color: #ea9629;
color: #000;
text-decoration: none;
}
.paging-navigation {
background-color: #e8e5ce;
padding: 40px 0;
}
.paging-navigation .nav-links {
margin: 0 auto;
max-width: 604px;
width: 100%;
}
.sidebar .paging-navigation .nav-links {
max-width: 1040px;
padding: 0 376px 0 60px;
}
.paging-navigation .nav-next {
padding: 13px 0;
}
.paging-navigation a {
font-size: 1.6em;
/*font-style: italic;*/
font-weight: 300;
}
.paging-navigation .meta-nav {
background-color: #000; /*#e63f2a;*/
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 1.3em;
padding: 3px 0 8px;
text-align: center;
width: 50px;
}
.paging-navigation .nav-previous .meta-nav {
margin-right: 10px;
padding: 17px 0 23px;
width: 80px;
}
.paging-navigation .nav-next .meta-nav {
margin-left: 10px;
}
.paging-navigation a:hover .meta-nav {
background-color: #ea9629;
text-decoration: none;
}
.post-navigation {
background-color: #fff;
color: #ca3c08;
font-size: 1.4em;
/*font-style: italic;*/
font-weight: 300;
padding: 20px 0;
}
.post-navigation .nav-links {
margin: 0 auto;
max-width: 1040px;
}
.sidebar .post-navigation .nav-links {
padding: 0 376px 0 60px;
}
.post-navigation a[rel="next"] {
float: right;
text-align: right;
}
/**
* 5.8 Author Bio
* ----------------------------------------------------------------------------
*/
.author-info {
margin: 0 auto;
max-width: 604px;
padding: 24px 0 10px;
text-align: left; /* gallery & video post formats */
width: 100%;
}
.author.sidebar .author-info {
max-width: 1040px;
padding: 24px 376px 10px 60px;
}
.single .author-info {
padding: 50px 0 0;
}
.author-avatar .avatar {
float: left;
margin: 0 24px 24px 0;
}
.single-format-status .author-description {
color: #f7f5e7;
}
.author-description .author-title {
clear: none;
font: 400 normal 20px 'FuturaBT-Book', 'Josefin Sans', sans-serif;
margin: 0 0 8px;
}
.author-link {
color: #ca3c08;
margin-left: 2px;
}
.author.archive .author-link {
display: none;
}
/**
* 5.9 Pages and Categories
* ----------------------------------------------------------------------------
*/
.page-header,
.category-header {
display:inline;
background-color:#fff;
width:auto;
}
.page-header {
/*padding:12px;*/
}
.page-header .page-title {
display:inline-block;
}
.category-header .category-title,
.category-header .category-meta {
display:inline-block;
}
.category-meta {
font-size: 1.2em;
margin-top: -15px;
padding: 0 0 11px;
}
.sidebar .archive-meta {
padding-right: 316px;
}
.clearboth {
clear:both;
}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
.zeropixels {
height:0px;
}
.smallspacer {
height:0px;
}
.spacer {
height:24px;
}
.largespacer {
height:48px;
}
/* basic .post elements */
.posttext .entry-title a:not(.edit-link) {
text-decoration:none;
}
.posttext .entry-title a:hover {
text-decoration:none;
}
/*add class to link on image to hide overflow - have equal width height images */
.posttext .imagecrop {
display:block;
padding:0;
margin:0;
margin-bottom:24px;
position:relative; /*needed for link on image*/
z-index:1;
}
.posttext .imagecrop img.imagefloat {
width:100%;
width:237px;
}
.posttext .imagecrop img.image-tall {
width:190px;
height:auto;
}
.posttext .imagecrop img.image-small {
width:auto;
height:auto;
/*min-width:initial;
max-width:237px;
max-height:190px;*/
}
/*rightside*/
.posttext.rightside.threequartersize .imagecrop {
position:relative;
float:left;
margin-right:24px;
width:100%;
max-width:234px;
height:auto;
}
/*limit the text width */
.posttext.rightside.threequartersize .entry-content p {
margin-left:285px; /*remove when in lower res*/
max-width:800px; /*change this to 100% for lower res*/
}
/*leftside*/
.posttext.leftside.threequartersize {
display:block;
margin:0;
padding:0;
}
/* if has imagetall or image */
.posttext.leftside h2.entry-title.wrap {
width:60%;
white-space: normal;
}
.posttext.leftside.threequartersize .imagecrop {
float:right;
position:relative;
right:0px;
margin-left:12px;
margin-right:0px;
width:auto;
max-width:234px;
height:auto;
max-height:190px;
}
.posttext.leftside.threequartersize .imagecrop img.imagefloat {
width: 100%;
max-width: 100%;
height: auto;
}
.posttext.leftside.threequartersize .imagecrop img.image-tall {
height: 190px;
width: auto;
}
.posttext.leftside.threequartersize .imagecrop img.image-small {
width: auto;
height: auto;
min-width:initial;
}
/* home styles*/
.main-news-home {
clear:both;
display:block;
width:100%;
height:auto;
margin-bottom:12px;
border:0;
}
.post.main-home {
display:inline-block;
width: 100%;
margin:0;
padding:12px;
}
.post.main-home .posttext {
display:block;
width: 100%;
height: 100%;
margin:0;
padding:0;
}
/*for no .imagecrop*/
.post.main-home .posttext img.imagefloat {
float:left;
padding:0;
margin:0;
border:0;
margin-right:12px;
width:auto;
max-width:50%;
}
.post.main-home .posttext .imagecrop {
display:inline; /* this shouldn't do anything here*/
width:auto;
max-width:50%;
padding:0;
margin:0;
border:0;
}
.post.main-home .posttext .imagecrop img {
float:left;
padding:0;
margin:0;
border:0;
margin-right:12px;
width:100%;
width:auto;
max-width:50%; /*half*/
}
.post.main-home .posttext .imagecrop img.image-tall {
/*width:33%;*/ /*50%*/
}
.post.main-home .posttext .imagecrop img.image-small {
width:auto;
min-width:initial;
}
.post.main-home .posttext .entry-date {
}
.post.main-home .posttext .entry-content {
clear:both;
display:block;
position:relative;
top:12px;
width:100%;
}
/*
.post.main-home .posttext .entry-content br {
display:inline-block;
}
*/
.post.main-home .posttext .entry-content p {
display:block; /*inline-block*/
}
/*inline styles*/
.post.main-home .posttext .entry-content.inline {
display:inline-block;
}
.post.main-home .posttext .entry-content.inline p {
display:inline-block;
}
/*secondary news on home is a block of rows*/
.secondary-news-home {
clear:both;
display:block;
}
.post.secondary-home {
clear:both;
display:inline-block;
min-width:100%;
width:100%;
padding: 0;
margin: 0;
border:0;
padding: 12px;
margin-bottom:12px;
border:0;
border-bottom:1px solid #D2D2D2;
}
.post.secondary-home:nth-of-type(1) {
}
.post.secondary-home:last-of-type {
padding-bottom:15px;
margin-bottom:-3px;
}
.post.secondary-home .posttext {
width:100%;
float:left;
}
.post.secondary-home .posttext .imagecrop {
position:relative;
float:left;
width:190px;
width:100%;
max-width:234px;
height:auto;
margin-right:12px;
margin-bottom:0.5px;
}
.post.secondary-home .posttext .imagecrop img.imagefloat {
width:100%;
height:auto;
}
.post.secondary-home .posttext .imagecrop.image-tall,
.post.secondary-home .posttext .imagecrop img.image-tall {
max-width:190px;
}
.post.secondary-home .posttext .imagecrop.image-small,
.post.secondary-home .posttext .imagecrop img.image-small {
width:auto;
/*min-width:initial;*/
height:auto;
max-height: 234px;
}
.post.secondary-home .posttext .entry-subtitle {
float:left;
display:inline-block;
width:40%;
}
.post.secondary-home .posttext .entry-content {
clear:both;
display:inline;
position:relative;
top:12px;
width:100%;
}
.post.secondary-home .posttext .entry-content p {
display:inline;
}
/**
* 5.9 Categories
* ----------------------------------------------------------------------------
article .post.category-news
article .post.category-publications
both have columns
parent container has to be defined as table
this maybe adds a virtual container?
*/
.post.category-news {
clear:none;
float:left;
/*height:600px;
overflow:hidden;*/
width: 261px !important;
min-width: 261px;
max-width: 261px;
margin:0;
border:0;
padding:0;
padding-bottom:12px;
margin-right:12px;
border-bottom:1px solid #D2D2D2;
}
.post.category-news:hover {
}
.post.category-news:nth-of-type(4) {
margin-right:0px;
}
.post.category-news .posttext {
width:100%;
max-width:100%;
padding:12px;
}
.post.category-news .posttext .entry-date {
}
.post.category-news .posttext .entry-content {
}
.post.category-news .posttext .imagecrop {
float:none;
width: 100%;
min-width: 100%;
padding:0;
margin-bottom:12px;
}
.post.category-news .posttext .imagecrop img.imagefloat {
float:none;
width: 100%;
/*min-width: 100%;*/
height:auto;
padding:0;
margin:0;
}
/*hide ui helper */
.advsearch .ui-helper-hidden-accessible {
display:none;
}
ul.ui-autocomplete {
position:relative;
top:-2px;
list-style: none;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 5px;
border:1px solid #ccc;
border-top:0px;
width:149px;
background-color:#F2F2F2;
}
ul.ui-autocomplete li.ui-menu-item {
}
.searchsubmit {
margin-top:10px;
text-align:center;
}
.searchsubmit input {
font-family:'SackersGothic-Light', sans-serif;
font-size: 1.2em;
text-transform:uppercase;
text-decoration: none;
white-space: nowrap;
background-color:#333; /*#000*/
color:#cecece;
border: 1px outset #ccc;
padding:2px;
padding-left:7px;
padding-right:7px;
}
.searchsubmit input:hover {
color:#fff;
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.wrapping {
margin:0;
width:100%;
}
/* this is resized with jflow js*/
.wrapping .jFlowSlide {
/*overflow:hidden;*/
}
.wrapping .photostrip {
}
/* next previous arrows */
.wrapping .jFlowNext {
margin:0;
right: -18px;
}
.wrapping .slider.jFlowNext {
right: 0px;
}
.wrapping .jFlowPrev {
margin:0;
left: -18px;
}
.wrapping .slider.jFlowPrev {
left: 0px;
}
/* default wp gallery */
.gallery {
clear:both;
width:auto;
margin:0;
padding:0;
margin-left:12px;
margin-right:12px;
margin-bottom:12px;
}
/* gallery-item width is set to 33% internally on shortcode actions */
.gallery-item {
position: relative;
float:left;
height:150px;
width:auto;
padding:0;
margin:0;
margin-top:12px;
padding-right:12px;
/*overflow:hidden;*/
}
.gallery-item .gallery-icon img {
position:relative;
left:0%;
}
.gallery-item .gallery-icon.landscape img {
height:150px;
width:auto;
}
.gallery-item .gallery-icon.portrait img {
max-width:150px;
width:150px;
height:auto;
}
.gallery-item .gallery-caption {
background-color: #fff;
color: #000;
margin: 0;
height:auto;
max-height: 50%;
position: relative;
position: absolute;
bottom: 0px;
padding:2px;
padding-top:5px;
padding-bottom:5px;
width: 100%;
max-width:inherit;
text-align: left;
z-index:1;
}
.gallery-item .gallery-caption a:hover {
text-decoration:none;
}
/**
* 5.10 Search Results/No posts
* ----------------------------------------------------------------------------
*/
.search-content .posttext .entry-header {
margin-bottom:0px;
}
.search-content .posttext .entry-summary {
min-height:24px;
}
.entry-summary .more-text a {
color: #3B8099; /*blue*/
text-decoration:none;
white-space:nowrap;
}
.entry-summary .more-text a:hover {
text-decoration:underline;
}
.year-header {
background-color:#fff;
clear:both;
margin:0;
padding:12px;
padding-top:0px;
padding-bottom:0px;
}
.year-header:nth-of-type(1) {
border:1px solid transparent; /*needs border to keep background*/
}
.city-header {
background-color:#fff;
clear:both;
margin:0;
padding:0;
}
.city-header .more-link {
float:none;
position:relative;
top:0px;
margin:0;
}
.content-area .category-places,
.content-area .category-venues {
position:relative;
background-color:#fff;
border-bottom:24px solid #F6F6F6;
padding:12px;
margin:0;
margin-bottom:12px;
border:0;
border-bottom:1px solid #D2D2D2;
}
.content-area .category-places {
min-height:100%;
}
.content-area .category-places .single .entry-title {
margin-top:-6px;
}
.content-area .category-places:last-of-type,
.content-area .category-venues:last-of-type {
margin-bottom:0;
}
/* this is .content-area */
/**
.content-area.publications-slider {
}
**/
/* this is .site-content*/
.post.category-publications {
display:table-cell;
position:relative;
float:none;
vertical-align:top;
height:auto;
width:224px; /*237*/
width:192px; /*249px 180px 212px */
max-width:192px; /*224px;*/
min-width:192px; /*224px;*/
border:0;
padding:0;
margin:0;
border-left:12px solid #F6F6F6;
border-bottom:1px solid #D2D2D2;
/*hide small part of bottom border to the left */
}
.category-publications.post:nth-of-type(1) {
}
.category-publications.post:last-of-type {
}
.post.category-publications .borderpatch {
position:absolute;
bottom:-3px;
left:-6px;
width:6px;
height:6px;
background-color:#F6F6F6;
z-index:10;
}
.post.category-publications .posttext {
width:100%;
max-width:100%;
padding:12px;
}
.post.category-publications .posttext .imagecrop {
float:none;
width: 100%;
min-width: 100%;
margin-bottom:6px;
text-align:center;
}
.post.category-publications .posttext .imagecrop img {
float:none;
padding:0;
margin:0;
width: 100%;
/*
width: 190px;
min-width:190px;
max-width:190px;
width: 158px;
min-width:158px;
max-width:158px;
*/
height:auto;
}
/*combination of .image-tall.image-small is not proportional */
.post.category-publications .posttext .imagecrop img.image-small {
width: auto;
height:auto;
min-width:initial;
max-width:190px;
}
.post.category-publications .posttext .entry-date {
}
.post.category-publications .posttext .entry-content {
}
.image-attachment {
position:relative;
}
.more-text a {
color: #3B8099; /*blue*/
text-decoration:none;
white-space:nowrap;
}
.more-text a:hover {
text-decoration:underline;
}
.search-header .search-subtitle {
margin-top:25px;
}
.search-post {
padding-top:20px;
padding-bottom:20px;
border-top:1px solid #ccc;
}
.search-post .search-title {
font-size: 1.0em;
color: #555;
max-width: 1040px;
padding: 0px;
width: 100%;
}
.search-post .search-subtitle {
padding-bottom:5px;
}
.search-post .entry-summary,
.search-post .entry-meta {
padding:0;
}
.uppercase {
text-transform:uppercase;
}
.floatright {
float:right;
width:auto;
}
.inline {
display:inline;
width:auto;
}
.absolute {
position:absolute;
}
.content-area .fullheight {
height:100%;
}
/**
* 6.1 Widgets
* ----------------------------------------------------------------------------
*/
.widget {
font-size: 1.0em;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.widget .widget-title {
display:block;
clear:both;
text-transform:uppercase;
font-family: 'SackersGothic-Light', sans-serif;
font-size: 0.97em;
line-height:1.16em;
color:#8D8D8D; /*light gray*/
color:rgba(141,141,141,1);
margin-bottom:12px;
}
.widget .widget-title a {
color:rgba(141,141,141,1);
}
.widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 5px 0;
}
.widget .children li:last-child {
padding-bottom: 0;
}
.widget li > ul,
.widget li > ol {
margin-left: 20px;
}
.widget a {
}
.widget a:hover {
text-decoration:none;
}
/* RSS Widget */
.widget_rss .rss-date {
display: block;
}
.widget_rss .rss-date,
.widget_rss li > cite {
}
/* RSS Feedrotator Widget */
.rssimagefeedrotator {}
.rssimagefeedrotator .entry-title {
display:block;
clear:both;
text-transform:uppercase;
font-family: 'SackersGothic-Light', sans-serif;
font-size: 0.97em;
line-height:1.16em;
color:#8D8D8D; /*light gray*/
color:rgba(141,141,141,1);
margin-bottom:12px;
}
.rssimagefeedrotator ul.feedrotate {
position: relative;
width: 100%;
height:auto;
height: 250px;
overflow:hidden;
margin:0;
padding:0;
}
.rssimagefeedrotator .feedrotate li {
list-style: none;
list-style-image: none;
list-style-type: none;
text-indent:0;
margin:0;
padding:0;
}
.rssimagefeedrotator .feedrotate li img {
width:280px;
height:auto;
}
.rssimagefeedrotator .button {
background-color: transparent;
width: 50px;
height: 30px;
font-size: 20px;
line-height: 30px;
text-align: center;
position: absolute;
top: 30px;
}
.rssimagefeedrotator .nextfeed {
right: 100px;
}
.rssimagefeedrotator .prevfeed {
left: 100px;
}
.rssimagefeedstatic {}
/*header widgets*/
/*the holder of social icons - top left: above logo*/
.banner-line .social-container {
display:block;
position:absolute;
top:12px;
left:12px;
width:auto;
padding:0;
background: transparent;
}
.social-container .widget-area {
}
/* do not show title here */
.social-container .widget-area .widget-title {
display:none;
}
.social-container .widget-area .widget {
}
.social-container .widget-area .widget a {
position:relative;
cursor:pointer;
margin-right:6px;
z-index:1000;
}
.social-container .widget img{
position:relative;
width:initial;
max-width:24px;
height:auto;
padding:0;
margin:0;
}
.banner-line .email-container {
display:block;
position:absolute;
float:left;
left:12px;
top:126px;
width:264px;
padding:0;
margin: 0;
text-align:left;
color:#fff;
}
#mc-embedded-subscribe-form {
margin:0;
padding:0;
}
#mc_embed_signup {
display:block;
position:relative;
width:261px;
width:auto;
text-align:left;
vertical-align:middle;
font-size:1.0em;
}
.mc_embed_signup_scroll label {
display:inline-block;
float:left;
}
#mc_embed_signup #mce-EMAIL-label {
display:none;
}
#mc_embed_signup #mce-EMAIL {
display:inline-block;
float:left;
clear:both;
width:170px;
height:25px;
color:#141412;
/*border:none;*/
border:1px solid #ccc;
}
#mc_embed_signup .button {
float:left;
font-family:'SackersGothic-Light', sans-serif;
text-transform:lowercase;
font-size: 1.0em;
line-height:0.5em;
height:25px;
background-color:#000;
border:0;
padding:0;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;
color:#fff;
}
#mc_embed_signup input.mce_inline_error {
border:0;
}
#mc_embed_signup div.mce_inline_error {
position:relative;
top:0px;
}
#mc_embed_signup #mce-responses {
clear:both;
font-family: 'Futura-Light';
font-size: 1.0em;
width:auto;
background-color:#fff; /*#F6F6F6; */
}
#mc_embed_signup #mce-responses #mce-success-response,
#mc_embed_signup #mce-responses #mce-error-response {
color:#333;
z-index: 10;
}
/*all header widget titles*/
.banner-line .widget-title {
color:#fff;
}
/*
.newsletter-container {
position:absolute;
top:0px;
}
*/
.newsletter-container .widget-title {
padding-top:6px;
}
/*
CSS Styles for the Category Posts Widget plugin
*/
.cat-post-widget * {
margin: 0;
padding:0;
}
.cat-post-widget {
}
.cat-post-widget p {
margin-bottom: 0;
}
.cat-post-widget .post-date {
color: #3B8099; /*blue*/
font-family: 'FuturaBT-Book', 'Josefin Sans', Helvetica, sans-serif;
font-style:normal;
font-size:0.8em;
line-height:0.91em;
text-transform: uppercase;
margin-top: -6px;
margin-bottom: 6px;
}
.cat-post-widget .post-title {
width:auto; /*must have auto width!*/
font-family: 'SackersGothic-Medium', sans-serif;
font-weight:400;
color:#333;
font-size:1em;
line-height:1.1;
text-transform:uppercase;
}
.cat-post-widget ul li {
list-style: none;
list-style-type: none;
margin: 6px 0;
padding: 6px 0;
}
/*this is li elem */
.cat-post-widget .cat-post-item .post-title {
}
.cat-post-widget .cat-post-item a.imagecrop img {
margin-top:12px;
float:none;
}
.cat-post-widget ul li:last-child {
border-bottom: none;
}
.cat-post-widget .more-link {
display: inline;
}
.cat-post-widget .post-entry {
padding: 0 0 6px 0;
overflow: hidden;
}
.cat-post-widget .comment-num {
}
/**
* 7.0 Footer
* ----------------------------------------------------------------------------
*/
.site-footer {
position:relative;
width:100%;
text-align:center;
}
.site-footer .info-line {
width:100%;
/*
width:1068px;
min-width:1068px;
max-width:1068px;
*/
margin:0 auto;
}
#wpstats {
display: block;
margin: -10px auto 0;
}
.disabled {
opacity: .5;
}
/* mainly used for edit etc*/
.space {
height:10px;
}
small {
display:inline;
font-family: 'FuturaBT-Book', sans-serif;
font-size: 12px; /*has to be absolute or it changes!*/
}
small a.edit-menu,
small a.edit-link {
color:#AA2929;
text-transform:capitalize;
background-color:transparent;
}
small a.edit-menu:hover,
small a.edit-link:hover {
background-color:transparent;
color:#AA2929;
}
.meta-info {
color: #3B8099; /*blue*/
color: #141412; /*dark*/
color: #656565; /*light*/
}
/* .meta-info*/
.entry-title.search-title small .meta-info {
display:inline;
font-family: 'FuturaBT-Book', sans-serif;
font-size: 1.1em;
color: #3B8099; /*blue*/
color: #656565; /*light*/
text-transform:capitalize;
background-color:transparent;
}
.alertfont {
color:#AA2929 !important;
background-color:transparent;
font-weight:normal;
}
/* different titles */
.category-publications .posttext .entry-title {
font-family: 'SackersGothic-Medium', sans-serif;
font-weight:400;
font-size:1em;
line-height: 1.1em;
color:#333;
margin-bottom:10px;
}
.post.category-publications .posttext .entry-subtitle {
font-size:0.85em;
color: #4C0000;
}
.category-venues .posttext .entry-title {
font-family: 'SackersGothic-Medium', sans-serif;
font-weight:400;
font-size:1.1em;
line-height: 1em;
color:#333;
text-transform:uppercase;
}
.category-venues .posttext.single .imagecrop {
float:right;
margin-left:12px;
}
.category-venues .posttext.single .entry-content {
}
.category-venues .posttext.single .entry-content .exhibition-meta-authors {
display:table-cell;
width:100%;
}
.category-news .posttext .entry-title {
font-family: 'SackersGothic-Medium', sans-serif;
font-weight:400;
font-size:1em;
line-height: 1em;
color:#333;
margin:0;
margin-bottom:10px;
text-transform:uppercase;
}
.category-news .posttext .entry-subtitle {
font-size:1.2em;
color: #000;
}
/* home titles */
.main-home .posttext .entry-title {
display:inline;
width:auto;
font-family: 'SackersGothic-Medium', sans-serif;
font-weight:400;
font-size:1em;
line-height: 1.1em;
color:#333;
text-transform:uppercase;
margin-bottom:0px;
}
.secondary-home .posttext .entry-title {
display:inline;
width:auto;
font-family: 'SackersGothic-Medium', sans-serif;
font-weight:400;
font-size:0.90em;
line-height: 1.1em;
color:#333;
text-transform:uppercase;
margin-bottom:0px;
}
.secondary-home .posttext .entry-subtitle {
font-size:0.90em;
color: #000;
}
/* award subpages :first-child*/
.site-content .tmplt,
.site-content .revelations,
.site-content .award {
padding-top:10px;
}
.tmplt .entry-title,
.revelations .entry-title,
.award .entry-title {
font-weight:400;
font-size:1em;
line-height: 1.1em;
color:#333;
}
/* for acf google map */
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
}
/* do not show cursor */
.nocursor {
cursor:default;
}
/* additional styles for venuehome etc - have it in editor-style.css also! */
/*
font-family: 'SackersGothic-Light', sans-serif;
font-family: 'SackersGothic-Medium', sans-serif;
font-family: 'FuturaBT-Medium', sans-serif;
*/
div.venuehome:before {
background-color:transparent;
}
/* container for venuehome page */
div.venuehome {
width: 100%;
}
/*title for Lux cities */
div.venuehome-title {
clear:both;
width: 100%;
height: 45px;
background-color: rgba(255, 255, 255, 1);
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: rgba(210, 210, 210, 1);
margin: 0;
margin-bottom:12px;
}
div.venuehome-title h3 {
font-size: 1.5em;
line-height: 1.5em;
font-family: 'SackersGothic-Medium', sans-serif;
margin: 0px;
padding: 0.3em 0px 0em 0.5em;
width: 100%;
color:#333;
text-transform:uppercase;
}
div.emopinfo-sm {
position:relative;
width: 100%;
height: 220px;
text-align: left;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: rgba(175, 174, 174, 1);
padding: 0px;
padding-top: 0.7em;
padding-right:1.4em;
margin: 0 auto 1em auto;
background-color: #fff;
vertical-align:baseline;
}
div.emopinfo-sm a {
text-decoration:none;
}
/*different background images*/
div.emopinfo-sm div {
text-align: left;
width: 100%;
height: 200px;
border-color: rgba(210, 210, 210, 1);
border-style: solid;
border-width: 0px;
background-color: #fff;
margin: 0px 10px 10px 10px;
background-repeat: no-repeat;
background-position:top left;
background-size: cover;
padding:0;
padding-top:1.4em;
}
/*we changed from printing emoplux banner to ading emoplux icon */
div.emopinfo-sm div.emoplux-logo {
position:absolute;
float:right;
top:20px;
right:0px;
height: 180px;
width:110px;
margin-top: 0.7em;
margin-bottom: 0.7em;
margin-right: 0.7em;
background-color: transparent;
background-image:url(images/EMoP_Logo_D.png);
background-repeat: no-repeat;
background-position: 12px 24px;
background-position: 12px 53px;
background-size: 165px auto;
background-size: 82px auto;
z-index:10;
}
div.musinfo {
margin: 0 auto 1em auto;
text-align: left;
width: 100%;
height: 250px;
background-color: rgba(212, 216, 166, 1);
float: left;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: rgba(175, 174, 174, 1);
padding: 0;
}
p.colormaj {
width: 95%;
margin: 0.3em 0.2em 0.5em 1em;
color: rgba(59, 128, 153, 1);
text-transform: uppercase;
font-size: 0.8em;
line-height: 1.21em;
}
p.colormaj-b {
width: 90%;
margin: 0.3em 0.2em 0.5em 4.3em;
color: rgba(255, 255, 255, 1);
text-transform: uppercase;
font-size: 0.8em;
line-height: 1.21em;
}
.date-b {
font-size: 0.75em;
line-height: 1.25em;
margin: 0em 0px 1em 4.5em;
color: rgba(255, 255, 255, 1);
font-family: 'FuturaBT-Medium', sans-serif;
width: 90%;
}
.mustitle {
font-size: 1.3em;
font-family: 'SackersGothic-Light', sans-serif;
line-height: 1.526em;
width: 98.507%;
}
.mustitle-b, p.mustitle-b {
font-size: 1.6em;
font-family: 'SackersGothic-Medium', sans-serif;
line-height: 1.526em;
width: 90%;
margin: 1em 0px 0px 2em;
color: rgba(255, 255, 255, 1);
}
span.mustitle-b,
p.mustitle-b {
margin-left:0px;
line-height:1.0em;
color: #555;
}
.smallfont, p.smallfont {
font-size: 0.9em;
}
.tinyfont, p.tinyfont {
font-size: 0.8em;
}
#ecd_opt_in_banner {
border:0;
}
#ecd_opt_in_banner div {
padding:12px;
padding-bottom:0px;
max-width:1068px;
}
#secondary.sidebar-container {
position:relative;
}
#menutab {
display:none;
}
/* media queries - some style overrides to make things more pleasant on mobile devices */
@media only screen and (max-width: 643px), only screen and (max-device-width: 480px) {
.cycle-slideshow img {
max-width: 600px;
height:auto;
}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.cycle-slideshow img {
max-width: 400px;
height:auto;
}
.cycle-overlay { padding: 4px }
.cycle-caption { bottom: 4px; right: 4px }
}
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
/* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
/**
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
min-width: 320px;
}
**/
/* above are > 1200px width screens - desktop - define here the min-width until ipad; 1068 */
@media only screen and (max-width: 1024px) {
.navbar .sub-navigation {
padding-left:12px;
padding-right:12px;
}
.site-info {}
.site-footer {}
.site {
width:100%;
max-width:100%;
min-width:100%;
}
.site-header,
#banner-line,
#header-navbar,
#site-navigation,
.sub-navigation,
.site-main,
.main-content-area {
width:100%;
max-width:100%;
min-width:100%;
}
.main-content-area {
width:auto;
}
.page.category-places .posttext .entry img,
.page.category-places .posttext .entry p img {
max-width:100% !important;
height:auto;
}
}
/* this are < 1024px width screens - ipad - define here the min-width until ipod */
/* should apply to this and lower */
/*@media only screen and (min-width: 643px) and (max-width: 1036px) {*/
/*768 to 1170px and (orientation : landscape)*/
/*here we have problem with .site-content width resized by jflow js!
and (min-device-width : 643px) and (orientation : landscape)
*/
@media only screen and (max-device-width : 1300px) {
#social-container,
#email-container {
left:24px;
}
.header-navbar,
#header-navbar,
#site-navigation,
.menu-header-menu-container,
/*#menu-header-menu,
.header-nav-menu li,
ul.header-nav-menu,
.header-nav-menu li a */
{
white-space:normal;
}
.home #secondary.sidebar-container {
}
/**
.site-main, .banner-line, .navbar, .site-footer {
padding-left:12px;
padding-right:12px;
}
.content-area {
}
.site-content {
}
**/
.content-area .post.venueheader {
width: 100%;
}
.content-area .post.venueheader .posttext {
width: 100%;
}
.content-area .post.venueheader .postimage {
width:auto;
min-width:162px;
z-index:10;
}
.content-area .post.venueheader .postaddress {
/*padding-left:0px;*/
padding-bottom:12px;
width:auto;
min-width:200px;
}
.content-area .post.venueheader .mapimage {
top:0px;
right:0px;
width:190px;
min-width:50px;
z-index:0;
}
.content-area .post.venueheader .mapimage .imagecrop {
padding:0;
width:auto;
cursor:zoom-in;
min-width:50px;
margin:0;
}
.posttext.leftside.threequartersize {
max-width: 620px;
max-width: 100%;
}
.posttext .entry-content p {
max-width: 100%;
}
.page.category-places .posttext .entry img,
.page.category-places .posttext .entry p img {
max-width:100% !important;
height:auto;
}
body.home .site-header .home-banner-line .home-header-slogan-container {
height:auto;
}
}
/*@media (max-width: 643px) {*/
/*@media only screen and (max-width: 767px) {*/
@media only screen and (max-width: 643px) {
#wpadminbar {
margin-top:0px;
}
.site {
width:100%;
/*min-width:330px;
max-width:643px;*/
}
.main-content-area {
/*position:relative;
display:block;*/
border-right:0px;
}
/* add padding to the left */
#secondary.sidebar-container .sidebar-inner {
padding-left:12px;
}
.category-publications #secondary.sidebar-container,
.page #secondary.sidebar-container,
.home #secondary.sidebar-container {
display:none;
}
.edit-menu {
display:none;
}
.home #secondary.sidebar-container {
display:none;
}
.pagination.top {
top:-45px;
left:150px;
}
.menu-toggle {
cursor: pointer;
display: block;
background-color:#000;
background-image: url(images/menuoff.png);
background-repeat: no-repeat;
background-size: 17px 18px;
background-position: 80px center;
width: 100px;
font-family: 'SackersGothic-Medium',sans-serif;
color: #fff;
font-size: 18px;
line-height: 1;
text-align:left;
text-decoration: none;
white-space: nowrap;
margin: 0;
padding:10px;
padding-left:10px;
border:1px solid #000;
z-index:450;
}
ul.header-nav-menu,
div.header-nav-menu > ul {
display: none;
}
.toggled-on {
color: #000;
}
.toggled-on .menu-toggle {
background-color:#fff;
background-image: url(images/menuon.png);
border:1px solid #000;
color: #000;
}
.toggled-on .header-nav-menu {
clear:both;
display: block;
position:absolute;
top:50px;
margin-left: 0;
padding: 0;
width: 100%;
height:auto;
z-index:450;
background-color:#16748D;
border:1px solid #ccc;
border-top:0px;
left:0px;
}
.toggled-on .header-nav-menu li {
position: relative;
display: block;
padding: 12px;
padding-top:6px;
height: 35px;
/*text-align:left;*/
width:100%;
border-top:1px solid #ccc;
}
.toggled-on .header-nav-menu li.menu-item-has-children {
position: relative;
display: block;
background-image: url(images/menuoff.png);
background-position: 98% 50%; /*center right 9px;*/
background-repeat: no-repeat;
cursor:pointer;
border:1px solid #fff;
border-bottom:0px;
}
.toggled-on .header-nav-menu li > ul a {
padding:0;
color: #656565;
z-index: 450;
}
/*.toggled-on .header-nav-menu li.menu-item-has-children a {*/
.toggled-on .header-nav-menu li a {
clear: both;
padding-right:0px;
margin-right:0px;
max-width:200px;
}
.toggled-on .sub-menu {
display: none;
padding:0;
margin:0;
position: relative;
top:3px;
left: -12px;
width:100%;
z-index:460;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-bottom:10px;
color:#fff;
}
.toggled-on .sub-menu li {
height:35px;
}
.toggled-on .sub-menu li:hover {
/*background-color: #000;*/
text-decoration:none;
}
.toggled-on .sub-menu li.menu-item {
margin-left: 12px;
}
.toggled-on .sub-menu li.menu-item:last-child a{
margin-left: 0px;
width:100%;
}
.toggled-on .sub-menu li a {
font-size: 24px;
position: relative;
top:0px; /*-6px*/
}
.toggled-on .header-nav-menu ul.sub-menu li a {
color:#fff;
font-family: 'SackersGothic-Light',sans-serif;
font-size:1.0em;
}
.toggled-on .sub-menu li, .toggled-on .sub-menu li a {
z-index:460;
border:0;
}
.toggled-on .sub-menu li a:hover,
.toggled-on .header-nav-menu li > ul a:hover,
.toggled-on .header-nav-menu li a:hover,
.toggled-on .header-nav-menu ul a:hover {
color: #fff;
}
#site-navigation.sub-navigation {
border-right:0px;
/*padding-right:0px;*/
}
#emoplux-banner {
border-right:0px;
}
#emoplux-banner .emoplux-text {
font-size:0.9em;
margin-top: 0px;
margin-left:174px;
width: auto;
}
#menutab {
position:relative;
display:inline-block;
left:-12px;
color:#fff;
background-color:#000;
font-family: 'SackersGothic-Medium',sans-serif;
color: #fff;
font-size: 1.2em;
text-align:left;
text-decoration: none;
white-space: nowrap;
margin: 0;
padding:12px;
padding-left:24px;
width:auto;
z-index:100;
cursor:pointer;
margin-bottom:12px;
}
/*.main-content-area */
.sidebar-container {
position:absolute;
position:fixed;
display:none;
z-index:100;
left:-261px;
opacity:1;
}
.main-content-area .content-area {
position:relative;
display:block;
z-index:10;
}
.post.category-news {
position:relative;
float:left;
width:45%;
margin-bottom: 12px;
}
.category-venues .posttext.leftside h2.entry-title.wrap {
display:inline-block; /*from table-cell*/
width:auto;
max-width:200px;
}
.post.category-news {
width:47%;
}
.site-content .post .leftside.single img.fullwidth {
width:100%;
height:auto;
}
/*can be that we have a link of class .imagecrop around the img with the same class */
.post.category-news .posttext .imagecrop {
float: none;
width: 50%;
height: auto;
max-width:50%;
margin-bottom:12px; /*add margin to the bottom*/
}
/*adapt small and tall*/
.post.category-news .posttext .imagecrop.image-small,
.post.category-news .posttext .imagecrop.image-tall {
float: right;
padding-right: 0px;
padding-left: 12px;
width: 50%;
max-width:50%;
min-width:50%;
height: auto;
}
.post.category-news .posttext .entry-title {
display:inline;
}
.post.category-news .posttext .entry-content {
padding-top:12px;
}
/*adapt images */
.posttext .authorimage,
.entry-content img.alignright {
max-width:50%;
width:auto;
height:auto;
}
.posttext .entry-content .authors-meta-data.wrap {
min-width: 100%;
}
.artists.block .title{
display:block;
}
.post.category-publications {
width:240px; /*192px to 280px*/
max-width:240px;
min-width:240px;
}
/* from table to block*/
.doublecolumn {
display:block;
}
.fullcolumn_left,
.halfcolumn_left {
display:block;
width:100%;
padding-right:0px;
max-width:100%;
}
.fullcolumn_left {
padding-right:3px;
}
.halfcolumn_right {
display:block;
width:100%;
max-width:100%;
}
.content-area .post.venueheader {
}
.content-area .post.venueheader .posttext {
display:block; /*from table*/
position:relative; /*allow absolute inner positioning*/
}
.content-area .post.venueheader .posttext div {
display:block; /*from table*/
width:100%;
height:100%;
padding:0;
}
.content-area .post.venueheader .postimage {
width:100%;
min-width:100%;
max-width:100%;
max-height:100%;
}
.content-area .post.venueheader .postimage a {
width:100%;
min-width:100%;
max-width:100%;
height:100%;
max-height:100%;
margin-bottom:12px;
}
.content-area .post.venueheader .postimage img {
width:100%;
height:auto;
max-height:100%;
}
.content-area .post.venueheader .postaddress {
padding:0px;
padding-bottom: 12px;
}
.content-area .post.venueheader .mapimage {
display:block;
position:relative;
position:absolute;
top:0px;
right:0px;
width:50px;
min-width:50px;
max-width:50px;
z-index:0;
}
.content-area .post.venueheader .mapimage .imagecrop {
cursor:zoom-in;
margin:0;
padding:0;
padding-top:12px;
padding-bottom:12px;
}
.content-area .post.venueheader .mapimage .imagecrop img {
padding:0;
width:100%;
margin:0;
}
/*non-aligned images with captions should be 100%*/
/*
.wp-caption.alignnone,
.wp-caption.alignnone img,
.page img.alignnone {
width:100% !important;
height:auto;
}
*/
}
@media only screen and (max-width: 600px) {
#wpadminbar {
margin-top:-46px;
}
}
/*@media only screen and (max-width: 400px) {*/
@media only screen and (max-width: 430px) {
#banner-line,
#header-navbar,
#site-navigation,
.sub-navigation,
.site-main {
padding-left:0px;
}
#social-container {
left:12px;
}
#emoplux-banner .emoplux-text {
font-size:0.7em;
margin-top: 0px;
margin-left:174px;
width: auto;
}
#loginline {
padding-left:0px;
}
.pagination {
}
.pagination.top {
top:-45px;
left:150px;
}
.posttext .authorimage {
float: none;
width: 100%;
height: auto;
padding:0px;
margin-bottom:12px; /*add margin to the bottom*/
}
.posttext .entry-content .exhibition-meta-authors.wrap
.posttext .entry-content .authors-meta-data.wrap {
min-width: 100%;
}
.post.category-news {
width:100%;
}
/*can be that we have a link of class .imagecrop around the img with the same class */
/*adapt images */
/*.post.category-venues .posttext .imagecrop,*/
.post.category-news .posttext .imagecrop,
.post.main-home .posttext .imagecrop,
.post.secondary-home .posttext .imagecrop {
float: none;
width: 100%;
height: auto;
max-width:100%;
margin-bottom:12px; /*add margin to the bottom*/
}
.post.category-venues .posttext.leftside .imagecrop {
margin-left:0px;
}
/*adapt small and tall*/
.post.category-venues .posttext .imagecrop.image-small,
.post.category-news .posttext .imagecrop.image-small,
.post.category-news .posttext .imagecrop.image-tall {
float: right;
padding-right: 0px;
padding-left: 12px;
width: 50%;
max-width:50%;
min-width:50%;
height: auto;
}
.post.category-news .posttext .entry-title {
display:inline;
}
.post.category-news .posttext .entry-content {
padding-top:12px;
}
.post.main-home .posttext .imagecrop.image-small,
.post.main-home .posttext .imagecrop.image-tall,
.post.secondary-home .posttext .imagecrop.image-small,
.post.secondary-home .posttext .imagecrop.image-tall {
float: left;
max-width:50%;
margin-bottom:0px; /*remove margin at the bottom*/
}
.post.category-publications {
width:240px; /*280px*/
max-width:240px;
min-width:240px;
}
}