/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Browser Resets :: Main Structure :: Sub Structure :: Universal Classes :: Universal Facebook Styles */ /* Colors ----------------------- Peach - f37d6b Light Blue - 7fa3d4 Navy - 272746 Dark Navy - 15152e Gradients (Left to right) Blue - 92a6c2 / 647fa4 Peach - f37d6b / d95743 ----------------------- */ /* -------------------------------------------------- :: Browser Resets -------------------------------------------------- */ body { font-family: 'Cabin', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Google Fonts - for example - will render proper sizes in all browsers with this fix (no matter what color - Firefox traditionally renders bolder for white color text) */ margin: 0; padding: 0; position: relative; color:#2b2b3a; line-height:1.5; font-size:16px; } h1, h2, h3, h4, h5, h6 {font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; line-height: 1; text-transform:uppercase;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 {font-size: 48px; margin-bottom: 12px;} h2 {font-size: 36px; margin-bottom: 9px;} h3 {font-size: 31px; margin-bottom: 9px;} h4 {font-size: 26px; margin-bottom: 3px;} h5 {font-size: 21px; margin-bottom: 3px;} h6 {font-size: 16px;} /* Elements */ a {color:#F47421;} a:hover {color:#d95743;} a img {outline:none; border:none;} em, i {font-style: italic; line-height: inherit;} hr {border: 0; border-bottom: 1px solid #ccc; clear: both; display:block; height: 0; margin: 15px 0;} li {line-height: 1.5;} p {margin: 0 0 18px; line-height: 1.5; } p a, p a:visited { line-height: inherit; } p, p a, ul, ol, ul a, ol a { font-family: 'Cabin', sans-serif; } small { font-size: 60%; line-height: inherit; } strong, b {font-weight: 700; line-height: inherit;} :focus {outline: 0;} .white-text {color:#fff !important;} p.large, p .large {font-size:20px;} /* button buttons styles */ p.button {background:transparent; padding:12px 0 0;} a.button, .button a, input[type="submit"], .ticketTypeSubmit { font-family: 'Cabin', sans-serif; font-size:19px; font-weight:700; padding:10px 18px 9px; background: #404040; transition: none; color:#fff; cursor:pointer; border:none; } .button a {text-decoration:none;} a.button:hover, .button a:hover, .ticketTypeSubmit:hover {background: #3d3d3d;} a.button.peach, .button.peach a, input[type="submit"], .ticketTypeSubmit {background: #F47421;} a.button.peach:hover, .button.peach a:hover, input[type="submit"]:hover, .ticketTypeSubmit:hover {background: #FF6400;} .button.silver { color:#0e0e18; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,216,216,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(216,216,216,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=1 ); } .button.silver:hover {background: rgba(255,255,255,1);} /* Forms */ /* Specified in foundation.css */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { border:1px solid #8794a8; color:#3e4753; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus{ background:#fff; box-shadow:inset 0 2px 12px rgba(10, 14, 20, 0.1); } select {background-color:#f5f5fc; border:1px solid #8794a8;} select:hover{background-color:#f5f5fc; border:1px solid #485365;} .g-recaptcha div {margin:0 auto;} /* Tables */ table { width:100%; } caption, th, td {font-weight: normal;} @media only screen and (max-width: 100%) and (min-width: 768px) { table tbody tr td {padding:2% 0;} table tr td input {padding:2% 0;} /* remember to define focus styles! */ /* Print styles - Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } } /* ----------------------------------------- Define Main Structure ----------------------------------------- */ .row.full {max-width:none;} #mainnav {transition: background .5s ease; -webkit-transition: background .5s ease;} #mainnav.fixed {position: fixed; top:0; left:0; width:100%; z-index:1001; background:#009CA7; transition: background .5s ease; -webkit-transition: background .5s ease;} .navy-bg {background:#383A35;} .navy-bg p, .navy-bg h1, .navy-bg h2, .navy-bg h3, .navy-bg h4, .navy-bg h5, .navy-bg h6, .navy-bg a {color:#fff;} .navy-bg ol, .navy-bg ul, .navy-bg p {color:#a7b9d3;} .dark-navy-bg {background:#15152e;} .search input[type=text] {width:77%; float:left; margin-right:5px;} .search input[type=submit] { background: #2b2b3a; color: #fff; border: none; font-size: 20px; box-shadow: none; padding: 5px 15px; height: 37px; line-height: 1; } .date {font-size:14px; margin-bottom:6px;} /* Header */ #topbar {background:rgba(56,58,53,1); text-align:right; width:100%;} #mainnav .logo {text-align:left;} #mainnav .logo img {display:block; padding:10px; width:170px; margin-bottom:-50px; transition:all .5s ease; -webkit-transition:all .5s ease;} #mainnav.fixed .logo img {width:150px;} #header {position:relative; z-index:100;} #header .gradient {position:absolute; top:0; left:0; height:140px; width:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#007db9e8',GradientType=0 );} #header .gradient-bar { opacity:1; margin:0; background: #F47421; /* Old browsers */ } /* Navigation */ #header nav ul {display: block; list-style: none; margin: 0; padding: 0;} #header nav ul.main_nav {margin-top:20px;} #header nav.fixed ul.main_nav {margin-top:10px;} #header nav ul li {display: inline-block; *display: inline; padding: 0; margin: 0; position: relative; zoom: 1;} #header nav a {color:#fff; font-family: 'Yanone Kaffeesatz', sans-serif; text-decoration:none; text-transform:uppercase;} #header nav.fixed a {height:64px; line-height:44px;} #header nav.fixed ul ul a {height:auto; line-height:22px;} #topbar a {padding:3px 8px 0; font-size:20px;} #topbar a:hover {color:#a7b9d3;} #topbar img {margin-top:-3px;} #mainnav {text-align: right; position:relative; width:100%; left:0; background:#009CA7;} .main_nav a {display: block; font-size: 32px; line-height:32px; padding: 10px 15px 10px;} .main_nav a:hover, .main_nav li.item1.sfHover a.sf-with-ul {text-decoration: none; background:rgba(0,0,0,.75);} .main_nav li ul { background:rgba(0,0,0,.75); text-align: center; line-height: 28px; padding: 0 0; position: absolute; top: 52px; left: 0px; visibility:hidden; width: 100%; z-index: 1000; } .fixed .main_nav li ul {top:64px;} .main_nav li li {margin: 0; width: 100%;} .main_nav li ul a {color:#a1ced1 !important; font-size:22px; line-height:22px; display: block; margin: 0 !important; padding: 2% 5% !important;} .main_nav li ul a:hover {color: #f48a35;} .main_nav li:hover ul, .mainnav li.sfHover ul {visibility: visible;} /*! * SlickNav Responsive Mobile Menu v1.0.3 * (c) 2015 Josh Cope * licensed under MIT */ .mobile-menu {display:none;} .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0.188em; } .slicknav_menu {*zoom: 1; box-sizing: border-box; padding: 20px 15px;} .slicknav_menu .slicknav_menutxt {display: block; line-height: 1.188em; float: left; padding-top:1px;} .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .slicknav_menu:before {content: " "; display: table; } .slicknav_menu:after {content: " "; display: table; clear: both; } #header nav ul.slicknav_nav {clear: both; margin: 0; padding: 20px 0 0; text-align:center; list-style: none; overflow: hidden;} #header nav ul.slicknav_nav ul { display: block; list-style: none; overflow: hidden; padding: 0; margin: 0; font-size:25px;} #header nav ul.slicknav_nav ul a {font-size:25px; color:#b4d4ff;} #header nav ul.slicknav_nav li { display: block; } #header nav ul.slicknav_nav .slicknav_arrow { font-size: 0.6em; margin: 0 0 0 0.4em; position:absolute; top:14px; } #header nav ul.slicknav_nav .slicknav_item { cursor: pointer; } #header nav ul.slicknav_nav .slicknav_item a { display: inline; } #header nav ul.slicknav_nav .slicknav_row {display: block; padding: 5px 10px; margin: 2px 5px;} #header nav ul.slicknav_nav a {display: block; font-size:30px; padding: 5px 10px; margin: 2px 5px; text-decoration: none;} #header nav ul.slicknav_nav .slicknav_parent-link a {display: inline; } #header nav ul.slicknav_nav .slicknav_txtnode {margin-left: 15px;} #header nav ul.slicknav_nav .slicknav_item a { padding: 0; margin: 0; } #header nav ul.slicknav_nav .slicknav_parent-link a {padding: 0; margin: 0; } .slicknav_brand {float: left; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px;} /* Slicknav styles */ .slicknav_menu {font-size: 16px; background: #272746; } .slicknav_menu * {box-sizing: border-box; } .slicknav_menu .slicknav_menutxt {color: #0e0e18; font-family: 'Cabin', sans-serif;} .slicknav_menu .slicknav_icon-bar { background-color: #0e0e18; } #header nav a.slicknav_btn {margin: 0; color:#0e0e18; text-decoration: none; font-size:20px; padding: 10px 15px 8px;} .slicknav_nav {color: #fff; font-size: 0.875em;} .slicknav_nav .slicknav_row:hover { background: #15152e; color: #fff; } .slicknav_nav a {color: #fff;} .slicknav_nav a:hover { background: #15152e; color: #222; } .slicknav_brand {color: #fff;} .slicknav_menu, .mbnav {display:none;} /* Content */ /* Homepage */ .intro {background:#f6f6f6;} .intro .button {margin-right:10px;} .photo-bg {height:345px; background:url(graphics/images/photo-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .map-bg {background:url(graphics/images/map-twda.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} /*.pillar-bg {background:url(graphics/images/pillar.jpg) no-repeat right center; background-size:auto 100%;}*/ .callout {background:#f6f6f6;} .home.page .intro .wrap {padding:30px 0;} .home.page .intro .image-wrap {position:absolute; margin:40px 20px 30px; background:#fff; padding:10px; width:90%;} .home.page .navy-bg .wrap {max-width:475px; padding:45px 15px 45px 40px;} .home.page .navy-bg .tri {position:absolute; top:45px; left:-34px; display:none;} .home.page .pillar-bg .wrap {padding:50px 0; margin-right:50px; float:right; max-width:390px;} .home.page .callout .wrap {padding:50px 0 50px 40px; max-width:470px;} .home.page .directory-buttons ul {padding:20px 0;} .home.page .directory-buttons li {padding:0;} .home.page .directory-buttons a {font-family:'Yanone Kaffeesatz', sans-serif; border:2px solid #8ca1be; display:block; font-size:22px; text-transform:uppercase; text-decoration:none; background:#f6f6f6; text-align:center; color:#272746; margin:2px; line-height:2.1; padding:20px 10px 5px;} .home.page .directory-buttons a:hover {background:#fff;} .home.page .directory-buttons i {color:#f37d6b;} /* Interior */ .hero {height:500px; background:url(graphics/images/hero-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .sub.page {padding-bottom:30px;} .residential .hero {background:url(graphics/images/res-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .gray-bg-page .hero {height:300px;} .sub.page .content {padding:50px 0 20px;} .sub.page.gray-bg-page .content {background:#fff; padding: 15px 50px 25px; margin: 0 20px 20px;} .gray-box {height:40px; background:#f5f5fc; width:100%; display:none;} .event-callout {position:relative; padding:30px 0 40px; background:url(graphics/images/gradient-new-twda.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .event-callout img {position:absolute; top:0; bottom:0; height:100%; left:40%;} .event-callout h1 {margin:0; color:#fff;} .event-callout h4 {margin:0; color:#fff;} .event-callout p{margin:0; text-align:right;} .event-callout a{margin:0; margin-top:13px;} .member-callout {margin-bottom:60px; padding-top:100px; padding-bottom:40px; position:relative; background:url(graphics/images/callout-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .member-callout img {position:absolute; top:0; left:0; width:100%;} .member-callout .banner {background:rgba(255,255,255,.9); padding:20px 0 25px; margin-top:200px;} .member-callout .banner h1, .member-callout .banner h4, .member-callout .banner p {margin:0;} .member-callout .banner h4 {color:#90909a;} .member-callout .banner a {margin:0; margin-top:8px;} /*Business Directory */ .directory .columns {padding:0 5px 25px; float:left !important;} .card {background:#f6f6f6; padding-bottom:10px;min-height:440px;} .housing .card {min-height:395px;} .landscape-photo {height:180px; border-bottom:6px solid #383A35;} .sale .landscape-photo {border-bottom:6px solid #1573f4;} .rent .landscape-photo {border-bottom:6px solid #12a635;} .rent-sale .landscape-photo {border-bottom:none; height:174px;} .rent-sale .bar { height:6px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12a635+0,1573f4+100 */ background: #12a635; /* Old browsers */ background: -moz-linear-gradient(-45deg, #12a635 0%, #1573f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #12a635 0%,#1573f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #12a635 0%,#1573f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a635', endColorstr='#1573f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .business-info {padding:10px;} .business-info .logo {float:left;} .business-info .logo img {max-width:113px; margin-right:7px; margin-bottom:7px;} .business-info .addr p {line-height:1.2; margin-bottom:0; font-size:15px;} .business-info .addr .name {font-size:20px;} .business-info .addr .tag {color:#73839a; font-style:italic;} .housing .business-info .addr .tag {margin-top:8px;} .business-info .addr .tag span {color:#000; font-style:normal;} .business-info .addr .site a {color:#73839a; font-size:13px; text-decoration:none;} .business-info .addr .site a:hover {text-decoration:underline;} .desc {padding:0 10px;} .desc p {font-size:13px; margin:0;} .footer {background:#383A35; text-align:right; padding:5px 10px; position:relative;} .sale .footer {background:#1573f4;} .rent .footer {background:#12a635;} .rent-sale .footer{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12a635+0,1573f4+100 */ background: #12a635; /* Old browsers */ background: -moz-linear-gradient(-45deg, #12a635 0%, #1573f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #12a635 0%,#1573f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #12a635 0%,#1573f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a635', endColorstr='#1573f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .footer p {color:#fff; font-size:22px; margin:0; line-height:1;} .footer p.category {text-align:left; text-transform:uppercase; float:left; font-size:16px; margin-top:4px;} .footer img {position:absolute; left:10px; top:-7px;} .filter-container {background:#f0f0f5; padding:15px; margin:80px 0 50px;} .filter-container input[type=submit] { background:#2b2b3a; color:#fff; border:none; font-size:20px; box-shadow: none; padding: 5px 15px; height: 37px; line-height: 1; } .filter-container input[type=text] { float:left; width:77%; margin-right:5px; margin-bottom:5px; } .filter-container .filter { color:#fff; min-height:118px; line-height:87px; text-decoration:none; display:inline-block; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:32px; padding:15px; text-transform:uppercase; margin:10px 0; text-align:center; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#313151+0,161637+100 */ background: #313151; /* Old browsers */ background: -moz-linear-gradient(-45deg, #313151 0%, #161637 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #313151 0%,#161637 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #313151 0%,#161637 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313151', endColorstr='#161637',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .filter-container .filter:hover { background: rgba(243,125,107,1); background: -moz-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,125,107,1)), color-stop(100%, rgba(217,87,67,1))); background: -webkit-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: -o-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: -ms-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: linear-gradient(to right, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37d6b', endColorstr='#d95743', GradientType=1 ); } .filter-container .filter.active { background: rgba(243,125,107,1); background: -moz-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,125,107,1)), color-stop(100%, rgba(217,87,67,1))); background: -webkit-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: -o-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: -ms-linear-gradient(left, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); background: linear-gradient(to right, rgba(243,125,107,1) 0%, rgba(217,87,67,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37d6b', endColorstr='#d95743', GradientType=1 ); } .filter-container .filter.rent.active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12a635+0,068424+100 */ background: #12a635; /* Old browsers */ background: -moz-linear-gradient(-45deg, #12a635 0%, #068424 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #12a635 0%,#068424 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #12a635 0%,#068424 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a635', endColorstr='#068424',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .filter-container .filter.sale.active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1573f4+0,0150bc+100 */ background: #1573f4; /* Old browsers */ background: -moz-linear-gradient(-45deg, #1573f4 0%, #0150bc 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #1573f4 0%,#0150bc 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #1573f4 0%,#0150bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1573f4', endColorstr='#0150bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .filter-container .filter.rent:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12a635+0,068424+100 */ background: #12a635; /* Old browsers */ background: -moz-linear-gradient(-45deg, #12a635 0%, #068424 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #12a635 0%,#068424 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #12a635 0%,#068424 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a635', endColorstr='#068424',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .filter-container .filter.sale:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1573f4+0,0150bc+100 */ background: #1573f4; /* Old browsers */ background: -moz-linear-gradient(-45deg, #1573f4 0%, #0150bc 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #1573f4 0%,#0150bc 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #1573f4 0%,#0150bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1573f4', endColorstr='#0150bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .filter-container.v2 {margin:15px 0; padding:20px; background:#f6f6f6;} .filter-container.v2 h4 {margin:0 5px;} .filter-container.v2 ul {margin:0; padding:0; list-style-type:none;} .filter-container.v2 ul li {display:inline-block; width:33%; padding:5px;} .filter-container.v2 ul li a {border-radius:3px; min-height:48px; line-height:57px;} .filter-container.v2 ul li a.filterLive {border:2px solid #0099a8; background:#0099a82e; color:#0099a8;} .filter-container.v2 ul li a.filterWork {border:2px solid #f37321; background:#f3732147; color:#f37321;} .filter-container.v2 ul li a.filterPlay {border:2px solid #80bc00; background:#80bc003b; color:#80bc00;} .filter-container.v2 ul li a.filterLive:hover, .filter-container.v2 ul li a.filterLive.active {background:#0099a8; color:#fff;} .filter-container.v2 ul li a.filterWork:hover, .filter-container.v2 ul li a.filterWork.active {background:#f37321; color:#fff;} .filter-container.v2 ul li a.filterPlay:hover, .filter-container.v2 ul li a.filterPlay.active {background:#80bc00; color:#fff;} /* History Archives */ .links li {padding-bottom:5px;} .story-item {margin:20px 0;} .story-item .heading{font-weight:700; font-size:20px; margin:0; line-height:1.1; color:#2b2b3a;} .story-item .read-more {font-weight:700; font-size:16px;} .story-item p {margin:0; color:#73839a; font-size:14px;} .photo-archive .button {margin-top:15px;} .photo-archive .photo1 {height:200px; margin-right:1%; display:inline-block; width:74.5%; float:left;} .photo-archive .photo2 {height:94px; margin-left:1%; margin-bottom:5px; display:inline-block; width:23.5%;} .photo-archive .photo3 {height:94px; margin-left:1%; margin-bottom:5px; display:inline-block; width:23.5%;} .photo-archive .photo4 {height:94px; margin-right:1%; margin-bottom:5px; display:inline-block; width:23.5%; float:left;} .photo-archive .photo5 {height:94px; margin-right:1%; margin-left:1%; margin-bottom:5px; display:inline-block; width:23.5%; float:left;} .photo-archive .photo6 {height:94px; margin-right:1%; margin-left:1%; margin-bottom:5px; display:inline-block; width:23.5%; float:left;} .photo-archive .photo7 {height:94px; margin-left:1%; margin-bottom:5px; display:inline-block; width:23.5%; float:left;} .storiesModule.moduleLister .listerItem .heading {font-size:20px; font-weight:700; margin-bottom:2px;} .storiesModule.moduleLister .listerItem .read-more {font-weight:700;} .storiesModule.moduleDetail .source {font-size:14px;} .storiesModule.moduleDetail img {float:right; margin:0 0 10px 10px; max-width:40%;} /* Responsive Calendar Styles */ #calendarDetail .calendarNav {margin-bottom:0; min-height:0;} #calendarDetail .calendarNav div {border:none; background:none; height:auto; min-height:0; vertical-align:baseline;} #calendarDetail div { background:#fff; font-size:16px; min-height:125px; } .calendarDays { } .calendarDays div {} #calendarDetail a { font-size:12px; line-height:1.1; margin-bottom:10px; } #calendarDetail a:hover { text-decoration:underline; } #calendarDetail .title { color:#f48a35; font-size:28px; padding:30px 0; text-align:center; text-transform:uppercase; } #calendarDetail .weekdays { color:#fff; font-weight:700; padding-top:10px; padding-bottom:10px; text-align:center; } .cal { background:#a8c837; border:1px solid #e5e5e5; margin-bottom:25px; text-align:center; width:100%; } .cal table { border:0; margin-bottom:0; } .cal .calGrid th { background:#edeae1; font-weight:700; } .cal .calGrid td { background:#fff; padding:10px 0; } .cal .calPrev { float:left; font-weight:700; margin-left:3%; padding: 10px 0; } .cal .calNext { float:right; font-weight:700; margin-right:3%; padding: 10px 0; } .cal .calMonth { color:#fff; display:inline-block; font-size:20px; font-weight:700; padding: 10px 0; text-align:center; text-shadow: 0px 1px 0px #779115; } .cal .calMonth a:hover { color:#779115; } .cal .calNext a, .cal .calPrev a, .cal .calMonth a { color:#fff; text-decoration:none; } .cal .calNext a:hover, .cal .calPrev a:hover, .cal .calMonth a:hover { color:#779115; } .cal .calDayOn a { text-decoration:underline; } .cal .calTodayOn a { background:#a8c837; color:#fff; font-weight:bold; text-decoration:underline; text-shadow: 0px 1px 0px #779115; } .cal .calDayOn { color:#a8c837; } .cal a, .cal a:hover { color:#779115; } .emptyDay { background:#fff!important; } .prevLink, .nextLink { text-align:center; padding-top:25px; } .prevLink a, .nextLink a {font-weight: 700; text-decoration:none;} .calMonthLink { color:#fff!important; display:block; padding:10px 0; text-shadow: 0px 1px 0px #779115; } .calMonthLink:hover { color:#779115!important; } /* Event Detail */ /* Events Lister */ #eventForm table, #eventForm table tr, #eventForm table tr td {border:0; margin:0; padding:0;} #category {margin: 10px 0;} #search_box_form {line-height:14px;} .searchBoxInput {display:block; float:left;} .eventsModule.moduleLister h3 a {text-decoration:none;} .eventsModule.moduleLister h3 a:hover {text-decoration:underline;} .eventsModule.moduleLister h5 {text-transform:inherit;} .eventsModule.moduleLister .listerItem {margin-bottom:30px;} .eventsModule.moduleLister h2 {margin-top:40px; border-bottom:5px solid #f0f0f0;} .ticketTypeTable tr:nth-child(odd) {background:#f0f0f0;} .ticketTypeTable thead tr:nth-child(odd) {background:#6e6ea2;} .ticketTypeTable thead td {color:#fff; font-weight:700; font-size:18px;} .ticketTypeTable td {padding:5px 10px; } .ticketTypeTable td select, .ticketTypeTable td input[type=text] {margin:0;} .ticketTypeSubmit {margin-top:15px;} /* Forms */ .simpleAntiSpam {margin: auto; width: 100% !important;; max-width: 600px !important;} .simpleAntiSpam div {margin: auto; max-width: 100% !important; width: 100% !important; text-align:center;} .simpleAntiSpam br, .simpleAntiSpam #nospamResponse {display:none; overflow: hidden; visibility: hidden;} #nospamA, #nospamB {background: #fff; font-size: 12px; height: auto; padding: 3px 10px; width: auto;} #nospamLink {display: block; margin: auto; width: 100px;} #FreedomReCaptchaV2_0 div {margin: auto;} /* Freedom 9.6.001 Date Picker Calendar Style Updates: */ #ui-datepicker-div { background: rgba(255, 255, 255, 0.95); /* this will give slightly opaque white bg */ border: 1px solid #ccc; box-shadow: 0 0 45px #ccc; -webkit-box-shadow: 0 0 45px #ccc; margin-left: -20px; padding: 20px; } .ui-datepicker-prev {float: left;} .ui-datepicker-next {float: right;} .ui-datepicker-prev, .ui-datepicker-next {font-size: 11px; margin-top: 4px;} .ui-datepicker-prev:hover, .ui-datepicker-next:hover {cursor: pointer;} .ui-datepicker-title {text-align: center; padding-bottom: 20px;} .ui-datepicker-calendar th {font-size: 12px; font-weight: bold;} #ui-datepicker-div table td {padding: 8px;} /* Footer */ #footer {display:block; width:100%;} #footer .banner {position:relative; width:100%; border-bottom:15px solid #fff;} #footer .banner .dark-navy-bg {position:absolute; top:0; bottom:0; width:100%; background:#009CA7;} #footer .navy-bg{background:#383A35;} #footer .banner .navy-bg {padding:25px 15px; margin-top:-15px; text-align:center; background:#fff;} #footer .banner .navy-bg a {display:block;} #footer .logo {margin:0 auto; display:block;} #footer .quicklinks {text-align:center;} #footer .quicklinks ul {list-style-type:none; margin:20px 0 4px; padding:0;} #footer .quicklinks ul li {display:inline-block; padding:0px 15px;} #footer .quicklinks ul li a {font-family: 'Yanone Kaffeesatz', sans-serif; font-size:32px; text-transform:uppercase; text-decoration:none;} #footer .quicklinks ul li a:hover {color:#f37d6b;} #footer .social {text-align:center;} #footer .social a {padding:2px; font-size:25px; margin:0 3px 8px; color:#a7b9d3; display:inline-block; font-family: 'Yanone Kaffeesatz', sans-serif; text-decoration:none;} #footer .social a:hover {color:#fff;} #footer .copyright {text-align:center;} #footer .copyright a {color:#a7b9d3; text-decoration:none;} #footer .copyright a:hover {text-decoration:underline;} .gradient-bar { margin-bottom:15px; height:6px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fa3d4+0,f37d6b+100 */ background: #F47421; /* Old browsers */ } #footer .spotlight {padding:10px 0;} #footer .spotlight img {max-width:95px; float:left; margin-right:10px;} #footer .spotlight h4 {margin:5px 0 0; color:#f37d6b; font-size:24px;} #footer .spotlight p {color:#fff; margin:0; line-height:1.2;} #footer .spotlight p strong {font-size:20px;} /* -------------------------------------------------- :: Universal Classes ---------------------------------------------------*/ /* Alignment Classes */ .center {text-align: center;} .left {text-align: left;} .right {text-align: right;} .clear {clear: both;} .imgleft {float: left; padding: 0 20px 20px 0;} .imgright {float: right; padding: 0 0 20px 20px;} .imgcenter {display: inline-block; margin: auto;} /* Miscellaneous Classes */ .formtextRequired {font-weight:bold;} .formtextRequired:before {content:"*";} .row.full-width, .columns.full-width {margin: 0!important; max-width: none!important; padding: 0!important; width: 100%!important;} .hide { display: none; } .hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; } /* Pagination Classes */ .prevnextCurrent, .prevnextLink, .prevnextWindow { font-size:14px; display:inline-block; line-height:1; padding:4px 8px; margin:0 2px; text-align:center;} .pageLinks a {border:1px solid #f37d6b; text-decoration:none;} .pageLinks span {background:#e9e9ed; border:1px solid #272746;} .pageLinks a:hover {background:#f37d6b; color:#fff;} .prevnextCurrent:hover, .prevnextLink:hover, .prevnextWindow:hover {} .paginationText {font-size:14px;} /* Google Maps & Locations Directory Classes */ #googlemap img, object, embed, .GMapEZ img, #map_canvas embed, #map_canvas img, #map_canvas object { max-width: none; } /* ---------------------- Facebook Universal Static iFrame Styles ------------------------ */ body.facebook { font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #7a7974; font-size:14px; line-height:26px; margin:0; padding:0; text-align:center; } body.facebook a { color: #7a7974; text-decoration:none; } body.facebook a:hover { text-decoration:underline; } #fb-container { margin:0 auto; width:810px; text-align:left; } /* ---------------------- FLEXSLIDER CSS - Delete if not using. ------------------------ */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav { list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot'); src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('graphics/extras/flexslider/fonts/flexslider-icon.woff') format('woff'), url('graphics/extras/flexslider/fonts/flexslider-icon.ttf') format('truetype'), url('graphics/extras/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {background: #fff; position:relative; left:0; width:100%; zoom: 1; overflow: hidden;} .flexslider .slides {zoom: 1; margin: 0; padding: 0; list-style: none;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {left:0; display: block; max-width: 100%;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* added styles */ .slide-container {height:700px;} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {display: block; width: 32px; height: 32px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .flex-direction-nav .flex-prev {left: -50px; opacity: 0.7;} .flex-direction-nav .flex-next {opacity: 0.7; right: -50px; text-align: right;} .flexslider:hover .flex-prev {left: 20px;} .flexslider:hover .flex-next {right: 20px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;} .flex-direction-nav a:before {font-family: "flexslider-icon"; font-size: 26px; display: inline-block; content: '\f001';} .flex-direction-nav a.flex-next:before {content: '\f002';} /* Control Nav */ .flex-control-nav {position: absolute; bottom: 20px; text-align: center; width: 80%; z-index:2; margin:0; padding:0;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging {width:100%;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); box-shadow: inset 0 0 1px rgba(0,0,0,0.3);} .flex-control-paging li a:hover {background: #53524e; background: rgba(83,82,78,.5);} .flex-control-paging li a.flex-active {background: #53524e; background: rgba(83,82,78,.5); cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 20px;} .flex-direction-nav .flex-next { opacity: 1; right: 20px;} } /* ----------------------END FLEXSLIDER CSS------------------------ */ /* -------------------------------------------------- :: Media Query Fixes Foundation classes & their media query sizes: .small- max-width 640px .medium- min-width 641px .large- min-width 1025px .xlarge- min-width 1441px .xxlarge- min-width 1921px ---------------------------------------------------*/ /* Media Queries Large / Desktop & up */ @media only screen and (min-width: 1025px) { } /* Media Queries Medium-Large / Between Tablet & Desktop */ @media only screen and (min-width: 641px) and (max-width: 1024px) { } /* Media Queries Medium / Tablet & up */ @media only screen and (min-width: 641px) { } /* Media Queries Large / Desktop & down */ @media only screen and (max-width: 1024px) { .intro .columns {text-align:center;} .intro .button {margin-right:0;} .home.page .intro .image-wrap {position:static; display:inline-block; margin-top:0;} .photo-bg {height:400px; margin-top:-400px;} .home.page .pillar-bg .wrap {padding-top:40px; margin-right:150px;} .home.page .callout .wrap {padding-top:40px;} #footer .banner .navy-bg {margin-top:0;} #footer .spotlight {max-width:380px; margin:0 auto; padding:20px 0;} .main_nav a {padding:10px;} #footer .quicklinks ul li a {font-size:25px;} #footer .quicklinks ul {margin-bottom:30px;} #footer .social {margin-bottom:30px;} .event-callout p {text-align:left;} .event-callout img {left:auto; right:26%;} .directory .columns {padding-bottom:35px;} } /* Media Queries Medium & Lower / Mid-table, phones & below */ @media only screen and (max-width: 767px) { .sticky.fixed {position: relative;} /* Removes Sticky Nav from Mobile (takes up too much screen space for small screens) */ body.f-topbar-fixed {padding-top: 0;} /* Removes Sticky Nav from Mobile */ .js .main_nav {display:none;} /* Slicknav style to hide the main menu */ .js .slicknav_menu {display:block;} /* Slicknav style to show the mobile menu */ .mobile-menu {display:block;} .desktop-menu {display:none;} #header .gradient, #header #topbar {display:none;} #mainnav {top:0; position: static !important; background:#272746;} .mobile-menu {position:absolute; top:10px; left:15px;} .mobile-menu img {width:155px;} #header nav.fixed a {height:auto; line-height:1.5;} #header .gradient-bar { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fa3d4+0,f37d6b+100 */ background: #7fa3d4; /* Old browsers */ background: -moz-linear-gradient(-45deg, #7fa3d4 0%, #f37d6b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #7fa3d4 0%,#f37d6b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #7fa3d4 0%,#f37d6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fa3d4', endColorstr='#f37d6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .slide-container {height:500px;} .hero {height:200px;} .home.page .pillar-bg .wrap {margin-right:40px;} .sub.page.gray-bg-page .content {margin:0; padding: 15px 25px 25px;} } /* Media Queries Small / Mobile */ @media only screen and (max-width: 640px) { form td {display: block;} form input, form textarea, form select {width: 100%;} .filter-container input[type="text"] {width:100%;} .filter-container input[type="submit"] {margin-bottom:20px;} .search input[type="text"] {float:none; width:100%; margin-right:0;} .full-directory {display:block; width:100%; margin-top:20px;} .map-bg {height:300px !important;} .home.page .navy-bg .wrap {margin:0 auto; padding: 20px 15px 30px;} .home.page .pillar-bg .wrap {max-width:475px; float:none; margin:0 auto; padding: 20px 15px 30px;} .home.page .callout .wrap {max-width:475px; margin:0 auto; padding: 20px 15px 30px;} .directory {padding:0 20px;} .filter-container .filter {line-height:1.3; min-height:0;} .event-callout img {right:2%;} } /* Media Queries Extra Small / Phone */ @media only screen and (max-width: 479px) { .home.page .intro .wrap .button {display:block; width:100%;} .event-callout img {opacity:.5;} } @media only screen and (max-width: 319px) { } /* ModuleBegin::photo */ /******************************* ****************************************** ******************************** PHOTO ****************************************** ******************************** *****************************************/ /* Photo Lister */ /* Photo Lister */ .photoModule.moduleLister {} .photoModule.moduleLister ul li {text-align:center;} .photoModule.moduleLister .gridItem {border:1px solid #ccc; text-align:center; display:inline-block;} .photoModule.moduleLister .gridItem:hover {border:1px solid #5E5E5E;} .photoModule.moduleLister li span {display:block;} .photoModule.moduleLister .gridItem .image {margin: 5px 5px 7px; height:150px; width:160px; overflow:hidden;} .photoModule.moduleLister .gridItem .name {} .photoModule.moduleLister .gridItem .description {height:55px;overflow:hidden;} ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.grid li.gridItem { width: 200px; display: inline-block; vertical-align: top; } /* Photo Thumbnails */ .photoModule .description {} .photoModule .thumbnailItem {float:left; margin:0 10px 10px 0; position:relative; height: 130px; width:160px; overflow: hidden;border:1px solid #ccc;} .photoModule .thumbnailItem img.activeImage {} .photoModule .thumbnailItem img {border:1px solid #ccc; min-height: 100%; min-width: 100%;} .photoModule .thumbnailItem a:hover img {border:1px solid #5E5E5E;} /* Photo Detail */ .photoModule.moduleDetail{margin:10px 0;} .photoModule .photoRemote {width:400px;height:20px;margin:0 auto;} .photoModule .photoRemote span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;} .photoModule .photoRemote span a{display:block;margin:0 1px;background-color:#fff;color:#888;text-decoration:none;} .photoModule .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #e5e5e5;color:#000;} .photoModule .imageDetail {margin:10px; } .photoModule .imageDetail div {margin:0 auto;} .photoModule .imageDetail img {border:1px solid #ccc;} .photoModule.moduleDetail .imageDetail, .photoModule.moduleDetail .info{text-align:center;color:#888;} /* Flightbox */ .flightbox-close { position: absolute; top: 20px; right: 20px; z-index: 3000; } .flightbox-pager { height: 100%; width: 75px; position: absolute; } .flightbox-pager:hover, .flightbox-close:hover { cursor: pointer; cursor: hand; } .flightbox-pager p { font-size: 30px; font-weight: bold; color: #bbb; position: absolute; top: 50%; width: 75px; padding; 25px; text-align:center; } .flightbox-container { color: #bbb; position: absolute; z-index: 1000; text-align: center; } .flightbox-container img {max-width: 100%; max-height: 100%;} .hover { width: 100%; text-align: center; background: rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0px; font-size: 12px; display:none; } /* ModuleEnd::photo */ /* ModuleBegin::events */ /* ---- Events Lister ---- */ .eventsModule.moduleLister {} /* ---- Events Detail ---- */ .eventsModule.moduleDetail {} .eventsModule .date {} .eventsModule .label {} .eventsModule .time {} .eventsModule .location { margin: 1em 0; } .eventsModule .map {} .eventsModule .address {} .eventsModule .directions {} .eventsModule .contactInfo {} .eventsModule .name {} .eventsModule .phone {} .eventsModule .email {} .eventsModule .rsvp {} .eventsModule .ticketsWrapper {} .eventsModule .ticket {} .eventsModule .description {} .eventsModule .utilityLinks {} /* ---- Events Small Calendar ---- */ body#calendarIframe { font-size: 12px; background: transparent; } .cal { padding: 5px; text-align: center; position:relative; background: transparent;} #calendarIframe .cal { width: 275px; } .calPrev { position: absolute; top: 4px; left: 15px; } .calNext { position: absolute; top: 4px; right: 15px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calPrev a, .calNext a, .calMonth a { text-decoration: none; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding: 6px 0; text-align: center; border-bottom:1px solid #ddd; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } .calBottom { text-align: left; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; } #calendarDetail table { width: 100%; table-layout: fixed; text-align: center; } #calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { color: #000; } #calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; } #calendarDetail .title a { font-size: small; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; } #calendarDetail .calendarDays td { font-size:small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; } #calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); } #calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; } /* ---- Events Box ---- */ .eventsModule.moduleLister.box { } .eventsModule.moduleLister.box .listItem { padding-bottom: 10px; } .eventsModule.moduleLister.box .date { color: #777; } /* ---- Events Registration ----- */ #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::commerce */ .shoppingAlert { color: red; font-size: 8pt; } .shoppingBody { font-size: 8pt; } .shoppingCartEvenRow { background-color: #ffffff; color:#002d62; } .shoppingCartOddRow { background-color: #ebebeb; color:#002d62; } .shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; } .shoppingForm { font-size: 8pt; color:#002d62; } .shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; } .shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; } .shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; } .shoppingHeading { color:#002d62; } .shoppingInStock { } .shoppingItemHeading { } .shoppingOutOfStock { color: #dd0000; } .shoppingLowStock { } .shoppingTable { background-color: #e8e8e8; color:#002d62; } .shoppingTableBorder { background-color: #ffffff; } .shoppingFormRequired { width: 1%; } /* ModuleEnd::commerce */