html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/************************Global styles****************************/
body {
margin: 0 auto;
overflow-x: hidden; }
body.no-sidebars #main {
width: 96%; }
#content-area {
max-width: 1000px;
margin: 1.5em auto;
font-family: Arial, regular; }
#main {
font-size: 1.2em;
float: left;
width: 62.7%;
margin: 0 2%; }
@media (min-width: 1000px) {
#main {
margin-left: 0;
width: 64.7%; } }
@media (min-width: 481px) and (max-width: 767px) {
#main {
width: 96%; } }
@media (min-width: 361px) and (max-width: 480px) {
#main {
width: 96%; } }
@media (max-width: 360px) {
#main {
width: 96%; } }
h1.title {
font-weight: 900;
color: #0f9bc0;
font-size: 32px;
margin-bottom: .5em;
margin-left: .25em; }
@media (min-width: 768px) and (max-width: 999px) {
h1.title {
margin-left: .75em; } }
@media (min-width: 481px) and (max-width: 767px) {
h1.title {
text-align: center; } }
@media (min-width: 361px) and (max-width: 480px) {
h1.title {
font-size: 2.25em;
text-align: center; } }
@media (max-width: 360px) {
h1.title {
font-size: 2em;
text-align: center; } }
a {
color: #0094B0;
text-decoration: none; }
#content-body {
line-height: 1.5em; }
.subheader {
clear: both;
padding-top: 1em; }
.subheader h2 {
color: #0094b0;
font-size: 1.75em;
border-bottom: 1px solid #0094b0;
padding: 0 0 10px 0;
margin-bottom: 10px; }
#content-bottom {
overflow: hidden;
clear: both;
font-family: Arial, regular;
line-height: 1.5em;
margin-top: 1.5em; }
div.cleardiv {
clear: both; }
iframe {
width: 100%; }
/************************Inputs****************************/
input[type="text"] {
border: 1px solid #CCC;
height: 30px;
font-size: 16px;
padding-left: 10px; }
input[type="password"] {
border: 1px solid #CCC;
height: 30px;
font-size: 16px;
padding-left: 10px; }
input[type="submit"] {
background: #7e3e96;
color: #fff;
height: 32px;
padding: 0 10px;
min-width: 110px;
text-transform: uppercase;
border: 0;
font-size: 14px;
line-height: 1;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
cursor: pointer;
-webkit-transition: background-color .25s ease;
-moz-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
transition: background-color .25s ease; }
input[type="submit"]:hover {
background-color: #8d45a8; }
select {
height: 30px;
font-size: 16px;
background: transparent;
border: 1px solid #ccc; }
/**************************** Sidebar *****************************/
#sidebar {
float: right;
width: 33.3%; }
@media (min-width: 481px) and (max-width: 767px) {
#sidebar {
width: 100%; } }
@media (min-width: 361px) and (max-width: 480px) {
#sidebar {
width: 100%; } }
@media (max-width: 360px) {
#sidebar {
width: 100%; } }
#sidebar .block {
padding: 1em;
border: 1px solid #ccc;
margin-bottom: 1em;
line-height: 1.4em; }
@media (min-width: 481px) and (max-width: 767px) {
#sidebar .block {
padding: 1em 4em; } }
@media (min-width: 361px) and (max-width: 480px) {
#sidebar .block {
padding: 1em 2.5em; } }
#sidebar .block ul {
margin: 0; }
#sidebar #block-views-events-block-1, #sidebar #block-views-article-listing-page-block-1 {
padding: 0;
border: 0;
margin-bottom: 0; }
#sidebar h2.title {
color: #0f9bc0;
padding-bottom: 5px;
font-weight: 900;
font-size: 1.5em; }
#sidebar .block-menu-block {
padding: 0;
background: #0f9bc0;
border: none; }
#sidebar .block-menu-block h2.title {
border: none;
color: #FFF;
padding: 10px;
margin: 0; }
#sidebar .block-menu-block ul {
border-top: 1px solid #FFF; }
#sidebar .block-menu-block li {
font-size: 1.25em;
padding: 7px 10px;
border-bottom: 1px solid #00809e; }
#sidebar .block-menu-block li.last {
border-bottom: none; }
#sidebar .block-menu-block a {
color: #FFF;
text-decoration: none; }
#sidebar .block-menu-block a:hover {
text-decoration: underline; }
#sidebar .views-row {
position: relative;
margin: 0;
margin-bottom: 1em;
overflow: hidden;
max-width: 332px;
height: 100px;
margin: 0 auto 1em auto; }
#sidebar .views-field-title {
position: absolute;
bottom: 0;
background: rgba(242, 242, 242, 0.8);
width: 92%;
overflow: hidden;
height: 15px;
margin-bottom: 7px;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 2%;
padding-right: 2%; }
#sidebar .views-field-title a {
color: #000;
font-size: 1.2em; }
#sidebar .views-field-view-node {
background: rgba(242, 242, 242, 0.8);
position: absolute;
top: 12px;
left: 2%;
font-size: 1.25em;
font-family: Arial, regular;
padding: 5px; }
#sidebar .views-field-field-event-date, #sidebar .views-field-created {
position: absolute;
bottom: 32px;
background: rgba(242, 242, 242, 0.8);
width: 92%;
margin-left: 2%;
font-size: 1.25em;
font-family: Arial, regular;
padding-top: 5px;
padding-left: 2%;
padding-right: 2%; }
#block-block-70 .sideclick-header {
float: left;
width: 46%;
padding: 2%;
text-align: center; }
@media (min-width: 768px) and (max-width: 999px) {
#block-block-70 .sideclick-header {
width: 52.5%; } }
@media (min-width: 481px) and (max-width: 767px) {
#block-block-70 .sideclick-header {
width: 60%; } }
@media (max-width: 360px) {
#block-block-70 .sideclick-header {
width: 56%; } }
#block-block-70 .sideclick-header a {
font-size: 1.4em;
line-height: 1.5;
margin-top: 10px;
display: block; }
#block-block-70 img {
height: 50px;
float: right;
margin-top: 10px;
margin-right: 15%; }
@media (min-width: 481px) and (max-width: 767px) {
#block-block-70 img {
margin-right: 10%; } }
@media (min-width: 481px) and (max-width: 767px) {
#block-block-70 {
width: 50%;
margin: 0 auto; } }
@media (min-width: 361px) and (max-width: 480px) {
#block-block-70 {
width: 100%;
margin-right: 0; } }
@media (max-width: 360px) {
#block-block-70 {
width: 100%;
margin-right: 0; } }
#block-block-71 .sideclick-header {
float: left;
width: 46%;
padding: 2%;
text-align: center; }
@media (min-width: 768px) and (max-width: 999px) {
#block-block-71 .sideclick-header {
width: 52.5%; } }
@media (min-width: 481px) and (max-width: 767px) {
#block-block-71 .sideclick-header {
width: 60%; } }
@media (max-width: 360px) {
#block-block-71 .sideclick-header {
width: 56%; } }
#block-block-71 .sideclick-header a {
font-size: 1.4em;
line-height: 1.5;
margin-top: 10px;
display: block; }
#block-block-71 img {
height: 50px;
float: right;
margin-top: 10px;
margin-right: 15%; }
@media (min-width: 481px) and (max-width: 767px) {
#block-block-71 img {
margin-right: 10%; } }
@media (min-width: 481px) and (max-width: 767px) {
#block-block-71 {
width: 50%;
margin: 0 auto; } }
@media (min-width: 361px) and (max-width: 480px) {
#block-block-71 {
width: 100%;
margin-right: 0; } }
@media (max-width: 360px) {
#block-block-71 {
width: 100%;
margin-right: 0; } }
#block-block-72 {
height: 80px !important; }
#block-block-72 img {
margin-top: 15px !important; }
@media (min-width: 481px) and (max-width: 767px) {
#block-block-72 {
width: 50%;
margin-left: 25%; } }
#block-block-63 {
font-size: 1.25em;
text-align: center;
font-weight: 900;
color: #0f9bc0; }
/**************************** Shoping cart block *****************************/
#block-commerce-cart-cart table {
width: 100%;
margin-top: 10px;
font-size: 1.2em; }
#block-commerce-cart-cart table tr {
background: none;
height: 25px; }
#block-commerce-cart-cart table td {
vertical-align: middle; }
/******************************* Sidebar calendar **********************************/
.view-calendar-2 tr {
height: 30px; }
/***********************Header********************************/
#header {
max-width: 1000px;
padding:15px 0;
margin: 0 auto;
overflow: auto; }
#header .left {
position: relative;
float: left;
width: 66%; }
@media (min-width: 768px) and (max-width: 999px) {
#header .left {
width: 78%; } }
@media (min-width: 481px) and (max-width: 767px) {
#header .left {
width: 78%; } }
@media (min-width: 361px) and (max-width: 480px) {
#header .left {
width: 100%; } }
@media (max-width: 360px) {
#header .left {
width: 100%; } }
#header .right {
float: right;
width: 333px; }
@media (min-width: 768px) and (max-width: 999px) {
#header .right {
width: 151px; } }
@media (min-width: 481px) and (max-width: 767px) {
#header .right {
width: 98px; } }
@media (min-width: 361px) and (max-width: 480px) {
#header .right {
position: absolute;
top: 0;
right: 0;
width: 115px; } }
@media (max-width: 360px) {
#header .right {
position: absolute;
right: 0;
top: 0;
width: 115px; } }
#header .tagline1 {
font-size: 2.25em;
font-family: Arial, regular;
position: absolute;
left: 110px;
bottom: 25px; }
@media (min-width: 481px) and (max-width: 767px) {
#header .tagline1 {
font-size: 1.75em;
bottom: 40px; } }
@media (min-width: 361px) and (max-width: 480px) {
#header .tagline1 {
font-size: 1.75em;
bottom: 40px; } }
@media (max-width: 360px) {
#header .tagline1 {
font-size: 1.5em;
bottom: 53px; } }
#header .tagline2 {
left: 110px;
bottom: 4px;
position: absolute;
font-size: 1.25em;
font-family: Arial, regular; }
#logo {
float: left;
width: 100px;
height: 100px;
margin: 4px 0; }
/*** Subscribe link ***/
#subscribe-head {
margin: 4px 0;
float: left; }
@media (min-width: 768px) and (max-width: 999px) {
#subscribe-head a {
display: block;
width: 98px;
height: 100px;
overflow: hidden;
position: relative; } }
@media (min-width: 481px) and (max-width: 767px) {
#subscribe-head a {
display: block;
width: 98px;
height: 100px;
overflow: hidden;
position: relative; } }
@media (min-width: 768px) and (max-width: 999px) {
#subscribe-head a img {
position: absolute;
right: 0; } }
@media (min-width: 481px) and (max-width: 767px) {
#subscribe-head a img {
position: absolute;
right: 0; } }
@media (min-width: 361px) and (max-width: 480px) {
#subscribe-head a img {
width: 100%; } }
@media (max-width: 360px) {
#subscribe-head a img {
width: 100%; } }
/*** Social Icons ***/
#social-icons {
display: none; }
#social-icons img {
width: 48px;
margin-left: 5px;
margin-top: 4px; }
@media (min-width: 1000px) {
#social-icons {
display: block; } }
@media (min-width: 768px) and (max-width: 999px) {
#social-icons {
display: block; } }
/*** Accessibility-bar ***/
#accessibility-bar {
border-top: 4px solid #0f9bc0;
border-bottom: 1px solid #ccc;
height: 40px;
width: 100%;
overflow: hidden; }
#accessibility-bar .internal {
margin: 0 auto;
max-width: 1000px; }
#accessibility-bar .internal a {
color: #000;
text-decoration: none;
font-size: 1.25em;
font-family: Arial, regular; }
#accessibility-bar #contrast {
float: right;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 12px; }
#accessibility-bar #contrast li {
width: 16px;
height: 16px;
overflow: hidden;
float: left;
color: #000;
display: inline;
margin: 0 0 0 2px;
font-size: 1.25em;
font-family: Arial, regular; }
#accessibility-bar #contrast .text {
width: 100px; }
@media (min-width: 481px) and (max-width: 767px) {
#accessibility-bar #contrast .text {
display: none; } }
@media (min-width: 361px) and (max-width: 480px) {
#accessibility-bar #contrast .text {
display: none; } }
@media (max-width: 360px) {
#accessibility-bar #contrast .text {
display: none; } }
#accessibility-bar #contrast #block-pagestyle-0, #accessibility-bar #contrast h2.title {
display: none; }
#accessibility-bar #text-size {
float: right;
padding: 12px; }
#accessibility-bar #text-size li {
float: left;
color: #000;
font-size: 1.25em;
font-family: Arial, regular; }
#accessibility-bar #text-size li a {
background: url(../images/aaa.png) no-repeat #fff !important;
background-size: 100% 100% !important;
float: left;
display: block;
width: 16px;
height: auto;
overflow: hidden;
cursor: pointer;
text-indent: -500px;
margin-left: 3px; }
#accessibility-bar #text-size li a.ts_decrease_fix {
width: 12px;
height: 12px;
margin-top: 3px; }
#accessibility-bar #text-size li a.ts_normal_fix {
width: 14px;
height: 14px;
margin-top: 1px; }
#accessibility-bar #text-size li a.ts_increase_fix {
margin-top: -3px; }
#accessibility-bar #text-size #block-textsize-0, #accessibility-bar #text-size h2.title {
display: none; }
#accessibility-bar #browser-aloud {
float: right;
padding: 12px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc; }
@media (min-width: 481px) and (max-width: 767px) {
#accessibility-bar #browser-aloud {
display: none; } }
@media (min-width: 361px) and (max-width: 480px) {
#accessibility-bar #browser-aloud {
display: none; } }
@media (max-width: 360px) {
#accessibility-bar #browser-aloud {
display: none; } }
#accessibility-bar #ajax-cart {
float: right;
border-right: 1px solid #ccc;
padding: 5px 12px; }
#accessibility-bar #ajax-cart a {
display: block;
width: 100%;
margin-bottom: 3px; }
/***User Links***/
#login-links {
background: #0f9bc0 !important;
display: inline-block;
height: 40px;
width: 100px;
float: left;
text-align: center;
padding-top: 10px; }
#login-links a {
background: #0f9bc0 !important;
text-decoration: none;
overflow: hidden;
color: #fff !important; }
.logged-in #login-links {
padding-top: 0px; }
.logged-in #login-links a {
display: inline-block;
padding-bottom: 2px; }
/***Search box***/
#search {
float: left;
margin-left: 1em; }
#search input.custom-search-box {
height: 20px;
border: none;
background: url(../images/search-bg.png) left no-repeat;
background-size: auto 100%;
font-size: 1.25em;
margin: 0;
padding: 0 10px 0 30px;
color: #000; }
/***Main Navigation***/
#nav {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
#nav ul {
max-width: 1000px;
margin: 0 auto; }
@media (min-width: 1000px) {
#nav ul li {
float: left;
position: relative;
/*border-left: 1px solid #ccc;*/ } }
#nav ul li a {
font-family: Arial;
font-size: 1.2em;
padding: 1.2em 2em; }
@media (min-width: 1000px) {
#nav ul li a {
display: block;
color: #000;
text-decoration: none;
font-size: 1.25em;
font-family: Arial, regular;
height: 28px;
padding-top: 12px;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px; }
#nav ul > li.is-expanded{
background-image: url('../arrow.png');
background-repeat: no-repeat;
background-position: right center;
background-size: 20px;
}
}
#nav ul li.last {
/* border-right: 1px solid #ccc; */}
#nav ul li.active a {
/* border-bottom:3px solid #bfdfe6;*/ }
#nav ul li:hover {
background: #bfdfe6;
color: #000; }
#nav ul li ul {
width: 100%;
visibility: hidden;
position: relative;
top: 100%;
left: 0;
z-index: 999;
background: #bfdfe6;
margin-left: 0px;
z-index: 999;
overflow: hidden; }
@media (min-width: 1000px) {
#nav ul li ul {
width: 150px;
position: absolute; } }
#nav ul li ul li {
font-weight: normal;
color: #000;
float: none;
font-size: 0.9em;
padding: 0;
background: none;
list-style-image: none; }
#nav ul li ul li a {
color: #000; }
@media (min-width: 1000px) {
#nav ul li ul li a {
display: block;
padding: 1em 1em 0 1em; }
#nav ul li ul li a:hover {
text-decoration: none;
background: #d3ebf0; } }
#nav .block {
margin: 0; }
#nav .toggler {
padding: 0;
background: none;
color: #000;
border-radius: 0;
box-shadow: none;
font-size: 2em;
text-align: center;
margin-top: 8px;
height: 32px; }
/*********************** Home Page *************************/
.home-level {
margin-bottom: 3em !important; }
/*** Home Level 1 Section ***/
#home_level_1 .flexslider {
border: 0px; }
#home_level_1 .views-field-title {
position: absolute;
bottom: 120px;
right: 50%;
max-width: 450px;
width: 500px;
padding: 0 1.5em;
font-family: Arial, regular;
font-size: 1.75em;
font-weight: 600;
color: #fff;
z-index: 99; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_1 .views-field-title {
right: 45%;
bottom: 140px;
width: auto; } }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_1 .views-field-title {
background: rgba(15, 155, 192, 0.8);
bottom: 25px;
width: 40%;
padding: .75em;
font-size: 1.5em;
line-height: 1.25;
right: 44%; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_1 .views-field-title {
background: rgba(15, 155, 192, 0.8);
bottom: 10px;
width: 90%;
right: 0;
font-size: 1.5em;
line-height: 1.25;
padding: .5em 1.5em; } }
@media (max-width: 360px) {
#home_level_1 .views-field-title {
background: rgba(15, 155, 192, 0.8);
bottom: 10px;
width: 90%;
right: 0;
font-size: 1.25em;
line-height: 1.2;
padding: .25em 1em; } }
#home_level_1 .views-field-field-slide-text {
position: absolute;
bottom: 2.5%;
display: inline-block;
background: rgba(15, 155, 192, 0.8);
width: 500px;
height: 225px;
margin-top: 0;
color: #fff;
font-size: 1.5em;
font-family: Arial, regular;
right: 50%;
line-height: 1.25;
z-index: 97; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_1 .views-field-field-slide-text {
bottom: 25px;
right: 40%;
left: 2.5%; } }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_1 .views-field-field-slide-text {
display: none; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_1 .views-field-field-slide-text {
display: none; } }
@media (max-width: 360px) {
#home_level_1 .views-field-field-slide-text {
display: none; } }
#home_level_1 .views-field-field-slide-text .field-content {
margin-top: 120px;
padding: 2.5%; }
#home_level_1 .views-field-field-image {
width: 100%;
overflow: hidden; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_1 .views-field-field-image img {
width: auto;
height: 300px; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_1 .views-field-field-image img {
width: auto;
height: 175px; } }
@media (max-width: 360px) {
#home_level_1 .views-field-field-image img {
width: auto;
height: 150px; } }
#home_level_1 .views-field-field-slider-link {
display: none; }
#home_level_1 .flex-control-nav a {
background: #fff;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 .25em;
box-shadow: none;
overflow: hidden;
cursor: pointer;
border: 3px solid #0f9bc0;
border-radius: 50%;
text-indent: -500px; }
#home_level_1 .flex-control-nav a.flex-active {
background: #0f9bc0; }
#home_level_1 .flex-control-nav a:hover {
background: #0f9bc0; }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_1 .flex-direction-nav {
display: none; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_1 .flex-direction-nav {
display: none; } }
@media (max-width: 360px) {
#home_level_1 .flex-direction-nav {
display: none; } }
#home_level_1 .flex-direction-nav a {
background: #0f9bc0;
color: #fff;
font-size: 2.5em;
font-weight: 900;
height: 60px;
text-align: center;
padding-top: 25px; }
#home_level_1 .flex-direction-nav a:before {
display: none; }
/*** Home Slider node page ***/
.node-type-slide .node img {
width: 100%;
height: auto; }
/*** Home Level 2 Section ***/
#home_level_2 {
clear: both;
overflow: hidden;
max-width: 1000px;
margin: 0 auto; }
#home_level_2 .block {
background: #ccc;
position: relative;
float: left;
width: 33%;
border-bottom: 8px solid #0094b0;
height: 250px;
margin-bottom: 0;
margin-left: 0.5%; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_2 .block {
height: 270px; } }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_2 .block {
width: 49%;
margin-bottom: 1.5em;
margin-left: 2%;
height: 270px; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_2 .block {
width: 100%;
margin-bottom: 1.5em;
height: 270px; } }
@media (max-width: 360px) {
#home_level_2 .block {
width: 100%;
margin-bottom: 1.5em;
height: 270px; } }
#home_level_2 .block .title {
font-size: 1.25em;
margin-top: 123px;
padding-left: 10px;
padding-top: .5em;
padding-bottom: .5em; }
#home_level_2 .block .title a {
font-size: 1.5em;
font-family: Arial, regular; }
#home_level_2 .block p {
font-size: 1.25em;
font-family: Arial, regular;
line-height: 1.25em;
padding: 0 10px; }
#home_level_2 .block p a {
text-decoration: none;
color: #000; }
#home_level_2 .block img {
width: auto;
height: 123px; }
#home_level_2 .block .content > p:first-child {
background: #fff;
position: absolute;
top: 0;
width: 100%;
height: 123px;
text-align: center; }
#home_level_2 .block.first {
margin-left: 0; }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_2 .block.last {
margin-left: 25%;
margin-bottom: 0; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_2 .block.last {
margin-bottom: 0; } }
@media (max-width: 360px) {
#home_level_2 .block.last {
margin-bottom: 0; } }
/*** Home Level 3 Section ***/
#home_level_3 {
clear: both;
overflow: hidden;
max-width: 1000px;
margin: 0 auto; }
#home_level_3 .block {
position: relative;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
text-align: center;
display: inline;
margin: 0;
padding: 1%;
width: 22.8%;
height: 225px; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_3 .block {
height: 245px; } }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_3 .block {
width: 47.5%;
height: 225px; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_3 .block {
width: 47.5%;
height: 250px; } }
@media (max-width: 360px) {
#home_level_3 .block {
width: 100%;
height: 210px;
border-left: 0;
border-top: 0; } }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_3 .block.first {
border-bottom: 0; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_3 .block.first {
border-bottom: 0; } }
@media (max-width: 360px) {
#home_level_3 .block.first {
border-top: 1px solid #ccc; } }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_3 .block:nth-child(2) {
border-bottom: 0;
border-right: 1px solid #ccc; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_3 .block:nth-child(2) {
border-bottom: 0;
border-right: 1px solid #ccc; } }
#home_level_3 .block.last {
border-right: 1px solid #ccc; }
#home_level_3 h4 {
position: absolute;
width: 90%;
top: 10%; }
#home_level_3 .title {
margin-top: 75px; }
#home_level_3 .title a {
color: #0094b0;
font-family: Arial, regular;
font-size: 2em; }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_3 .title a {
font-size: 1.75em; } }
#home_level_3 .content p {
font-family: Arial, regular;
font-size: 1.2em;
line-height: 1.5em;
margin-top: .5em; }
#home_level_3 .more-link {
position: absolute;
text-align: center;
text-decoration: none;
font-family: Arial, regular;
font-size: 1.25em;
color: #0094b0;
left: 5%;
bottom: .75em;
width: 90%; }
/*** Home Level 4 Section ***/
#home_level_4 {
overflow: hidden;
clear: both;
max-width: 1000px;
margin: 0 auto; }
#home_level_4 .block {
float: left;
margin: 0;
width: 47.5%; }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_4 .block {
width: 98%; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_4 .block {
width: 98%; } }
@media (max-width: 360px) {
#home_level_4 .block {
width: 98%; } }
@media (min-width: 481px) and (max-width: 767px) {
#home_level_4 .block.first {
margin-bottom: 1.5em; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_4 .block.first {
margin-bottom: 1.5em; } }
@media (max-width: 360px) {
#home_level_4 .block.first {
margin-bottom: 1.5em; } }
#home_level_4 .block.last {
float: right; }
#home_level_4 .views-row {
float: left;
position: relative;
margin: 0;
width: 33%;
margin-bottom:10px;
}
#home_level_4 .views-row img {
width: 95%;
display: block;
height: auto;
}
#home_level_4 .views-field-view-node {
background: rgba(242, 242, 242, 0.8);
position: absolute;
top: 35%;
left: 2%;
font-size: 1.25em;
font-family: Arial, regular;
padding: 5px; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_4 .views-field-view-node {
top: 29%; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_4 .views-field-view-node {
top: 30%; } }
@media (max-width: 360px) {
#home_level_4 .views-field-view-node {
top: 10%; } }
#home_level_4 .views-field-view-node a {
text-decoration: none;
color: #0094b0; }
#home_level_4 .views-field-created, #home_level_4 .views-field-field-event-date {
background: rgba(242, 242, 242, 0.6);
width: 91%;
font-size: 1.25em;
font-family: Arial, regular;
padding-top: 5px;
padding-left: 2%;
padding-right: 2%;
padding-bottom:2%; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_4 .views-field-created, #home_level_4 .views-field-field-event-date {
bottom: 64px;
font-size: 1em; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_4 .views-field-created, #home_level_4 .views-field-field-event-date {
bottom: 59px;
font-size: 1em; } }
@media (max-width: 360px) {
#home_level_4 .views-field-created, #home_level_4 .views-field-field-event-date {
bottom: 50px;
font-size: 1em; } }
#home_level_4 .views-field-title {
background: rgba(242, 242, 242, 0.6);
width: 91%;
padding-bottom: 5px;
padding-top: 9px;
padding-left: 2%;
padding-right: 2%; }
@media (max-width: 360px) {
#home_level_4 .views-field-title {
padding-top: 5px; } }
#home_level_4 .views-field-title a {
text-decoration: none; }
#home_level_4 .views-field-title h3 a, #home_level_4 .views-field-title a h3 {
font-size: 1.75em;
font-family: Arial, regular;
color: #000;
line-height: 1.2;
height: 50px;
overflow: hidden; }
@media (min-width: 768px) and (max-width: 999px) {
#home_level_4 .views-field-title h3 a, #home_level_4 .views-field-title a h3 {
font-size: 1.5em;
height: 40px; } }
@media (min-width: 361px) and (max-width: 480px) {
#home_level_4 .views-field-title h3 a, #home_level_4 .views-field-title a h3 {
font-size: 1.25em;
height: 35px; } }
@media (max-width: 360px) {
#home_level_4 .views-field-title h3 a, #home_level_4 .views-field-title a h3 {
font-size: 1.1em;
height: 30px; } }
/******************************* Room Hire page ********************************/
.page-node-62768 strong {
font-weight: 600; }
.page-node-62768 article h2 {
font-size: 20px;
font-weight: 900; }
.page-node-62768 article .views-row {
clear: both;
overflow: hidden;
border-bottom: 1px solid #ccc;
margin-bottom: 2em;
padding-bottom: 2em; }
.page-node-62768 article .views-row h3 {
font-weight: 700;
margin-bottom: .25em; }
.page-node-62768 article .views-field-field-room-image {
float: left;
margin-right: 10px; }
.page-node-62768 .roomhire-left {
float: left;
margin: 1.25em 0; }
.page-node-62768 .roomhire-left h3 {
font-size: 14px;
font-weight: 700; }
.page-node-62768 .roomhire-left input[type="checkbox"] {
margin: 0 1.25em 0 .5em; }
.page-node-62768 .views-field-field-room-morning-cost {
text-align: right;
margin-top: 10px; }
.page-node-62768 .views-field-field-room-morning-cost .field-content {
float: right;
margin-left: 10px;
font-weight: 900; }
.page-node-62768 #calendar-month-select-form {
margin: .75em 0; }
/******************************* Room Hire: step 2 page ********************************/
.page-node-62769 .node h2 {
font-size: 1.25em;
font-weight: 600; }
.page-node-62769 input[type="submit"] {
margin: .75em .25em; }
.page-node-62769 .date-nav {
margin-bottom: 0 !important;
padding-bottom: 0; }
.page-node-62769 .date-nav h3 {
font-weight: 600;
margin: 0.5em 0 !important; }
.page-node-62769 .view-booking-calendar-overview h2 {
display: none; }
.page-node-62769 .date-box .unavailable-day {
min-height: 44px;
background: none;
clear: both; }
.page-node-62769 .single-day div.monthview {
background: #64D876;
width: auto;
padding: 0px 3px;
overflow: hidden;
border: 1px solid #808080; }
/******************************* Page booker user Login/Reg ********************************/
.page-booker #main {
border-right: 1px solid #ccc;
float: left;
width: 55%; }
@media (min-width: 481px) and (max-width: 767px) {
.page-booker #main {
width: 100%;
border: 0; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-booker #main {
width: 100%;
border: 0; } }
@media (max-width: 360px) {
.page-booker #main {
width: 100%;
border: 0; } }
.page-booker #main .tabs {
display: none; }
.page-booker #main h1.title {
text-align: center; }
.page-booker #sidebar {
float: left;
width: 40%; }
@media (min-width: 481px) and (max-width: 767px) {
.page-booker #sidebar {
width: 100%; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-booker #sidebar {
width: 100%; } }
@media (max-width: 360px) {
.page-booker #sidebar {
width: 100%; } }
.page-booker #sidebar h2.title {
font-size: 3em;
margin-bottom: .5em;
text-align: center; }
.page-booker #sidebar p {
font-size: 1.2em;
padding-top: 1em; }
.page-booker #sidebar .block {
border: 0;
background: 0; }
/******************************* Booker register Page/Form ********************************/
.page-booker-register #main {
border: 0; }
.page-booker-register #user-register-form {
text-align: center; }
.page-booker-register #user-register-form label {
font-size: 1.25em;
font-weight: 900;
display: block;
padding: .5em; }
.page-booker-register #user-register-form legend {
font-size: 1.5em;
color: #0f9bc0;
font-weight: 900;
line-height: 1.1; }
.page-booker-register #user-register-form input[type="text"] {
border: 1px solid #CCC;
width: 55%; }
@media (min-width: 768px) and (max-width: 999px) {
.page-booker-register #user-register-form input[type="text"] {
width: 60%; } }
@media (min-width: 481px) and (max-width: 767px) {
.page-booker-register #user-register-form input[type="text"] {
width: 75%; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-booker-register #user-register-form input[type="text"] {
width: 90%; } }
@media (max-width: 360px) {
.page-booker-register #user-register-form input[type="text"] {
width: 90%; } }
.page-booker-register #user-register-form .description {
margin: 0 auto;
width: 60%; }
@media (min-width: 481px) and (max-width: 767px) {
.page-booker-register #user-register-form .description {
width: 80%; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-booker-register #user-register-form .description {
width: 90%; } }
@media (max-width: 360px) {
.page-booker-register #user-register-form .description {
width: 90%; } }
.page-booker-register #user-register-form input[type=submit] {
height: 30px;
color: #fff;
overflow: hidden;
text-transform: uppercase;
border: none;
background: #7e3e96;
cursor: pointer;
margin: 1em 0; }
/******************************* What's On page ********************************/
.page-node-25 #block-views-whats-on-block-1 .title {
font-size: 1.75em;
font-weight: 900;
margin-bottom: 1em; }
.page-node-25 #block-views-whats-on-block-1 .views-row {
clear: both;
overflow: hidden;
border-bottom: 1px solid #ccc;
margin-bottom: 2em;
padding-bottom: 2em; }
.page-node-25 #block-views-whats-on-block-1 .views-field-title {
font-size: 1.2em;
font-weight: 700;
margin-bottom: .25em; }
.page-node-25 #block-views-whats-on-block-1 .views-field-title a {
color: #000; }
@media (max-width: 360px) {
.page-node-25 #block-views-whats-on-block-1 .views-field-field-event-image {
display: inline-block;
text-align: center;
width: 100%; } }
.page-node-25 #block-views-whats-on-block-1 .views-field-field-event-image img {
margin: 0 10px 0 0;
float: left; }
@media (max-width: 360px) {
.page-node-25 #block-views-whats-on-block-1 .views-field-field-event-image img {
float: none;
margin: 0 0 1em 0; } }
.page-node-25 #block-views-whats-on-block-1 .views-field-nothing img {
float: right;
clear: both;
margin-bottom: -2em; }
.page-node-25 #block-views-whats-on-block-2 {
margin-bottom: 1em; }
.page-node-25 #block-views-whats-on-block-2 tbody {
border: none; }
.page-node-25 #block-views-whats-on-block-2 tr {
background-color: #FFF;
border-bottom: 1px solid #CCC;
padding: 0 10px 10px 0; }
.page-node-25 #block-views-whats-on-block-2 td.views-field-field-event-date {
width: 100px; }
.page-node-25 #block-views-whats-on-block-2 td.views-field-view-node {
width: 80px;
text-align: right; }
/******************************* Poster Gallery page ********************************/
.page-node-57 .view-posters .views-row {
float: left;
width: 23%;
height: auto;
margin: 1%;
display: inline-block;
text-align: center;
font-weight: bold; }
@media (min-width: 768px) and (max-width: 999px) {
.page-node-57 .view-posters .views-row {
width: 29.5%; } }
@media (min-width: 481px) and (max-width: 767px) {
.page-node-57 .view-posters .views-row {
width: 31%; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-57 .view-posters .views-row {
width: 44%; } }
@media (max-width: 360px) {
.page-node-57 .view-posters .views-row {
width: 100%; } }
.page-node-57 .view-posters .views-row img {
margin-bottom: 3px;
border: 1px solid #404040; }
/******************************* Poster single ********************************/
.node-type-poster .date-display-single {
font-size: 1.2em;
font-weight: 900;
margin-left: 1.5em; }
.node-type-poster .field-type-image img {
max-width: 400px;
width: 100%;
height: auto;
margin-top: 1em; }
/******************************* Events page ********************************/
.page-events-proceedings .view-calendar-2 .date-nav {
margin-bottom: 20px;
background: transparent;
border: none;
border-bottom: 1px solid #0094B0;
border-top: 1px solid #0094B0;
color: #0094B0;
height: 38px;
padding: 10px 0 0 0; }
.page-events-proceedings .view-calendar-2 .date-nav h3 {
font-size: 17px; }
.page-events-proceedings .view-calendar-2 .date-nav .date-prev, .page-events-proceedings .view-calendar-2 .date-nav .date-next {
padding-top: 15px;
background: 0;
margin: 0; }
.page-events-proceedings .view-calendar-2 .date-nav .date-prev a, .page-events-proceedings .view-calendar-2 .date-nav .date-next a {
font-weight: normal; }
.page-events-proceedings .view-calendar-2 .date-nav .date-prev {
left: 0;
right: auto; }
.page-events-proceedings .view-calendar-2 .views-field-title {
margin-top: .5em; }
.page-events-proceedings .view-calendar-2 .views-field-title a {
color: #0094B0;
font-size: 1.2em;
font-weight: 600;
text-decoration: none; }
.page-events-proceedings .view-calendar-2 .views-field-title a:hover {
text-decoration: underline; }
/******************************* Event single ********************************/
.node-type-event .event-top th, .node-type-event-notickets .event-top th {
font-weight: 600;
padding: .5em 0; }
.node-type-event .event-top th.date, .node-type-event-notickets .event-top th.date {
width: 125px; }
@media (min-width: 361px) and (max-width: 480px) {
.node-type-event .event-top th.date, .node-type-event-notickets .event-top th.date {
width: 90px; } }
@media (max-width: 360px) {
.node-type-event .event-top th.date, .node-type-event-notickets .event-top th.date {
width: 90px; } }
.node-type-event .event-bottom, .node-type-event-notickets .event-bottom {
overflow: hidden;
border-top: 1px solid #CCC;
margin: 1em 0; }
.node-type-event .event-bottom .image-col, .node-type-event-notickets .event-bottom .image-col {
float: left;
width: 25%;
margin-top: 1em; }
@media (min-width: 361px) and (max-width: 480px) {
.node-type-event .event-bottom .image-col, .node-type-event-notickets .event-bottom .image-col {
width: 50%;
margin-left: 25%; } }
@media (max-width: 360px) {
.node-type-event .event-bottom .image-col, .node-type-event-notickets .event-bottom .image-col {
width: 70%;
margin-left: 15%; } }
.node-type-event .event-bottom .image-col img, .node-type-event-notickets .event-bottom .image-col img {
border: 1px solid #ccc;
width: 100%; }
.node-type-event .event-bottom .body-col, .node-type-event-notickets .event-bottom .body-col {
float: right;
width: 70%;
margin-top: 1em; }
@media (min-width: 361px) and (max-width: 480px) {
.node-type-event .event-bottom .body-col, .node-type-event-notickets .event-bottom .body-col {
width: 100%; } }
@media (max-width: 360px) {
.node-type-event .event-bottom .body-col, .node-type-event-notickets .event-bottom .body-col {
width: 100%; } }
/******************************* Meeting Group Page *******************************/
.page-node-58 .node h3 {
font-size: 1.25em;
color: #0f9bc0; }
.page-node-58 .view-meeting-group-list .views-row {
float: left;
width: 50%;
min-height: 180px; }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-58 .view-meeting-group-list .views-row {
width: 100%; } }
@media (max-width: 360px) {
.page-node-58 .view-meeting-group-list .views-row {
width: 100%; } }
.page-node-58 .view-meeting-group-list .views-row h3 {
margin: 10px 0; }
.page-node-58 .view-meeting-group-list .views-row h3 a {
font-size: 1.2em;
font-weight: 600; }
.page-node-58 .view-meeting-group-list .views-row h3 a:hover {
text-decoration: underline; }
.page-node-58 .view-meeting-group-list .views-row img {
margin: 0 10px 0 0;
display: inline;
float: left; }
/******************************* Proceedings page ********************************/
.page-node-59 .node h2 {
color: #0094b0;
font-size: 1.25em;
line-height: 1.5; }
.page-node-59 .node h4 {
font-weight: bold;
line-height: 1.5; }
.page-node-59 #block-block-61 {
clear: both;
border-bottom: 1px solid #0094b0;
margin-bottom: 1.5em; }
.page-node-59 #block-block-61 h2.title {
color: #0094b0;
font-size: 1.5em;
margin-bottom: .5em;
font-weight: 600;
text-align: center; }
.page-node-59 #block-block-61 .proceedings-years {
text-align: center; }
.page-node-59 #block-block-61 .proceedings-years li {
display: inline-block;
padding-right: 10px;
padding-left: 5px;
margin-bottom: 5px; }
.page-node-59 #block-block-61 .proceedings-years li a {
color: #000; }
.page-events-proceedings #edit-keyword-wrapper, .page-events-proceedings #edit-cat-wrapper {
width: 100%; }
.page-events-proceedings #edit-submit-proceedings {
margin-top: 0;
margin-bottom: 10px; }
.page-events-proceedings label {
float: left;
margin-top: 5px;
margin-right: 10px; }
/******************************* Museum Collections Page ****************************************/
.page-node-20 .field-name-body h4 {
font-size: 1.25em;
color: #0f9bc0; }
.page-node-20 .node h2.title {
font-size: 1.25em;
font-weight: 600;
color: #0f9bc0;
margin-top: .5em;
margin-bottom: .5em; }
.page-node-20 .node h2.title a {
color: #0f9bc0; }
.page-node-20 .verticalblock-2pr {
width: 49%;
float: left;
margin-right: 1%;
margin-bottom: 1em; }
@media (min-width: 481px) and (max-width: 767px) {
.page-node-20 .verticalblock-2pr {
width: 100%;
margin-right: 0; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-20 .verticalblock-2pr {
width: 100%;
margin-right: 0; } }
@media (max-width: 360px) {
.page-node-20 .verticalblock-2pr {
width: 100%;
margin-right: 0; } }
.page-node-20 .verticalblock-2pr img {
max-width: 220px;
width: 45%;
height: auto;
float: left;
margin: 0 5px 5px 0; }
.page-node-20 .verticalblock-4pr {
float: left;
width: 22%;
overflow: hidden;
display: inline-block;
margin: 1%; }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-20 .verticalblock-4pr {
width: 43%; } }
@media (max-width: 360px) {
.page-node-20 .verticalblock-4pr {
width: 100%; } }
.page-node-20 strong {
font-weight: 600;
font-size: 1.25em;
padding: .5em 0;
display: block; }
/******************************* JESBI Page ****************************************/
.page-node-37 h2 {
font-size: 1.25em;
font-weight: 600; }
.page-node-37 h2 img {
margin-left: 15%; }
@media (min-width: 768px) and (max-width: 999px) {
.page-node-37 h2 img {
margin-left: 10%; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-37 h2 img {
margin-left: 0; } }
@media (max-width: 360px) {
.page-node-37 h2 img {
margin-left: 0; } }
.page-node-37 h4 {
font-size: 1.25em;
color: #0f9bc0;
line-height: 1.25; }
.page-node-37 h4 a:hover {
text-decoration: underline; }
.page-node-37 h5 {
font-weight: 900;
margin-top: .5em; }
.page-node-37 strong {
font-weight: 600;
padding: .25em 0;
display: block; }
.page-node-37 .news-list {
border-top: 1px solid #0094B0;
clear: both;
padding-top: 1em; }
.page-node-37 .news-list .views-row {
float: left;
width: 48%;
height: 250px;
margin-bottom: 1em;
margin-right: 1%; }
@media (min-width: 768px) and (max-width: 999px) {
.page-node-37 .news-list .views-row {
height: 200px; } }
@media (min-width: 481px) and (max-width: 767px) {
.page-node-37 .news-list .views-row {
height: 225px; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-37 .news-list .views-row {
width: 100%;
height: auto;
margin-right: 0; } }
@media (max-width: 360px) {
.page-node-37 .news-list .views-row {
width: 100%;
height: auto;
margin-right: 0; } }
.page-node-37 .news-list .views-row h3 a {
display: block;
margin-bottom: 10px;
font-size: 1.2em;
color: #000;
font-weight: 600; }
.page-node-37 .news-list .views-row img {
margin: 0 10px 0 0;
display: inline;
float: left; }
/******************************* Online Exibitions Page ****************************************/
.page-node-33952 p {
margin-bottom: 10px; }
.page-node-33952 h2 {
font-size: 1.5em;
font-weight: 600;
margin: 1em 0; }
.page-node-33952 h3 a {
color: #000;
font-weight: 600; }
/******************************* Online Museum Page ****************************************/
.online-museum h2.title {
font-size: 1.25em;
font-weight: 600;
margin-top: .5em;
margin-bottom: .5em;
color: #0f9bc0; }
.online-museum h4 {
font-size: 1.25em;
color: #0f9bc0;
line-height: 1.25; }
.online-museum .verticalblock-4pr {
float: left;
width: 31%;
overflow: hidden;
display: inline-block;
margin: 1%; }
@media (min-width: 361px) and (max-width: 480px) {
.online-museum .verticalblock-4pr {
width: 100%; } }
@media (max-width: 360px) {
.online-museum .verticalblock-4pr {
width: 100%; } }
.online-museum .view-museum-cat-list {
text-align: center; }
.online-museum .view-museum-cat-list .views-row {
width: 25%;
float: left;
margin-bottom: 15px; }
@media (min-width: 768px) and (max-width: 999px) {
.online-museum .view-museum-cat-list .views-row {
width: 33%; } }
@media (min-width: 481px) and (max-width: 767px) {
.online-museum .view-museum-cat-list .views-row {
width: 33%; } }
@media (min-width: 361px) and (max-width: 480px) {
.online-museum .view-museum-cat-list .views-row {
width: 50%; } }
@media (max-width: 360px) {
.online-museum .view-museum-cat-list .views-row {
width: 50%; } }
.online-museum .node-teaser {
width: 25%;
float: left;
margin-bottom: 15px; }
@media (min-width: 768px) and (max-width: 999px) {
.online-museum .node-teaser {
width: 33%; } }
@media (min-width: 481px) and (max-width: 767px) {
.online-museum .node-teaser {
width: 33%; } }
@media (min-width: 361px) and (max-width: 480px) {
.online-museum .node-teaser {
width: 50%; } }
@media (max-width: 360px) {
.online-museum .node-teaser {
width: 50%; } }
.online-museum .view-mode-full img {
width: 100%;
height: auto; }
.online-museum .views-exposed-form .form-submit {
height: 34px;
margin-top: 22px; }
@media (min-width: 768px) and (max-width: 999px) {
.online-museum .views-exposed-form .form-submit {
margin-top: 0; } }
@media (min-width: 768px) and (max-width: 999px) {
.online-museum .views-exposed-widget {
width: 100%; } }
@media (min-width: 768px) and (max-width: 999px) {
.online-museum .views-exposed-widget label {
float: left;
margin-right: 10px;
margin-top: 5px;
width: 70px;
text-align: right; } }
/******************************* Library & Archive Page ****************************************/
.page-node-21 #block-block-29 h4 {
font-size: 1.25em;
margin-top: 1em;
margin-bottom: .5em;
color: #0f9bc0; }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-21 #block-block-29 h4 {
width: 100%; } }
@media (max-width: 360px) {
.page-node-21 #block-block-29 h4 {
width: 100%; } }
.page-node-21 h2 strong, .page-node-21 h3 strong {
font-size: 1.25em;
margin: .5em 0;
font-weight: 900;
display: block; }
.page-node-21 h4 strong {
font-size: 1.25em;
font-weight: 900;
color: #0f9bc0;
margin-bottom: .5em;
display: block; }
/******************************* Library Search Page ****************************************/
.page-library-archives-library-search .views-exposed-form label {
margin-bottom: 5px;
display: block;
padding-left: 10px; }
.page-library-archives-library-search .views-exposed-form input.form-text {
width: 160px;
background: #FFF url(../images/search-bg.png) top left no-repeat;
padding: 0 10px 0 35px;
background-size: 23px;
color: #000;
background-position: 5px; }
.page-library-archives-library-search .views-exposed-widget input.form-submit {
margin-top: 27px;
height: 32px; }
/******************************* Speaking Volumes Page ****************************************/
.page-node-25157 .node h3 {
font-size: 1.25em;
font-weight: 900;
margin: .75em 0; }
.page-node-25157 h4 a {
font-size: 1.25em;
margin-top: .5em;
display: block; }
/******************************* About Us Page ****************************************/
.page-node-11 .horizontalblock-2pr {
float: left;
width: 48%;
overflow: hidden;
margin: 1%; }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-11 .horizontalblock-2pr {
width: 100%; } }
@media (max-width: 360px) {
.page-node-11 .horizontalblock-2pr {
width: 100%; } }
.page-node-11 .horizontalblock-2pr img {
float: left;
margin: 0 10px 10px 0;
display: inline; }
.page-node-11 .horizontalblock-2pr.last {
clear: both; }
.page-node-11 #content-bottom .block {
margin-top: 20px; }
.page-node-11 h2.title a {
font-size: 1.25em;
font-weight: 600;
color: #000; }
.page-node-11 h4 a {
margin-bottom: .5em;
display: block; }
/******************************* Volunteer Page ****************************************/
.page-node-12 .node h3 {
font-size: 1.25em;
font-weight: 900;
margin: .5em 0; }
.page-node-12 .node h4 em {
font-size: 1.25em;
color: #0f9bc0;
margin: .5em 0;
display: block; }
.page-node-12 .node p {
margin-bottom: .5em; }
.page-node-12 .node strong {
font-weight: 600; }
.page-node-12 .node ul {
list-style-type: initial;
margin-left: 2em; }
.page-node-12 .node ul li {
margin-bottom: .25em; }
/******************************* Adopt-a-Book Page ****************************************/
.page-node-18275 .node h3 {
font-size: 1.25em;
font-weight: 900;
margin: .5em 0; }
.page-node-18275 .node strong {
font-weight: 600; }
.page-node-18275 .node p {
margin-bottom: .5em; }
.page-node-18275 .node ul {
list-style-type: initial;
margin-left: 2em; }
.page-node-18275 .node ul li {
margin: .5em 0; }
/******************************* Staff Page ****************************************/
.page-node-61 #content-body p {
margin: .5em 0; }
.page-node-61 #content-body h3 {
font-size: 1.25em;
font-weight: 600; }
.page-node-61 #content-body h4 {
font-size: 1.25em;
font-weight: 600;
color: #0094B0; }
.page-node-61 #content-body img {
width: 80% !important;
height: auto !important; }
@media (min-width: 481px) and (max-width: 767px) {
.page-node-61 #content-body img {
width: 100% !important; } }
@media (min-width: 361px) and (max-width: 480px) {
.page-node-61 #content-body img {
width: 100% !important; } }
@media (max-width: 360px) {
.page-node-61 #content-body img {
width: 100% !important; } }
/******************************* Contact Us Page ****************************************/
.page-node-62 #content-body p {
margin-top: 1em; }
.page-node-62 #content-body iframe {
width: 100%; }
/******************************* Members Report Page ****************************************/
.view-member-report label {
margin-top: 15px;
margin-bottom: 5px;
margin-left: 5px;
height: 20px;
overflow: hidden; }
.view-member-report input[type="text"] {
width: 100%;
padding: 0; }
.view-member-report .form-item {
width: 100%;
margin: 0;
padding: 0; }
.view-member-report #edit-rid-wrapper {
width: 48%;
padding: 0; }
.view-member-report #edit-rid-wrapper select {
width: 100%;
height: 125px; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-rid-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-rid-wrapper {
width: 100%; } }
.view-member-report #edit-rid-1-wrapper {
width: 48%;
padding: 0;
float: right; }
.view-member-report #edit-rid-1-wrapper select {
width: 100%;
height: 125px; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-rid-1-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-rid-1-wrapper {
width: 100%; } }
.view-member-report #edit-expiry-wrapper {
width: 100%;
padding: 0; }
.view-member-report #edit-expiry-wrapper #edit-field-mem-expiry-value-min-wrapper {
width: 48%;
float: left; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-expiry-wrapper #edit-field-mem-expiry-value-min-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-expiry-wrapper #edit-field-mem-expiry-value-min-wrapper {
width: 100%; } }
.view-member-report #edit-expiry-wrapper #edit-field-mem-expiry-value-max-wrapper {
width: 48%;
float: right; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-expiry-wrapper #edit-field-mem-expiry-value-max-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-expiry-wrapper #edit-field-mem-expiry-value-max-wrapper {
width: 100%; } }
.view-member-report .date-padding {
width: 100%; }
.view-member-report .date-padding .form-item {
width: 33.3%; }
.view-member-report .date-padding select {
width: 97%;
margin-right: 1%; }
.view-member-report #edit-started-wrapper {
width: 48%;
padding: 0;
float: left; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-started-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-started-wrapper {
width: 100%; } }
.view-member-report #edit-last-payment-wrapper {
width: 48%;
padding: 0;
float: right; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-last-payment-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-last-payment-wrapper {
width: 100%; } }
.view-member-report #edit-payment-method-wrapper {
width: 32%;
padding: 0;
padding-right: 2%; }
.view-member-report #edit-payment-method-wrapper select {
width: 100%;
height: 65px; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-payment-method-wrapper {
width: 100%;
padding: 0; } }
@media (max-width: 360px) {
.view-member-report #edit-payment-method-wrapper {
width: 100%;
padding: 0; } }
.view-member-report #edit-payment-method-not-wrapper {
width: 32%;
padding: 0;
padding-right: 2%; }
.view-member-report #edit-payment-method-not-wrapper select {
width: 100%;
height: 65px; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-payment-method-not-wrapper {
width: 100%;
padding: 0; } }
@media (max-width: 360px) {
.view-member-report #edit-payment-method-not-wrapper {
width: 100%;
padding: 0; } }
.view-member-report #edit-giftaid-wrapper {
width: 32%;
padding: 0; }
.view-member-report #edit-giftaid-wrapper select {
width: 100%; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-giftaid-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-giftaid-wrapper {
width: 100%; } }
.view-member-report #edit-fname-wrapper {
width: 48%;
padding: 0; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-fname-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-fname-wrapper {
width: 100%; } }
.view-member-report #edit-sname-wrapper {
width: 48%;
padding: 0;
float: right; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-sname-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-sname-wrapper {
width: 100%; } }
.view-member-report #edit-fname2-wrapper {
width: 48%;
padding: 0; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-fname2-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-fname2-wrapper {
width: 100%; } }
.view-member-report #edit-sname2-wrapper {
width: 48%;
padding: 0;
float: right; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-sname2-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-sname2-wrapper {
width: 100%; } }
.view-member-report #edit-memno-wrapper {
width: 48%;
padding: 0; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-memno-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-memno-wrapper {
width: 100%; } }
.view-member-report #edit-memno2-wrapper {
width: 48%;
padding: 0;
float: right; }
@media (min-width: 361px) and (max-width: 480px) {
.view-member-report #edit-memno2-wrapper {
width: 100%; } }
@media (max-width: 360px) {
.view-member-report #edit-memno2-wrapper {
width: 100%; } }
.view-member-report .views-submit-button {
float: right;
padding: 0; }
.view-member-report #edit-submit-member-report {
margin-top: 10px; }
/******************************* History Page ****************************************/
.page-node-63 .node p {
margin: .5em 0; }
.page-node-63 .node strong {
font-weight: 600;
padding: .5em 0;
display: block; }
.page-node-63 .node h4 {
margin-top: .5em; }
.page-node-63 .node h4 a {
color: #0094B0;
text-decoration: none;
font-size: 1.25em; }
/******************************* Links Page ****************************************/
.page-node-24773 strong {
font-weight: 600;
padding: .5em 0;
display: block; }
/******************************* Youth galleries ****************************************/
.youth-galleries {
display: inline-block;
border-radius: 5px;
width: 100%;
height: 95px;
position: relative;
margin: 5px 0;
-webkit-transition: background .2s ease;
-moz-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease; }
.youth-galleries h2 {
display: inline-block;
width: calc(100% - 120px);
float: right;
margin-top: 20px; }
.youth-galleries .image-thumb {
width: 75px;
height: 75px;
float: left;
margin: 10px;
overflow: hidden; }
.youth-galleries img {
width: 170%;
height: 100%; }
.youth-galleries p {
position: absolute;
right: 10px;
bottom: 0px; }
.youth-galleries:hover {
background: #ccc; }
.youth-galleries:hover .image-thumb {
width: 85px;
height: 85px;
margin: 5px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.node-youth-gallery {
position: relative;
width: 100%;
min-height: 550px; }
.node-youth-gallery #gallery {
width: 100%;
float: right;
position: relative;
top: 125px; }
@media (min-width: 1000px) {
.node-youth-gallery #gallery {
width: 440px;
top: 0; } }
.node-youth-gallery .slideshow-container {
position: relative; }
.node-youth-gallery .image-caption {
position: absolute;
top: 0;
left: 0; }
.node-youth-gallery .image-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
height: 350px;
overflow: hidden; }
.node-youth-gallery .image-wrapper img {
vertical-align: middle;
border: 1px solid #ccc;
height: 100%; }
.node-youth-gallery .caption-container {
position: absolute;
top: 360px;
width: 70%; }
.node-youth-gallery .image-desc {
line-height: 1.3em; }
.node-youth-gallery #thumbs {
width: 100% !important;
overflow: hidden; }
@media (min-width: 1000px) {
.node-youth-gallery #thumbs {
width: 190px !important;
overflow: inherit; } }
.node-youth-gallery .thumb {
padding: 2px;
display: block;
border: 1px solid #ccc;
width: 75px;
height: 75px;
overflow: hidden; }
.node-youth-gallery .thumbs {
width: 1000%; }
@media (min-width: 1000px) {
.node-youth-gallery .thumbs {
width: auto; } }
.node-youth-gallery .thumbs li {
float: left;
padding: 0;
margin: 5px 10px 5px 0;
list-style: none; }
.node-youth-gallery .thumbs li.selected .thumb {
background: #000; }
.node-youth-gallery .thumbs img {
border: none;
display: block;
width: 150%;
height: 100%; }
.node-youth-gallery .youth-date {
width: 100%;
clear: both; }
/******************************* Shop ****************************************/
.section-shop .node-product-display {
position: relative;
float: left;
width: 46%;
margin-right: 4%;
margin-top: 10px;
margin-bottom: 10px;
min-height: 355px; }
@media (min-width: 361px) and (max-width: 480px) {
.section-shop .node-product-display {
width: 80%;
margin-left: 10%; } }
@media (max-width: 360px) {
.section-shop .node-product-display {
width: 90%;
margin-left: 5%; } }
.section-shop .node-product-display h2 a {
position: absolute;
top: 225px;
font-size: 1.25em;
width: calc(100% - 75px);
margin-top: 11px;
height: 22px;
overflow: hidden;
float: left;
color: #0094B0; }
@media (min-width: 361px) and (max-width: 480px) {
.section-shop .node-product-display h2 a {
top: 275px; } }
.section-shop .node-product-display .commerce-product-title-label {
display: none; }
.section-shop .field-type-image {
width: 96%;
height: 225px;
overflow: hidden;
border: 1px solid #ccc;
margin-left: 2%; }
@media (min-width: 361px) and (max-width: 480px) {
.section-shop .field-type-image {
height: 275px; } }
.section-shop .field-type-image img {
width: 100%;
height: auto; }
.section-shop .commerce-product-field-commerce-price {
float: right;
text-align: right;
margin-top: .5em;
font-size: 1.5em;
width: 75px; }
.section-shop .field-name-body {
clear: both;
height: 90px;
overflow: hidden;
margin-top: 33px; }
/************* Product node display **************/
.node-type-product-display .node {
position: relative; }
.node-type-product-display .node .commerce-product-field-field-image {
width: 50%;
float: left;
}
@media (min-width: 361px) and (max-width: 480px) {
.node-type-product-display .node .commerce-product-field-field-image {
width: 80%;
margin-left: 10%; } }
@media (max-width: 360px) {
.node-type-product-display .node .commerce-product-field-field-image {
width: 90%;
margin-left: 5%; } }
.node-type-product-display .node .commerce-product-field-field-image img {
width: 100%;
height: auto; }
.node-type-product-display .node .field-type-commerce-product-reference {
float: right;
display: inline-block; }
.node-type-product-display .node .field-type-commerce-product-reference .form-button-disabled {
background: #ccc; }
.node-type-product-display .node .field-type-commerce-product-reference .confirmation {
margin-top: 5px; }
.node-type-product-display .node .commerce-product-field-commerce-price {
width: 100px;
display: inline-block;
font-size: 2em;
margin-top: 6px;
float: right; }
@media (min-width: 481px) and (max-width: 767px) {
.node-type-product-display .node .commerce-product-field-commerce-price {
font-size: 1.75em; } }
@media (min-width: 361px) and (max-width: 480px) {
.node-type-product-display .node .commerce-product-field-commerce-price {
font-size: 1.5em; } }
@media (max-width: 360px) {
.node-type-product-display .node .commerce-product-field-commerce-price {
font-size: 1.25em; } }
.node-type-product-display .node .field-name-body {
clear: both;
padding: 1em 0; }
@media (min-width: 361px) and (max-width: 480px) {
.node-type-product-display .node .field-name-body {
padding-bottom: 35px; } }
@media (max-width: 360px) {
.node-type-product-display .node .field-name-body {
padding-bottom: 35px; } }
#node-64967 .form-item {
margin: 0; }
#node-64967 select {
position: absolute;
top: 60px;
right: 0;
width: 225px; }
@media (min-width: 361px) and (max-width: 480px) {
#node-64967 select {
width: 100%;
top: auto;
bottom: 0; } }
@media (max-width: 360px) {
#node-64967 select {
width: 100%;
top: auto;
bottom: 0; } }
/******************************* Shopping cart page ****************************************/
.page-cart #views-form-commerce-cart-form-default table {
width: 100%; }
.page-cart #views-form-commerce-cart-form-default thead th {
border: 0; }
.page-cart #views-form-commerce-cart-form-default tbody tr {
background: none;
border: 0;
height: 35px; }
.page-cart #views-form-commerce-cart-form-default tbody td {
vertical-align: middle; }
.page-cart #views-form-commerce-cart-form-default .delete-line-item {
font-size: 10px;
min-width: 65px;
height: 25px; }
.page-cart #views-form-commerce-cart-form-default .views-field-edit-quantity {
text-align: center; }
.page-cart #views-form-commerce-cart-form-default .views-field-edit-quantity input {
border: 1px solid #CCC;
padding: 0;
text-align: center;
height: 23px;
width: 40px; }
.page-cart #views-form-commerce-cart-form-default .line-item-summary {
margin-top: 10px;
padding-right: 1em;
font-size: 18px; }
.page-cart #views-form-commerce-cart-form-default .commerce-line-item-actions input {
margin-left: 5px; }
.page-cart .commerce-quantity-plusminus-link a.button {
position: absolute;
padding: 1px 10px;
margin-left: 10px; }
/******************************* Checkout pages ****************************************/
.page-checkout .addressfield-container-inline > div.form-item {
float: none;
margin-right: 0; }
.page-checkout #edit-buttons {
text-align: right; }
.page-checkout #edit-buttons #edit-cancel {
background: #7e3e96;
color: #fff;
height: 32px;
padding: 0 10px;
min-width: 110px;
text-transform: uppercase;
border: 0;
font-size: 14px;
line-height: 1;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
cursor: pointer;
-webkit-transition: background-color .25s ease;
-moz-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
transition: background-color .25s ease; }
.page-checkout #edit-buttons #edit-cancel:hover {
background-color: #8d45a8; }
.page-checkout #edit-buttons #edit-back {
height: 30px;
color: #fff;
overflow: hidden;
padding: 0 10px;
min-width: 110px;
text-transform: uppercase;
border: none;
background: #7e3e96;
cursor: pointer; }
.page-checkout #edit-buttons .button-operator {
font-size: 1.2em;
margin: 0 .5em; }
#commerce-checkout-form-checkout table.views-table {
width: 100%; }
#commerce-checkout-form-checkout table.views-table tbody tr {
background: none;
border: 0;
height: 35px; }
#commerce-checkout-form-checkout table.views-table tbody tr td {
vertical-align: middle; }
#commerce-checkout-form-checkout table.views-table thead th {
border: 0; }
#commerce-checkout-form-checkout legend {
color: #0094b0;
font-size: 1.25em;
margin-bottom: 10px;
width: 100%;
padding-top: 20px;
border-bottom: 1px solid #ccc; }
#commerce-checkout-form-checkout .description {
clear: both;
font-size: 1em;
margin-left: 27.5%;
margin-bottom: 10px;
padding-top: 5px; }
@media (min-width: 361px) and (max-width: 480px) {
#commerce-checkout-form-checkout .description {
text-align: center;
margin-left: 0; } }
@media (max-width: 360px) {
#commerce-checkout-form-checkout .description {
text-align: center;
margin-left: 0; } }
#commerce-checkout-form-checkout .commerce-price-formatted-components {
font-size: 1.2em; }
#commerce-checkout-form-checkout .commerce-price-formatted-components tbody tr {
background: none;
border: 0;
height: 25px; }
#commerce-checkout-form-checkout .commerce-price-formatted-components tbody tr td {
vertical-align: middle; }
#commerce-checkout-form-checkout .form-item {
overflow: hidden;
clear: both; }
#commerce-checkout-form-checkout .form-item label {
width: 25%;
font-size: 16px;
font-weight: 900;
text-align: right;
display: block;
float: left;
padding: .5em; }
@media (min-width: 361px) and (max-width: 480px) {
#commerce-checkout-form-checkout .form-item label {
width: 100%;
text-align: center; } }
@media (max-width: 360px) {
#commerce-checkout-form-checkout .form-item label {
width: 100%;
text-align: center; } }
#commerce-checkout-form-checkout .form-item .form-text {
width: 69%;
float: left; }
@media (min-width: 768px) and (max-width: 999px) {
#commerce-checkout-form-checkout .form-item .form-text {
width: 68%; } }
@media (min-width: 481px) and (max-width: 767px) {
#commerce-checkout-form-checkout .form-item .form-text {
width: 68%; } }
@media (min-width: 361px) and (max-width: 480px) {
#commerce-checkout-form-checkout .form-item .form-text {
width: 95%; } }
@media (max-width: 360px) {
#commerce-checkout-form-checkout .form-item .form-text {
width: 94%; } }
#commerce-checkout-form-checkout .form-item select {
width: 70%; }
@media (min-width: 361px) and (max-width: 480px) {
#commerce-checkout-form-checkout .form-item select {
width: 95%; } }
@media (max-width: 360px) {
#commerce-checkout-form-checkout .form-item select {
width: 94%; } }
#commerce-checkout-form-checkout .form-item-customer-profile-billing-commerce-customer-profile-copy input {
float: left;
margin-top: 10px; }
#commerce-checkout-form-checkout .form-item-customer-profile-billing-commerce-customer-profile-copy label {
width: 90%;
text-align: left; }
#commerce-checkout-form-checkout .form-item-commerce-shipping-shipping-service input {
float: left;
margin-top: 10px; }
#commerce-checkout-form-checkout .form-item-commerce-shipping-shipping-service label {
width: auto; }
#commerce-checkout-coupon-ajax-wrapper {
position: relative; }
#commerce-checkout-coupon-ajax-wrapper .form-submit {
position: absolute;
right: 0;
bottom: -15px; }
#commerce-checkout-form-review legend {
color: #0094b0;
font-size: 1.5em;
margin-bottom: 10px;
width: 100%;
padding-top: 20px;
border-bottom: 1px solid #ccc; }
#commerce-checkout-form-review .checkout-help {
color: #0094b0;
font-size: 1.5em;
margin-bottom: 10px;
width: 100%;
padding-top: 20px;
border-bottom: 1px solid #ccc; }
#commerce-checkout-form-review .checkout-review {
width: 100%;
font-size: 1.2em; }
#commerce-checkout-form-review .checkout-review tbody {
border: 0; }
#commerce-checkout-form-review .checkout-review tbody tr {
background: none;
border: 0;
height: 35px; }
#commerce-checkout-form-review .checkout-review tbody tr td {
vertical-align: middle;
padding: 0; }
#commerce-checkout-form-review .checkout-review tbody .pane-title:first-child {
display: none; }
#commerce-checkout-form-review .checkout-review table.views-table {
width: 100%; }
#commerce-checkout-form-review .checkout-review table.views-table thead tr {
height: 18px; }
#commerce-checkout-form-review .commerce-price-formatted-components {
border-top: 1px solid #ccc; }
#commerce-checkout-form-review .commerce-price-formatted-components tbody tr {
height: 25px; }
#commerce-checkout-form-review .commerce-price-formatted-components tbody tr td {
vertical-align: middle; }
#edit-commerce-payment .fieldset-wrapper {
font-size: 1.2em; }
#edit-commerce-payment label {
font-weight: 900;
display: inline-block;
padding: .5em; }
#edit-commerce-payment input[type="text"] {
width: 50%; }
#edit-commerce-payment select {
height: 30px;
font-size: 1em;
background: transparent;
border: 1px solid #ccc; }
/******************************* Article single ****************************************/
.node-type-article .node p {
margin: .5em 0; }
.node-type-article .node img {
display: block;
max-width: 630px !important;
width: 100% !important;
height: auto !important;
margin: 0 auto; }
/******************************* Newsletter form ****************************************/
.newsletter-form .form-item {
overflow: hidden;
clear: both; }
.newsletter-form .form-item label {
width: 35%;
font-weight: 900;
text-align: right;
display: block;
float: left;
padding: .5em; }
.newsletter-form .form-item .form-text {
width: 55%; }
@media (min-width: 481px) and (max-width: 767px) {
.newsletter-form .form-item .form-text {
width: 45%; } }
.newsletter-form .form-item input[type="submit"] {
float: right; }
.newsletter-form p {
text-align: center; }
/******************************* Search Page ****************************************/
.page-search .search-form label {
display: none; }
.page-search h2 {
font-weight: 900;
font-size: 1.25em;
clear: both;
padding: 1em 0; }
.page-search h4 a {
font-size: 1.5em;
margin-top: .5em;
display: block; }
/******************************* Login form **********************************/
#user-login .form-item {
overflow: hidden;
clear: both; }
#user-login .form-item label {
width: 35%;
font-weight: 900;
text-align: right;
display: block;
float: left;
padding: .5em; }
@media (min-width: 768px) and (max-width: 999px) {
#user-login .form-item label {
width: 40%; } }
#user-login .form-item .form-text {
width: 55%; }
@media (min-width: 768px) and (max-width: 999px) {
#user-login .form-item .form-text {
width: 50%; } }
@media (min-width: 481px) and (max-width: 767px) {
#user-login .form-item .form-text {
width: 45%; } }
#user-login .form-item .description {
color: #999;
clear: both;
margin-left: 32.5%; }
#user-login input[type="submit"] {
float: right; }
/******************************* Footer **********************************/
.footer-wrapper {
position: relative;
background: #333;
padding: 3em 0;
font-family: Arial, regular; }
.footer-wrapper footer {
max-width: 1000px;
min-height: 150px;
margin: 0 2em;
overflow: hidden; }
@media (min-width: 1000px) {
.footer-wrapper footer {
margin: 0 auto; } }
.footer-wrapper .block {
display: inline-block;
float: left;
width: 25%;
color: #fff;
font-size: 1.25em; }
@media (min-width: 481px) and (max-width: 767px) {
.footer-wrapper .block {
width: 75%; } }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block {
width: 75%; } }
@media (max-width: 360px) {
.footer-wrapper .block {
width: 75%; } }
.footer-wrapper .block h2.title {
font-size: 1.25em;
margin-bottom: .25em; }
@media (min-width: 481px) and (max-width: 767px) {
.footer-wrapper .block h2.title {
cursor: pointer;
border: 1px solid #666;
padding: .55em 1.5em; } }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block h2.title {
cursor: pointer;
border: 1px solid #666;
padding: .55em 1.5em; } }
@media (max-width: 360px) {
.footer-wrapper .block h2.title {
cursor: pointer;
border: 1px solid #666;
padding: .55em 1.5em; } }
@media (min-width: 481px) and (max-width: 767px) {
.footer-wrapper .block .menu {
display: none;
border: 1px solid #666;
margin: 5px .5em; } }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block .menu {
display: none;
border: 1px solid #666;
margin: 5px .5em; } }
@media (max-width: 360px) {
.footer-wrapper .block .menu {
display: none;
border: 1px solid #666;
margin: 5px .5em; } }
.footer-wrapper .block .menu li.last a {
border-bottom: 0; }
.footer-wrapper .block a {
text-decoration: none;
color: #fff;
display: inline-block;
padding-top: .3em; }
@media (min-width: 481px) and (max-width: 767px) {
.footer-wrapper .block a {
font-size: 1.1em;
border-bottom: 1px solid #666;
width: 90%;
padding: .75em 5%; } }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block a {
font-size: 1.1em;
border-bottom: 1px solid #666;
width: 90%;
padding: .75em 5%; } }
@media (max-width: 360px) {
.footer-wrapper .block a {
font-size: 1.1em;
border-bottom: 1px solid #666;
width: 90%;
padding: .75em 5%; } }
.footer-wrapper .block a:hover {
text-decoration: underline; }
.footer-wrapper .block.connect {
position: absolute;
top: 2.5em;
right: 0; }
@media (min-width: 481px) and (max-width: 767px) {
.footer-wrapper .block.connect {
width: 15%; } }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block.connect {
width: 25%; } }
@media (max-width: 360px) {
.footer-wrapper .block.connect {
width: 25%; } }
.footer-wrapper .block.connect .title {
display: none; }
@media (min-width: 1000px) {
.footer-wrapper .block.connect .title {
display: block; } }
@media (min-width: 768px) and (max-width: 999px) {
.footer-wrapper .block.connect .title {
display: block; } }
@media (min-width: 481px) and (max-width: 767px) {
.footer-wrapper .block.connect a {
border-bottom: none;
padding: 0; } }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block.connect a {
border-bottom: none;
padding: 0; } }
@media (max-width: 360px) {
.footer-wrapper .block.connect a {
border-bottom: none;
padding: 0; } }
.footer-wrapper .block .created-by {
clear: both;
display: none;
line-height: 1.2; }
@media (min-width: 1000px) {
.footer-wrapper .block .created-by {
display: block; } }
@media (min-width: 768px) and (max-width: 999px) {
.footer-wrapper .block .created-by {
display: block; } }
.footer-wrapper .block .fblink, .footer-wrapper .block .twlink {
width: 48px;
height: 48px;
float: left;
margin: 1em 10px 1em 0; }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block .fblink, .footer-wrapper .block .twlink {
float: right;
margin-right: 30px;
margin-bottom: 0; } }
@media (max-width: 360px) {
.footer-wrapper .block .fblink, .footer-wrapper .block .twlink {
float: right;
margin-right: 30px;
margin-bottom: 0; } }
.footer-wrapper .block .fblink {
background-image: url(../images/icon-fb.png); }
@media (min-width: 481px) and (max-width: 767px) {
.footer-wrapper .block .fblink {
margin-top: 0; } }
@media (min-width: 361px) and (max-width: 480px) {
.footer-wrapper .block .fblink {
margin-top: 0; } }
@media (max-width: 360px) {
.footer-wrapper .block .fblink {
margin-top: 0; } }
.footer-wrapper .block .twlink {
background-image: url(../images/icon-twitter.png); }
/******************************* Tabs **********************************/
.tabs ul {
padding-left: 1em;
overflow: hidden;
border-bottom: 1px solid #ccc; }
.tabs ul li {
float: left; }
.tabs ul li a {
background: #eee;
display: inline-block;
color: #000;
border: 1px solid #ccc;
border-bottom: 0;
margin: 0 2px;
padding: .5em 1em;
font-weight: 600; }
.tabs ul li a.active {
background: #fff; }
.tabs ul li a.active:hover {
background: #fff; }
.tabs ul li a:hover {
background: #ddd; }
/* poster gallery */
.view-mode-full > ul.links{display:none;}
#block-views-posters-block-2 {
padding-left: 40px;
padding-right: 40px;
position: relative;
border-bottom: 1px dashed #CCC;
padding-bottom: 10px;
margin-bottom: 20px;
overflow: hidden; }
#block-views-posters-block-2 .views-row {
text-align: center;
width:180px !important;
font-weight: bold; }
#block-views-posters-block-2 .item-list ul li {
margin: 0 5px 0 0;
padding: 0; }
#block-views-posters-block-2 .views-row img {
margin-bottom: 3px;
border: 1px solid #404040; }
#block-views-posters-block-2 .carousel-pager {
position: absolute;
top: 90px;
width: 30px;
height: 60px;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top;
cursor: pointer;
text-indent: -500px; }
#block-views-posters-block-2 .link-prev {
left: 0;
background-image: url(../images/btn-prev.gif); }
#block-views-posters-block-2 .link-next {
right: 0;
background-image: url(../images/btn-next.gif); }
.views-table tr:hover {
background-color: #FFF !important; }
/*
Document : styles
Created on : Dec 8, 2012, 10:24:34 AM
Author : quickstart
Description:
Purpose of the stylesheet follows.
*/
.calendar-calendar div.day {
float: right;
text-align: center;
padding: 0.125em 0.25em 0 0.25em;
margin: 0;
background-color: #F3F3F3;
border: 1px solid gray;
border-width: 0 0 1px 1px;
clear: both;
width: 3em; }
.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty {
background-color: #F2F2F2; }
.calendar-calendar .month-view .full td.unavailable {
background-color: #f1f1f2;
color: #BBBDBF; }
.calendar-calendar .month-view .full td.available {
background-color: #F6F6F6; }
.calendar-calendar td {
width: 14%;
border: 1px solid #CCC;
color: #BBBDBF;
text-align: right;
vertical-align: top;
margin: 0;
padding: 0; }
.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {
background: #FFFFFF;
width: auto;
padding: 0px 3px;
overflow: hidden;
border: 1px solid #808080; }
.calendar-calendar .month-view .full td.single-day div.monthview {
background: #64D876; }
.calendar-calendar .month-view .full td.single-day .view-item.confirmed div.monthview,
.calendar-calendar .month-view .full td.single-day .view-item.imported div.monthview {
background: #FF8888; }
.calendar-session-name {
color: #eee; }
.calendar-calendar .month-view .full td.single-day div.monthview a,
.calendar-calendar .month-view .full div.single-day div.monthview a {
color: #fff;
font-weight: normal; }
.calendar-calendar .month-view .full td.date-box.today {
border-width: 2px 2px 0px 2px;
border-style: solid;
border-color: #4B85AC; }
.calendar-calendar .month-view .full tr td.single-day.today {
border-bottom: 2px solid #4B85AC; }
.calendar-calendar .month-view .full tr td.today, .calendar-calendar .month-view .full tr.odd td.today, .calendar-calendar .month-view .full tr.even td.today {
background: none;
border-left: 2px solid #4B85AC;
border-right: 2px solid #4B85AC; }
.view .date-nav-wrapper .date-next,
.view .date-nav-wrapper .date-prev {
padding-left: 5px;
padding-right: 5px; }
/* Ben added this*/
.node-type-proceeding p{margin-bottom:5px;margin-top:5px;}
strong{font-weight:bold;}
.section-events-proceedings h2{color:#0094B0;font-size:1.4em;font-weight: bold;margin-bottom:15px;margin-top:20px;}
em{font-style: italic;}
#home_level_4 .block.last{float:none !important;width:100% !important;}
.flex-control-nav{display: none;}
.view-slider-home:hover .flex-control-nav{display: block;}
#home_level_2{display: none !important;}
#header{background: linear-gradient(#0A8CAE,#1C9FCB);color:white;}
#block-views-events-block-2 h2.title{ color: #0094b0;
font-family: Arial, regular;
font-size: 2em;
display: block;padding-bottom: 20px;}
.date-message{border:1px solid #0f9bc0;background-color:#9dd1df;padding:10px;}
.date-message h2{font-size:1.4em;margin-bottom:10px;}
.date-message span{font-weight: bold;}
/* General Stuff */
h2.title,.content h2{
font-size: 23px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
color: #0f9bc0;
}
#content-area .content ul,#content-body ul{margin-top:10px;margin-bottom:10px;}
#content-area .content ol,#content-body ol{margin-top:10px;margin-bottom:10px;}
#content-area .content ul li,
#content-body ul li
{
list-style: disc inside none;
margin-left:20px;
}
#content-area .content ol li,
#content-body ol li
{
list-style:decimal inside none;
margin-left:20px;
}
.views-row{list-style:none !important;}
.view-article-listing-page img{width:200px;height:200px;}
.view-article-listing-page .views-row{float:left;width:45%;}
.view-article-listing-page .views-row-odd{}
.region-home-level-3 h2{font-size:1em !important;}