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: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q, blockquote {
quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none
}
a img {
border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block
}
body {
background: #fff;
font-family: "Asap", sans-serif;
font-size: 16px
}
strong, b {
font-weight: bold
}
i, em {
font-style: italic
}
*:focus {
outline: none
}
a {
color: #c00000
}
a:hover {
color: #d34c4c;
text-decoration: none
}
.gradient-overlay, .node-module .background-overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(../img/gradient-overlay.png) 0 70% repeat-x;
z-index: 997
}
@media (min-width: 768px) {
.gradient-overlay, .node-module .background-overlay {
background: url(../img/gradient-overlay.png) 0 100% repeat-x
}
}
.icon-video {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(../img/icon-video.png) 50% 50% no-repeat;
z-index: 997
}
@media (max-width: 768px) {
.node-gallery .gradient-overlay, .node-gallery .node-module .background-overlay, .node-module .node-gallery .background-overlay {
background: url(../img/gradient-overlay.png) 0 50% repeat-x
}
}
.centered {
position: relative;
top: 50%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%)
}
.with-border {
margin: 1.5em 0;
padding: 1.5em 0;
border-top: 4px solid #eeece1
}
.tpl-region h1 {
font-size: 2.5em
}
span.node-type {
display: inline-block;
text-transform: uppercase;
background-image: url(../img/icons-small.gif);
background-repeat: no-repeat;
font-size: 1.07813em;
color: #fff;
padding: 8px 30px 8px 34px;
margin-bottom: 1em;
text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px
}
span.node-type.offer {
background-color: #ff5c30;
background-position: 5px 8px
}
span.node-type.story {
background-color: #eec11d;
background-position: 8px -172px
}
span.node-type.event {
background-color: #a577bc;
background-position: 5px -52px
}
span.node-type.character {
background-color: #56c580;
background-position: 5px -221px
}
span.node-type.poi {
background-color: #56c580;
background-position: 5px -113px
}
ul.tags li {
display: inline-block
}
ul.tags li a {
display: block;
padding: 4px 10px;
background: #eeece1;
color: #000;
font-size: 0.84375em;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px
}
.text {
padding: 0 1em
}
.vertical {
padding-right: 10% !important
}
@media (min-width: 768px) {
.text {
padding: 0
}
}
.price {
font-size: 1.25em
}
.items {
margin-top: 2em
}
.pill {
position: relative;
padding: 2em 1.5em 1em 1.5em;
background: #fcfacd url(../img/pill-whitebg.gif) 100% 0 no-repeat;
margin-bottom: 1em;
height: auto !important;
font-size: 0.8125em
}
.pill.pill-alt {
background: #fcfacd url(../img/pill-greybg.gif) 100% 0 no-repeat
}
.pill h1 {
font-style: italic
}
@media (min-width: 1200px) {
.pill {
min-height: 279px
}
}
.load-more {
display: table;
margin: 4px 0
}
.load-more > a {
border: 6px solid #eeece1;
font-size: 1em;
display: table-cell;
vertical-align: middle;
color: #d5d3c5;
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding-top: 50px;
background: url(../img/load-more.png) 50% 40% no-repeat;
cursor: pointer
}
.twitter-btn-container {
text-align: center
}
.twitter-btn {
margin-top: 2em;
background: #2dc9f9 url(../img/twitter-btn.gif) 10% 50% no-repeat;
color: #fff !important;
display: inline-block;
width: 124px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
text-align: center;
padding: 5px;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
-webkit-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2);
box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2)
}
.share, .follow-us {
overflow: hidden;
padding-left: 1em;
padding-right: 1em
}
.share span, .follow-us span {
float: left;
font-size: 0.875em;
font-style: italic;
margin: 8px 20px 0 0
}
.share ul, .follow-us ul {
list-style: none
}
.share ul li, .follow-us ul li {
display: inline
}
.share ul a, .follow-us ul a {
display: block;
float: left;
width: 36px;
height: 39px;
margin: 0 10px 0 0;
background-image: url(../img/share-buttons.png);
background-repeat: no-repeat
}
.share ul a span, .follow-us ul a span {
display: none
}
.share ul a.tw, .follow-us ul a.tw {
background-position: -44px 0
}
.share ul a.gplus, .follow-us ul a.gplus {
background-position: -222px 0
}
.share ul a.instagram, .follow-us ul a.instagram, .share ul .best-of-social a.pinterest, .best-of-social .share ul a.pinterest, .follow-us ul .best-of-social a.pinterest, .best-of-social .follow-us ul a.pinterest {
background-position: -88px 0
}
.share ul a.pi, .follow-us ul a.pi {
background-position: -132px 0
}
.share ul a.yt, .follow-us ul a.yt {
background-position: -176px 0
}
@media (min-width: 768px) {
.share, .follow-us {
padding-left: 0;
padding-right: 0
}
}
.primary-header {
position: relative;
height: 60px;
background: url(../img/header-sp-bg.png) 0 100% repeat-x;
border: none;
z-index: 999
}
.primary-header .container {
padding-left: 0;
padding-right: 0
}
.primary-header .tools {
position: absolute;
top: 1em
}
.primary-header .tools a.help {
float: right;
margin: 5px 20px 0 0;
color: #000;
font-size: 0.875em
}
.primary-header .logo-container {
position: relative;
float: left;
width: 135px;
background: none;
padding: 0;
z-index: 999
}
.primary-header a.logo {
display: block;
background: url(../img/logo-cittadarte-mobile.gif) 0 0 no-repeat;
height: 55px;
width: auto;
background-size: contain
}
.primary-header a.logo span {
display: none
}
@media (min-width: 768px) {
.primary-header {
position: absolute;
width: 100%;
margin-left: 0;
margin-right: 0;
height: 106px;
background: url(../img/white-90.png) 0 0 repeat;
border-bottom: 6px solid rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.primary-header .logo-container {
width: auto;
padding: 0 8px;
background: url(../img/logo-bg.png) 0 0 no-repeat
}
.primary-header a.logo {
width: 200px;
height: 126px;
background: url(../img/logo-cittadarte.gif) 0 0 no-repeat
}
}
.main-search {
float: right;
margin-right: 153px
}
.main-search input[type="text"] {
float: left;
border: 0;
background: #fff;
width: 162px;
height: 26px;
font-size: 0.875em;
font-style: italic;
padding: 0 10px;
margin-right: 5px
}
.main-search input[type="submit"] {
float: left;
width: 26px;
height: 26px;
border: 0;
background: url(../img/search.png) 0 0 no-repeat
}
.mod-languages {
float: right;
margin: 3px 20px 0 0
}
.mod-languages a {
color: #000;
font-size: 0.875em
}
.article-header {
padding: 1em 0 0 0;
background: #eeece1;
border-bottom: 6px solid #e3e1d7
}
.article-header.character {
padding-bottom: 4em
}
@media (min-width: 768px) {
.article-header {
padding: 150px 0 0 0
}
}
footer.main-footer {
margin-top: 1em
}
footer.main-footer img.cda-logo {
float: left;
width: 120px
}
footer.main-footer img.network {
float: right;
margin: 5px 0 0 0
}
footer.main-footer p.legal {
float: right;
padding: 1em;
margin-top: 36px;
font-size: 0.6875em
}
@media (min-width: 768px) {
footer.main-footer img.cda-logo {
width: auto
}
footer.main-footer p.legal {
float: none;
clear: both;
margin-top: 0;
font-size: 0.8125em
}
}
.primary-nav {
position: relative;
left: 0;
right: 0
}
.primary-nav .navbar-toggle {
position: absolute;
right: 0;
border: 0;
width: 60px;
height: 60px;
background: transparent url(../img/nav-toggler-collapsed.png) 0 0 no-repeat;
background-size: contain
}
.primary-nav .navbar-toggle.collapsed {
background: transparent url(../img/nav-toggler-1.png) 0 0 no-repeat;
background-size: contain
}
.primary-nav .navbar-collapse {
position: absolute;
width: 100%;
padding: 0;
border-top: 0;
background: #21201c;
z-index: 999;
top: 54px
}
.primary-nav li {
border-top: 1px solid #000
}
.primary-nav li.parent > a.nav-toggler {
background: url(../img/parent-open.png) 97% 50% no-repeat
}
.primary-nav li.open > a.nav-toggler {
background: url(../img/parent-close.png) 97% 50% no-repeat
}
.primary-nav a {
display: block;
padding: 20px 25px;
color: #fff;
text-transform: uppercase;
font-size: 1.0625em
}
.primary-nav a.discover {
display: inline-block;
padding-right: 40px;
background: url(../img/discover-mobile.gif) 100% 50% no-repeat
}
.primary-nav .nav-child {
display: none;
border-top: 3px solid #000
}
.primary-nav .nav-child a {
background: #000;
border-bottom: 1px solid #21201c;
padding: 15px 20px 15px 40px;
font-weight: bold;
font-style: italic;
text-transform: none
}
.primary-nav .sp-search .sp-search-submit {
float: right;
width: 60px;
padding-top: 10px
}
.primary-nav .sp-search .sp-search-input {
margin-right: 60px;
padding: 10px 25px
}
.primary-nav .sp-search input[type="text"] {
border: 0;
width: 100%;
padding: 10px;
background: #181816;
color: #fff
}
.primary-nav .sp-search input[type="submit"] {
border: 0;
width: 60px;
height: 43px;
background: url(../img/search-submit-mobile.gif) 0 0 no-repeat
}
.primary-nav .help-sp {
float: left;
width: 50%;
border-top: 1px solid #000;
border-right: 1px solid #000
}
.primary-nav .mod-languages {
float: left;
border-top: 1px solid #000;
margin: 0;
width: 50%
}
@media (min-width: 768px) {
.primary-nav {
position: static;
float: right;
margin: 60px 0 0 0
}
.primary-nav .sp-search {
display: none
}
.primary-nav .navbar-toggle {
display: none
}
.primary-nav .navbar-collapse {
position: static;
top: auto;
background: transparent
}
.primary-nav li {
position: static;
display: block;
float: left;
border-top: none
}
.primary-nav li.parent > a.nav-toggler {
background: none;
z-index: 999
}
.primary-nav a {
color: #000;
text-transform: uppercase;
font-size: 0.875em;
padding: 10px 5px 23px 5px;
margin: 0 2px
}
.primary-nav a.discover {
display: block;
padding-right: 10px;
background: none
}
.primary-nav a span {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s
}
.primary-nav a:hover span {
opacity: 0.5
}
.primary-nav li.active > a {
color: #c00000
}
.primary-nav .item-106, .primary-nav .item-178 {
position: relative;
margin: -60px 0 0 20px;
padding: 0 6px 6px 7px;
width: 113px;
background: url(../img/logo-bg.png) 100% 0 no-repeat;
z-index: 999
}
.primary-nav .item-106 > a, .primary-nav .item-178 > a {
margin: 0;
text-align: center;
text-transform: none;
font-style: italic;
padding-top: 83px;
height: 120px;
background: #fff url(../img/discover.gif) 50% 44% no-repeat
}
.primary-nav .parent:hover > a {
background: url(../img/nav-hover.png) 50% 100% no-repeat !important
}
.primary-nav .parent:hover > a span {
opacity: 0.5
}
.primary-nav .parent:hover .subnav-wrapper {
visibility: visible;
opacity: 1
}
.primary-nav .nav-child {
display: block;
border-top: none
}
.primary-nav .nav-child a {
background: transparent;
border-bottom: none;
padding: 0;
font-weight: bold;
font-size: 0.8125em;
color: #fff;
font-style: normal;
text-transform: uppercase
}
.primary-nav .nav-child a.active {
color: #21201c
}
.primary-nav .nav-child a.active span {
opacity: 1
}
.primary-nav .nav-child a.hover {
color: #d5d3c5
}
.primary-nav .nav-child a.hover span {
opacity: 1
}
.primary-nav .subnav-wrapper {
visibility: hidden;
position: absolute;
left: 0;
top: 100px;
width: 100%;
background: #c00000;
border-top: 6px solid #a80000;
padding: 50px 0 20px 0;
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-box-shadow: 0 5px 12px 0 rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0 5px 12px 0 rgba(50, 50, 50, 0.75);
box-shadow: 0 5px 12px 0 rgba(50, 50, 50, 0.75);
z-index: 998
}
.primary-nav ul.nav-child {
overflow: hidden
}
.primary-nav li.destinations .subnav-wrapper {
padding: 50px 0 10px 0
}
.primary-nav li.destinations .subnav-wrapper a {
font-size: 0.9375em
}
.primary-nav li.destinations .nav-child {
text-align: center;
padding: 0 15%
}
.primary-nav li.destinations .nav-child li {
display: inline-block;
margin: 0 2em 2em 2em
}
.primary-nav a.subnav-interest {
display: block;
padding: 12px 0 0 45px;
height: 35px;
background-image: url(../img/icons-interests-nav.png);
background-repeat: no-repeat;
margin: 0 20px 20px 0
}
.primary-nav a.subnav-interest:hover, .primary-nav a.subnav-interest.active {
color: #000
}
.primary-nav a.subnav-interest:hover span, .primary-nav a.subnav-interest.active span {
opacity: 1
}
.primary-nav a.subnav-interest.unesco:hover, .primary-nav a.subnav-interest.unesco.active {
background-position: 0 -49px
}
.primary-nav a.subnav-interest.mostre {
background-position: 0 -105px
}
.primary-nav a.subnav-interest.mostre:hover, .primary-nav a.subnav-interest.mostre.active {
background-position: 0 -169px
}
.primary-nav a.subnav-interest.borghi {
padding: 12px 0 0 55px;
background-position: 0 -240px
}
.primary-nav a.subnav-interest.borghi:hover, .primary-nav a.subnav-interest.borghi.active {
background-position: 0 -305px
}
.primary-nav a.subnav-interest.artigianato {
max-width: 130px;
padding: 8px 0 8px 50px;
height: 44px;
background-position: -302px 0
}
.primary-nav a.subnav-interest.artigianato:hover, .primary-nav a.subnav-interest.artigianato.active {
background-position: -302px -49px
}
.primary-nav a.subnav-interest.storia {
max-width: 130px;
padding: 8px 0 8px 50px;
height: 44px;
background-position: -302px -105px
}
.primary-nav a.subnav-interest.storia:hover, .primary-nav a.subnav-interest.storia.active {
background-position: -302px -171px
}
.primary-nav a.subnav-interest.cinema {
max-width: 130px;
padding: 8px 0 8px 50px;
height: 44px;
background-position: -302px -241px
}
.primary-nav a.subnav-interest.cinema:hover, .primary-nav a.subnav-interest.cinema.active {
background-position: -302px -306px
}
.primary-nav a.subnav-interest.bike {
padding: 12px 0 0 55px;
background-position: 0 -372px
}
.primary-nav a.subnav-interest.bike:hover, .primary-nav a.subnav-interest.bike.active {
background-position: 0 -432px
}
.primary-nav a.subnav-interest.food {
padding: 12px 0 0 45px;
background-position: -302px -374px;
height: 42px
}
.primary-nav a.subnav-interest.food:hover, .primary-nav a.subnav-interest.food.active {
background-position: -302px -434px
}
.primary-nav a.subnav-interest.motors {
max-width: 130px;
padding: 8px 0 8px 50px;
height: 44px;
background-position: 0 -489px
}
.primary-nav a.subnav-interest.motors:hover {
background-position: 0 -559px
}
.primary-nav a.subnav-interest.must-see {
max-width: 130px;
padding: 8px 0 8px 40px;
height: 44px;
background-position: -302px -492px
}
.primary-nav a.subnav-interest.must-see:hover {
background-position: -302px -560px
}
.primary-nav a.subnav-interest.impara-larte {
padding: 13px 0 8px 53px;
height: 44px;
background-position: 0 -634px
}
.primary-nav a.subnav-interest.impara-larte:hover {
background-position: 0 -634px
}
.primary-nav a.subnav-interest.music {
padding: 13px 0 8px 53px;
height: 44px;
background-position: -302px -634px
}
.primary-nav a.subnav-interest.music:hover {
background-position: -302px -634px
}
.primary-nav .help-sp {
display: none
}
.primary-nav .mod-languages {
display: none
}
}
@media (min-width: 992px) {
.primary-nav {
margin: 60px 0 0 2em
}
.primary-nav a {
font-size: 1.0625em;
padding: 10px 10px 20px 10px;
margin: 0 5px
}
}
@media (min-width: 1200px) {
.subnav-wrapper a.subnav-interest {
margin: 0 50px 20px 0
}
}
nav.footer-nav {
overflow: hidden;
background: #21201c;
padding: 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2);
box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2)
}
nav.footer-nav a {
color: #fff
}
nav.footer-nav a.sitemap {
float: left;
font-weight: bold;
text-transform: uppercase
}
nav.footer-nav a.secondary {
float: right;
margin-left: 1.5em
}
.node-module {
position: relative;
margin: 4px 0;
-webkit-transition-property: left, top;
-moz-transition-property: left, top;
-o-transition-property: left, top;
transition-property: left, top;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s
}
.node-module .gradient-overlay, .node-module .background-overlay {
background-position: 0 100%
}
.node-module .background-overlay {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
opacity: 0
}
.node-module .background-overlay.event {
background: #a577bc
}
.node-module .background-overlay.offer {
background: #ff5c30
}
.node-module .background-overlay.story {
background: #eec11d
}
.node-module .background-overlay.character {
background: #56c580
}
.node-module .background-overlay.poi {
background: #56c580
}
.node-module .module-mask {
overflow: hidden
}
.node-module img.node-img {
max-width: 100%;
min-width: 100%;
display: block !important
}
.node-module .module-link {
position: relative;
display: block;
width: 100%;
height: 100%
}
.node-module .module-link:hover > .background-overlay {
opacity: 0.5
}
.node-module span.node-type {
position: absolute;
left: 0;
top: 1em;
display: block;
text-transform: uppercase;
background-image: url(../img/icons-small.gif);
background-repeat: no-repeat;
font-size: 0.75em;
padding: 6px 16px 8px 30px;
height: 25px;
line-height: normal;
z-index: 998;
text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px
}
.node-module span.node-type.offer {
background-position: 5px 2px
}
.node-module span.node-type.story {
background-position: 5px -178px
}
.node-module span.node-type.event {
background-position: 5px -57px
}
.node-module span.node-type.character {
background-position: 2px -227px
}
.node-module span.node-type.poi {
background-position: 2px -118px
}
.node-module .node-content {
position: absolute;
bottom: 0;
width: 100%;
color: #fff;
z-index: 998;
padding: 0.5em
}
@media (min-width: 768px) {
.node-module .node-content {
padding: 0.5em 1em
}
}
.node-module .node-content > span {
display: block
}
.node-module .node-content span.node-date {
display: block;
text-transform: uppercase;
margin-bottom: 0.5em;
font-size: 0.75rem;
line-height: 1.2em
}
@media (min-width: 992px) {
.node-module .node-content span.node-date {
font-size: 0.875rem
}
}
.node-module .node-content span.node-title {
font-size: 1.125rem;
clear: left;
line-height: 1.1em;
padding: 0 0.5em 0.4em 0;
font-weight: bold;
font-style: italic
}
@media (min-width: 992px) {
.node-module .node-content span.node-title {
font-size: 1.5rem
}
}
.node-module .hp-pill {
position: relative;
padding: 0.5em
}
.node-module .hp-pill h3 {
font-size: 1em;
font-weight: bold;
font-style: italic;
margin-bottom: 10px
}
.node-module .hp-pill .pill-content {
font-size: 0.6875em;
line-height: 1.4em
}
@media (min-width: 992px) {
.node-module .hp-pill h3 {
font-size: 1.4375em
}
.node-module .hp-pill .pill-content {
font-size: 0.875em
}
}
.module-default {
font-size: 0.875em;
line-height: 1.57143em
}
.module-default h2 {
font-size: 1.42857em;
font-weight: bold;
margin-bottom: 1em;
text-transform: uppercase
}
.module-default img {
min-width: 100%;
max-width: 100%
}
.module-destinations, .module-interests-sp {
margin: 1em 0 0 0;
background: #eeece1;
border-top: 4px solid #d5d3c5;
border-bottom: 4px solid #d5d3c5;
padding: 20px
}
.module-destinations h3, .module-interests-sp h3 {
font-size: 2.125em;
margin: 0 0 0.5em 0;
font-weight: bold;
font-style: italic
}
.module-destinations ul.items, .module-interests-sp ul.items {
overflow: hidden
}
.module-destinations ul.items li, .module-interests-sp ul.items li {
display: inline
}
.module-destinations ul.items a, .module-interests-sp ul.items a {
float: left;
display: block;
color: #fff;
font-size: 0.875em;
font-weight: bold;
text-transform: uppercase;
background: #56c580;
padding: 15px 10px;
margin: 0 6px 14px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px
}
.module-interests-sp {
background: #fff;
border: none
}
.module-interests-sp ul.items li a {
background: #21201c
}
.module-calendar-sp {
border-top: 4px solid #d5d3c5;
padding-top: 1em;
height: 300px
}
@media (min-width: 768px) {
.module-default {
height: 172px
}
}
@media (min-width: 992px) {
.module-default {
height: 229px
}
}
@media (min-width: 1200px) {
.module-default {
height: 279px
}
}
.module-big span.node-title {
font-size: 2.1875rem !important
}
section.node-slider {
position: relative;
width: 100%;
margin: 0 auto
}
section.node-slider .container {
position: absolute;
top: 0;
height: 100%
}
@media (min-width: 768px) {
section.node-slider .container {
left: 50%;
margin-left: -364px
}
}
section.node-slider .slide-content {
position: absolute;
z-index: 998;
bottom: 2em;
left: 0;
width: 90%;
padding: 0 1em
}
@media (min-width: 992px) {
section.node-slider .slide-content {
padding: 0
}
}
section.node-slider .slide-content > span.node-type {
display: inline-block;
margin-bottom: 1em;
font-size: 0.875rem
}
section.node-slider .slide-content > span.dates {
display: block;
margin-bottom: 0.6em;
color: #fff;
font-size: 1rem;
text-transform: uppercase
}
section.node-slider .slide-content > span.slide-title {
display: block;
font-size: 1.625em;
color: #fff;
font-weight: bold;
font-style: italic
}
@media (min-width: 768px) {
section.node-slider .slide-content > span.slide-title {
font-size: 2.5em
}
}
section.node-slider h1 {
position: absolute;
z-index: 998;
bottom: 1em;
left: 0;
font-size: 1.625em;
margin: 0 0.5em;
color: #fff;
font-weight: bold;
font-style: italic
}
section.node-slider span.slide-title {
display: block;
z-index: 999;
width: 90%
}
section.node-slider .bx-controls {
display: none
}
section.node-slider a.slide-link {
display: block;
width: 100%;
height: 100%
}
.slider-desktop, .slider-hp-desktop {
display: none
}
@media (min-width: 768px) {
section.node-slider .bx-controls {
display: block
}
.slider-desktop, .slider-hp-desktop {
display: block
}
.slider-mobile, .slider-hp-mobile {
display: none
}
}
@media (min-width: 992px) {
section.node-slider .container {
margin-left: -474px
}
}
@media (min-width: 1200px) {
section.node-slider .container {
margin-left: -574px
}
}
article.home {
overflow: hidden;
margin: 8px auto;
position: relative;
-webkit-transition-property: width;
-moz-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s
}
article.home .r1c1 {
top: 0;
left: 0
}
.hp-filters .filter {
float: left;
width: 50%;
height: 50%;
text-align: center;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s
}
.hp-filters .filter > a {
display: block;
height: 100%;
color: #fff;
text-transform: uppercase;
font-size: 0.875em;
font-weight: bold;
background-image: url(../img/ico-filters.png);
background-repeat: no-repeat;
padding-top: 60%;
background-size: 480px 56px
}
@media (min-width: 992px) {
.hp-filters .filter > a {
background-size: auto
}
}
.hp-filters .offers {
background-color: #ff5c30
}
.hp-filters .offers > a {
background-position: 20px 10px
}
.hp-filters .offers.disabled {
background-color: #c8c8c8
}
.hp-filters .events {
background-color: #a577bc
}
.hp-filters .events > a {
background-position: -98px 10px
}
.hp-filters .events.disabled {
background-color: #a8a8a8
}
.hp-filters .stories {
background-color: #eec11d
}
.hp-filters .stories > a {
background-position: -199px 9px
}
.hp-filters .stories.disabled {
background-color: #d7d7d7
}
.hp-filters .characters {
background-color: #56c580
}
.hp-filters .characters > a {
background-position: -388px 9px
}
.hp-filters .characters.disabled {
background-color: #c8c8c8
}
@media (min-width: 992px) {
.hp-filters .offers > a {
background-position: 24px 12px
}
.hp-filters .events > a {
background-position: -120px 13px
}
.hp-filters .stories > a {
background-position: -248px 12px
}
.hp-filters .characters > a {
background-position: -248px 12px
}
}
@media (min-width: 1200px) {
.hp-filters .filter > a {
font-size: 1em
}
.hp-filters .offers > a {
background-position: 36px 22px
}
.hp-filters .events > a {
background-position: -109px 24px
}
.hp-filters .stories > a {
background-position: -237px 24px
}
.hp-filters .characters > a {
background-position: -475px 24px
}
}
@media (min-width: 1600px) {
.hp-filters .offers > a {
background-position: 41px 28px
}
.hp-filters .events > a {
background-position: -104px 28px
}
.hp-filters .stories > a {
background-position: -233px 28px
}
.hp-filters .characters > a {
background-position: -465px 28px
}
}
@media (min-width: 768px) {
article.home {
width: 750px;
height: 1564px
}
article.home .node-module {
position: absolute;
margin: 0;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden
}
article.home .module-big {
width: 372px;
height: 372px
}
article.home .module-small {
float: none;
width: 184px;
height: 184px
}
article.home .module-horizontal {
width: 372px;
height: 184px
}
article.home .module-vertical {
width: 184px;
height: 372px
}
article.home .r1c4 {
top: 0;
right: 0
}
article.home .r1c3 {
top: 0;
left: 376px
}
article.home .r2c3 {
top: 188px;
left: 376px
}
article.home .r2c4 {
top: 188px;
right: 0
}
article.home .r3c1 {
top: 376px;
left: 0
}
article.home .r3c2 {
top: 376px;
left: 188px
}
article.home .r3c3 {
top: 376px;
left: 376px
}
article.home .r3c4 {
top: 376px;
right: 0
}
article.home .r4c1 {
top: 564px;
left: 0
}
article.home .r4c2 {
top: 564px;
left: 188px
}
article.home .r4c3 {
top: 564px;
left: 376px
}
article.home .r4c4 {
top: 564px;
right: 0
}
article.home .r5c1 {
top: 752px;
left: 0
}
article.home .r5c2 {
top: 752px;
left: 188px
}
article.home .r5c3 {
top: 752px;
left: 376px
}
article.home .r5c4 {
top: 752px;
right: 0
}
article.home .r6c1 {
top: 940px;
left: 0
}
article.home .r6c2 {
top: 940px;
left: 188px
}
article.home .r6c4 {
top: 940px;
right: 0
}
article.home .destinations-map {
top: 1128px;
left: 0;
width: 372px;
height: 420px
}
article.home .module-interests {
top: 1128px;
left: 376px;
width: 372px;
height: 420px
}
article.home .module-interests .interests-block {
overflow: hidden;
float: left;
width: 372px
}
article.home .module-interests .item {
margin: 0 25px
}
article.home .module-interests.hp-interests .item {
margin: 0
}
}
@media (min-width: 992px) {
article.home {
width: 952px;
height: 1964px
}
article.home .module-big {
width: 472px;
height: 472px
}
article.home .module-small {
float: none;
width: 232px;
height: 232px
}
article.home .module-horizontal {
width: 472px;
height: 232px
}
article.home .module-vertical {
width: 232px;
height: 472px
}
article.home .r1c4 {
top: 0;
right: 0
}
article.home .r1c3 {
top: 0;
left: 480px
}
article.home .r2c3 {
top: 240px;
left: 480px
}
article.home .r2c4 {
top: 240px;
right: 0
}
article.home .r3c1 {
top: 480px;
left: 0
}
article.home .r3c2 {
top: 480px;
left: 240px
}
article.home .r3c3 {
top: 480px;
left: 480px
}
article.home .r3c4 {
top: 480px;
right: 0
}
article.home .r4c1 {
top: 720px;
left: 0
}
article.home .r4c2 {
top: 720px;
left: 240px
}
article.home .r4c3 {
top: 720px;
left: 480px
}
article.home .r4c4 {
top: 720px;
left: 720px
}
article.home .r5c1 {
top: 960px;
left: 0
}
article.home .r5c2 {
top: 960px;
left: 240px
}
article.home .r5c3 {
top: 960px;
left: 480px
}
article.home .r5c4 {
top: 960px;
left: 720px
}
article.home .r6c1 {
top: 1200px;
left: 0
}
article.home .r6c2 {
top: 1200px;
left: 240px
}
article.home .r6c4 {
top: 1200px;
left: 720px
}
article.home .destinations-map {
top: 1440px;
left: 0;
width: 472px;
height: 520px
}
article.home .module-interests {
top: 1440px;
left: 480px;
width: 472px;
height: 520px
}
article.home .module-interests .interests-block {
overflow: hidden;
float: left;
width: 472px
}
article.home .module-interests .item {
margin: 0 25px
}
article.home .module-interests.hp-interests .item {
margin: 0
}
}
@media (min-width: 1200px) {
article.home {
width: 1148px;
height: 2264px
}
article.home .module-big {
width: 570px;
height: 570px
}
article.home .module-small {
width: 281px;
height: 281px
}
article.home .module-horizontal {
width: 570px;
height: 281px
}
article.home .module-vertical {
width: 281px;
height: 570px
}
article.home .r1c3 {
top: 0;
left: 578px
}
article.home .r2c3 {
top: 289px;
left: 578px
}
article.home .r2c4 {
top: 289px;
right: 0
}
article.home .r3c1 {
top: 578px;
left: 0
}
article.home .r3c2 {
top: 578px;
left: 289px
}
article.home .r3c3 {
top: 578px;
left: 578px
}
article.home .r3c4 {
top: 578px;
right: 0
}
article.home .r4c1 {
top: 867px;
left: 0
}
article.home .r4c2 {
top: 867px;
left: 289px
}
article.home .r4c3 {
top: 867px;
left: 578px
}
article.home .r4c4 {
top: 867px;
left: 867px
}
article.home .r5c1 {
top: 1156px;
left: 0
}
article.home .r5c2 {
top: 1156px;
left: 289px
}
article.home .r5c3 {
top: 1156px;
left: 578px
}
article.home .r5c4 {
top: 1156px;
left: 867px
}
article.home .r6c1 {
top: 1445px;
left: 0
}
article.home .r6c2 {
top: 1445px;
left: 289px
}
article.home .r6c4 {
top: 1445px;
left: 867px
}
article.home .destinations-map {
top: 1734px;
left: 0;
width: 570px;
height: 570px
}
article.home .module-interests {
top: 1734px;
left: 578px;
width: 570px;
height: 570px
}
article.home .module-interests .interests-block {
width: 570px
}
article.home .module-interests .item {
margin: 0 25px !important
}
}
@media (min-width: 1600px) {
article.home {
width: 1542px;
height: 2076px
}
article.home .module-big {
width: 612px;
height: 612px
}
article.home .module-small {
width: 302px;
height: 302px
}
article.home .module-horizontal {
width: 612px;
height: 302px
}
article.home .module-vertical {
width: 302px;
height: 612px
}
article.home .r1c3 {
top: 0;
left: 930px
}
article.home .r1c4 {
top: 0;
right: 0
}
article.home .r2c3 {
top: 310px;
left: 620px
}
article.home .r2c4 {
top: 310px;
left: 930px
}
article.home .r3c1 {
top: 0;
left: 620px
}
article.home .r3c2 {
top: 310px;
left: 1240px
}
article.home .r3c3 {
top: 620px;
left: 0
}
article.home .r3c4 {
top: 620px;
left: 310px
}
article.home .r4c1 {
top: 620px;
left: 620px
}
article.home .r4c2 {
top: 620px;
left: 930px
}
article.home .r4c3 {
top: 620px;
left: 1240px
}
article.home .r4c4 {
top: 930px;
left: 0
}
article.home .r5c1 {
top: 930px;
left: 1240px
}
article.home .r5c2 {
top: 930px;
left: 620px
}
article.home .r5c3 {
top: 930px;
left: 930px
}
article.home .r5c4 {
top: 930px;
left: 310px
}
article.home .r6c1 {
top: 1240px;
left: 0
}
article.home .r6c2 {
top: 1240px;
left: 310px
}
article.home .r6c4 {
top: 1240px;
left: 930px
}
article.home .destinations-map {
top: 1550px;
left: 0;
width: 922px;
height: 472px
}
article.home .module-interests {
top: 1550px;
left: 930px;
width: 612px;
height: 520px
}
article.home .module-interests .interests-block {
width: 612px
}
article.home .module-interests .item {
margin: 0 25px !important
}
}
.visitInfobox {
min-width: 80px;
height: 20px
}
.visitInfobox > a {
display: block;
font-family: "Asap", sans-serif;
font-weight: bold;
font-size: 1em
}
.fb-like {
width: 100%;
max-width: 100%
}
.fb-like * {
max-width: 100%
}
article.page {
line-height: 1.375em
}
article.page h1 {
font-size: 1.875em;
line-height: 1.2em;
font-style: italic;
font-weight: bold;
margin-bottom: 0.5em
}
article.page h1.destination-subtitle {
font-size: 1.5em;
font-style: normal;
font-weight: normal
}
article.page h1.poi-title {
margin-bottom: 0.2em
}
article.page h3 {
font-size: 1.25em;
font-weight: bold;
font-style: italic;
margin: 1em 0 0.5em 0
}
article.page h3.poi-address {
font-weight: normal;
font-style: normal;
margin-bottom: 1em
}
article.page .article-slider {
border: 8px solid #fff;
border-width: 8px 8px 0 8px;
margin-bottom: -6px
}
article.page .page-content {
margin: 1em 0
}
@media (max-width: 767px) {
article.page .page-content {
padding: 0 0.5em
}
}
article.page .page-content p {
margin: 1em 0
}
article.page .page-content ul {
list-style: disc outside;
margin-left: 1em
}
article.page .intro {
font-size: 1.25em;
font-weight: bold;
font-style: italic;
margin-bottom: 1em
}
article.page .node-gallery {
overflow: hidden;
clear: left;
padding-top: 4px;
padding-bottom: 4px;
margin-left: -4px;
margin-right: -4px
}
article.page .node-gallery > .node-thumb-wrapper {
margin-left: 0;
margin-right: 0;
margin-bottom: 0
}
article.page .node-thumb-wrapper {
margin: 0.5em 1em 0.2em -4px
}
article.page .node-thumb-wrapper.thumb-poi {
margin: 0 0 1em 0
}
@media (max-width: 767px) {
article.page .node-thumb-wrapper {
margin: 0.5em 0 1em 0
}
}
article.page a.node-thumb {
position: relative;
display: block
}
article.page a.node-thumb > img {
display: block;
width: 100%
}
article.page a.node-thumb > span.node-thumb-caption {
position: absolute;
padding: 1em;
color: #fff;
bottom: 0;
font-size: 1rem;
font-weight: bold;
font-style: italic;
text-align: center;
line-height: 1.2em;
width: 100%;
z-index: 999
}
@media (min-width: 992px) {
article.page .node-main {
padding-right: 3em
}
}
article.page .node-author, article.page .node-facts {
margin: 0 0 2em 0
}
article.page .node-author h3, article.page .node-facts h3 {
font-size: 1.5em;
margin: 0.6em 0
}
article.page .node-author h5, article.page .node-facts h5 {
margin-top: 1em
}
article.page .node-author .node-author-pic, article.page .node-facts .node-author-pic {
border: 2px solid #eeece1;
padding: 8px;
-webkit-box-shadow: 0 4px 0 0 #f4f4f4;
-moz-box-shadow: 0 4px 0 0 #f4f4f4;
box-shadow: 0 4px 0 0 #f4f4f4
}
article.page .node-author p, article.page .node-facts p, article.page .node-author ul, article.page .node-facts ul {
font-size: 0.875em
}
article.page .node-author .author-link, article.page .node-facts .author-link {
display: inline-block;
font-weight: bold;
font-size: 0.875rem;
padding-left: 30px;
background: url(../img/author-links.png) 0 0 no-repeat
}
article.page .node-author .author-link.twitter, article.page .node-facts .author-link.twitter {
color: #2dc9f9
}
article.page .node-author .author-link.website, article.page .node-facts .author-link.website {
background-position: 0 100%
}
article.page .node-tags {
overflow: hidden;
margin: 1em 0;
padding-left: 1em;
padding-right: 1em
}
article.page .node-tags > span {
float: left;
font-weight: bold;
text-transform: uppercase;
margin: 3px 20px 0 0
}
.destination-main-content {
padding-top: 1em;
padding-bottom: 1em;
line-height: 1.375em
}
.destination-main-content h2 {
font-weight: bold;
font-style: italic;
font-size: 1.25em;
margin: 0 0 1em 0
}
@media (min-width: 992px) {
.destination-main-content {
padding-right: 2em
}
}
@media (min-width: 768px) {
.align-left .col-md-9 {
padding-right: 5em
}
.align-right .col-md-9 {
padding-left: 5em
}
article.page .node-tags {
padding-left: 0;
padding-right: 0
}
}
.node-details {
padding-right: 2em
}
.node-details h2 {
font-size: 1.28571em;
font-weight: bold;
margin-bottom: 0.6em;
text-transform: uppercase
}
.node-details p.notes {
font-size: 0.875em
}
.node-details.node-details-poi p {
font-size: 0.875em
}
.node-visual {
position: relative;
overflow: hidden;
border: 8px solid #fff;
border-width: 8px 8px 0 8px;
margin-bottom: -6px
}
.node-visual.vertical {
border: none;
margin-top: -5em;
padding-right: 10%
}
.node-visual.vertical > img {
border: 8px solid #fff;
display: block;
width: 100%
}
.node-visual img.node-image {
display: block;
padding: 0 !important
}
.node-visual .map-container {
position: absolute;
right: 0;
border-left: 8px solid #fff;
-webkit-transition-property: width;
-moz-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s
}
.node-visual .map-container.expanded {
width: 75%
}
.node-visual .map-container span.map-toggler {
position: absolute;
display: block;
width: 40px;
height: 40px;
background: url(../img/map-toggler.png) 0 0 no-repeat;
left: -24px;
top: 50%;
margin-top: -20px;
cursor: pointer
}
.node-visual .map-canvas {
width: 100%;
height: 100%
}
@media (min-width: 992px) {
.character-pic {
margin-top: -5em;
padding-right: 2em
}
}
.character-pic > a {
border: 8px solid #fff;
display: block
}
.character-pic > a > img {
width: 100%
}
@media (min-width: 992px) {
.map-container {
width: 231px
}
}
@media (min-width: 1200px) {
.map-container {
width: 281px
}
}
.node-image-sp {
max-width: 100%
}
.interest-intro {
padding: 1em
}
@media (min-width: 992px) {
.interest-intro {
padding: 0 10em 0 0
}
}
h1.interest {
padding: 33px 0 25px 130px;
min-height: 90px;
background-image: url(../img/interests/icons.png);
background-repeat: no-repeat
}
h1.interest.siti-unesco {
background-position: 0 -30px
}
h1.interest.mostre-e-musei {
height: 110px;
background-position: 0 -178px
}
h1.interest.borghi-e-castelli {
background-position: 0 -376px
}
h1.interest.artigianato-e-botteghe {
height: 96px;
background-position: 0 -532px
}
h1.interest.storia-e-monumenti {
height: 96px;
background-position: 0 -695px
}
h1.interest.cinema-e-teatro {
height: 98px;
background-position: 0 -866px
}
h1.interest.cicloturismo {
background-position: 0 -1062px
}
h1.interest.enogastronomia {
padding: 50px 0 25px 130px;
height: 120px;
background-position: 0 -1194px
}
h1.interest.music {
height: 99px;
background-position: 0 -1380px
}
h1.interest.motori-e-tecnologia {
height: 115px;
padding-top: 54px;
background-position: 0 -1535px
}
h1.interest.da-non-perdere {
height: 120px;
background-position: 0 -1697px
}
h1.interest.impara-l-arte {
height: 102px;
background-position: 0 -1887px
}
.item-container h1 {
font-size: 1.75em;
font-style: italic
}
.article-header.discover {
padding-bottom: 1em
}
.article-header.discover hgroup {
padding: 20px 20px 20px 90px;
background: url(../img/discover.png) 12px 30px no-repeat
}
.article-header.discover h1 {
font-size: 2.5em;
margin-bottom: 0.2em
}
.discover-item {
margin: 2em 0;
padding-bottom: 1em;
border-bottom: 4px solid #eeece1
}
@media (min-width: 768px) {
.article-header.discover hgroup {
padding: 20px 0 20px 90px;
background: url(../img/discover.png) 0 50% no-repeat
}
}
.city_essential h3 {
font-size: 1.25em;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 0.8em 0
}
ol.redational-items-list {
margin: 0 0 1.5em;
padding: 0;
counter-reset: item
}
ol.redational-items-list > li {
overflow: hidden;
margin: 0;
padding: 1em;
list-style-type: none;
counter-increment: item;
border-bottom: 4px solid #eeece1
}
@media (min-width: 768px) {
ol.redational-items-list > li {
padding: 30px 2em 20px 2em
}
}
ol.redational-items-list > li.row_even {
background: #fbfaf3
}
ol.redational-items-list > li:before {
display: inline-block;
float: left;
width: 1.5em;
padding-right: 0.5em;
text-align: right;
content: counter(item) "."
}
ol.redational-items-list > li > a.article-link {
color: #000;
font-size: 1em;
font-weight: bold;
font-style: italic
}
@media (min-width: 768px) {
ol.redational-items-list > li > a.article-link {
float: left;
max-width: 380px
}
}
@media (min-width: 992px) {
ol.redational-items-list > li > a.article-link {
max-width: 600px
}
}
@media (min-width: 1200px) {
ol.redational-items-list > li > a.article-link {
max-width: 750px
}
}
ol.redational-items-list > li > .article-buttons {
margin-top: 1em
}
@media (min-width: 768px) {
ol.redational-items-list > li > .article-buttons {
float: right;
margin-top: 0
}
}
ol.redational-items-list .article-btn {
display: inline-block;
margin-left: 10px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 10px 1em 10px 35px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
font-size: 0.875em;
border-bottom: 4px solid #dededd;
text-shadow: 0 0 5px #000;
background-color: #21201c;
background-image: url(../img/article-btns-icons.png);
background-repeat: no-repeat
}
ol.redational-items-list .article-btn.btn-view {
background-position: 10px 11px
}
ol.redational-items-list .article-btn.btn-download {
background-position: 10px -70px
}
.author-summary .author-summary-pic {
float: left;
margin: 0 1em 10px 0;
border: 8px solid #fff;
-webkit-box-shadow: 0 4px 0 0 #f4f4f4;
-moz-box-shadow: 0 4px 0 0 #f4f4f4;
box-shadow: 0 4px 0 0 #f4f4f4
}
.author-summary .author-summary-bio {
float: left
}
.author-summary .author-contacts {
margin: 1em 0
}
.author-summary .author-link {
display: inline-block;
font-weight: bold;
font-size: 0.875rem;
padding-left: 30px;
margin-right: 1em;
background: url(../img/author-links.png) 0 0 no-repeat
}
.author-summary .author-link.twitter {
color: #2dc9f9
}
.author-summary .author-link.website {
background-position: 0 100%
}
.node-search {
overflow: hidden;
overflow: visible;
background: #21201c;
border-bottom: 6px solid #dededd
}
@media (min-width: 768px) {
.node-search {
padding: 150px 0 1em 0
}
}
@media (max-width: 767px) {
.node-search .search_filters {
padding-left: 1em
}
}
@media (min-width: 768px) {
.node-search .search_block {
float: left;
margin-bottom: 1.3em !important;
margin-top: 0 !important
}
}
@media (min-width: 768px) and (min-width: 992px) {
.node-search .search_block.col-dx {
float: right
}
}
@media (min-width: 1200px) {
.node-search .search_block {
margin-right: 3em
}
}
.node-search.interest-search {
padding: 1em 0
}
.node-search.interest-search .search_block {
margin-bottom: 0;
margin-right: 2em
}
@media (min-width: 768px) {
.node-search.interest-search .search_block div.trigger {
width: 190px
}
}
.node-search.interest-search input.submit {
margin-top: 26px
}
.node-search.events-search {
padding-bottom: 1em
}
@media (min-width: 1200px) {
.node-search.events-search form {
padding-left: 3em
}
}
.node-search.events-search input.submit {
clear: both;
float: left
}
@media (min-width: 992px) {
.node-search.events-search input.submit {
float: right
}
}
@media (min-width: 1200px) {
.node-search.events-search input.submit {
margin-right: 3em
}
}
.node-search.events-search .search_block {
margin-bottom: 0.5em
}
@media (min-width: 992px) {
.node-search.events-search .search_block {
margin-top: 1em;
margin-bottom: 1em
}
}
.node-search label {
display: block;
color: #fff;
font-size: 0.875em;
margin-bottom: 0.3em
}
.node-search input[name="keyword"] {
width: 200px;
border: 0;
padding: 6px 10px;
font-size: 0.875em
}
.node-search .radio-buttons {
padding-left: 1em;
overflow: hidden
}
@media (min-width: 768px) {
.node-search .radio-buttons {
padding-left: 2em
}
}
.node-search div.radio {
padding: 5px 0
}
@media (max-width: 767px) {
.node-search div.radio {
float: left;
margin-right: 10px;
margin-top: 1em
}
}
.node-search input[type=radio] {
float: none;
display: none
}
.node-search input[type=radio] + label {
padding-left: 27px;
height: 21px;
display: inline-block;
line-height: 24px;
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
cursor: pointer;
font-size: 0.8125rem
}
@media (min-width: 768px) {
.node-search input[type=radio] + label {
font-size: 0.875rem
}
}
.node-search input[type=radio]:checked + label {
background-position: 0 100%
}
.node-search label.radio-label {
background-image: url(../img/form-radio.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.node-search input.submit {
margin-top: 1em;
border: 0;
background: #c00000;
font-size: 0.875em;
text-transform: uppercase;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
width: 120px;
padding: 6px 0;
height: 34px
}
.node-search input.reset {
border: 0;
width: 34px;
height: 34px;
background: url(../img/reset.png) 0 0 no-repeat
}
.node-search.default-search input[name="keyword"] {
width: 100%
}
.node-search.default-search .reset {
float: left;
margin: 50px 2em 0 0
}
.node-search.default-search .submit {
float: left;
margin-top: 50px
}
#pager-container {
position: absolute;
bottom: 2.5em;
right: 0;
z-index: 998
}
.bx-wrapper {
position: relative;
padding: 0
}
.bx-wrapper img {
max-width: 100%;
width: 100%;
display: block
}
.slider-desktop .bx-wrapper img {
max-width: none;
width: auto;
min-width: 100%
}
.bx-wrapper .bx-viewport {
background: #fff
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 2em;
right: 0;
z-index: 999
}
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../img/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000
}
.bx-pager {
text-align: center;
font-size: 0.85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px
}
.bx-pager .bx-pager-item {
display: inline-block
}
.bx-pager.bx-default-pager a {
text-indent: -9999px;
display: block;
width: 18px;
height: 18px;
margin: 0 2px;
outline: 0;
background: url(../img/paginator.png) 100% 0 no-repeat
}
.bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active {
background-position: 0 0
}
.bx-wrapper .bx-prev {
left: 0;
background: url(../img/bx-controls.png) no-repeat 0 0
}
.bx-wrapper .bx-next {
right: 0;
background: url(../img/bx-controls.png) no-repeat 100% 0
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 51px;
height: 63px;
text-indent: -9999px;
z-index: 9999;
opacity: 0.6;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s
}
.bx-wrapper .bx-controls-direction a:hover {
opacity: 1
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none
}
.bx-wrapper .bx-controls-auto {
text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../img/controls.png) -86px -11px no-repeat;
margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../img/controls.png) -86px -44px no-repeat;
margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666 ;
background: rgba(80, 80, 80, 0.75);
width: 100%
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: 0.85em;
padding: 10px
}
.info-request h2 {
font-size: 1.25em;
font-weight: bold
}
.offer_form label {
display: none
}
.offer_form li {
margin: 15px 0
}
.offer_form .privacy {
font-size: 0.875em
}
.offer_form .privacy label {
display: inline;
font-size: 0.85714em
}
.offer_form .privacy input {
float: left;
margin: 5px 10px 0 0
}
.offer_form .submit {
clear: left
}
.offer_form .submit input[type="submit"] {
border: 0;
background: #c00000;
font-size: 0.875em;
text-transform: uppercase;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
padding: 6px 2.2em;
height: 34px
}
.offer_form .submit #formLoader {
display: none;
width: 32px;
height: 32px;
background: url(../img/bx_loader.gif) 0 0 no-repeat;
margin-left: 50px
}
.offer_form input[type="text"], .offer_form input[type="email"] {
width: 100%;
border: 0;
background: #ededed;
padding: 5px 10px;
color: #000;
font-size: 0.875em;
-webkit-box-shadow: inset 1px 1px 2px #afafaf;
-moz-box-shadow: inset 1px 1px 2px #afafaf;
box-shadow: inset 1px 1px 2px #afafaf
}
.offer_form textarea {
width: 100%;
height: 160px;
border: 0;
background: #ededed;
padding: 10px;
color: #000;
font-size: 0.875em;
-webkit-box-shadow: inset 1px 1px 2px #afafaf;
-moz-box-shadow: inset 1px 1px 2px #afafaf;
box-shadow: inset 1px 1px 2px #afafaf
}
.module-interests {
overflow: hidden;
position: relative
}
.module-interests > header {
height: 45px
}
@media (min-width: 992px) {
.module-interests > header {
height: auto
}
}
.module-interests .interests-container {
overflow: hidden;
width: 200%;
-webkit-transition-property: margin-left;
-moz-transition-property: margin-left;
-o-transition-property: margin-left;
transition-property: margin-left;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
padding-bottom: 8px
}
.module-interests a.interest-nav {
position: absolute;
top: 0;
display: block;
width: 60px;
height: 60px;
background: url(../img/interests-nav.gif) 0 0 no-repeat;
background-size: cover;
cursor: pointer
}
@media (min-width: 992px) {
.module-interests a.interest-nav {
width: 76px;
height: 76px
}
}
.module-interests a.interest-nav.right {
right: 0;
background-position: 100% 0
}
.module-interests .item {
float: left;
margin: 0;
text-align: center
}
@media (min-width: 768px) {
.module-interests .item {
width: 186px;
height: 120px
}
}
@media (min-width: 992px) {
.module-interests .item {
width: 230px;
height: 150px
}
}
.module-interests a.interest {
display: block;
width: 100%;
padding-top: 90px
}
@media (min-width: 992px) {
.module-interests a.interest {
padding-top: 132px
}
}
.module-interests h3 {
text-align: center;
font-size: 1.875em;
font-weight: bold;
font-style: italic;
margin: 0.3em 0
}
.module-interests a.interest {
background-image: url(../img/interests/icons.png);
background-repeat: no-repeat;
background-size: 72px 1602px;
font-size: 0.90625em;
color: #000;
font-weight: bold;
text-align: center;
font-style: italic
}
@media (min-width: 992px) {
.module-interests a.interest {
background-size: auto
}
}
.module-interests a.interest.interest_16 {
background-position: 54px 10px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_16 {
background-position: 52px 0
}
}
.module-interests a.interest.interest_17 {
background-position: 54px -87px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_17 {
background-position: 52px -161px
}
}
.module-interests a.interest.interest_18 {
background-position: 52px -193px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_18 {
background-position: 52px -336px
}
}
.module-interests a.interest.interest_19 {
background-position: 52px -293px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_19 {
background-position: 52px -505px
}
}
.module-interests a.interest.interest_20 {
background-position: 52px -400px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_20 {
background-position: 52px -672px
}
}
.module-interests a.interest.interest_21 {
background-position: 52px -500px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_21 {
background-position: 52px -840px
}
}
.module-interests a.interest.interest_22 {
background-position: 52px -608px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_22 {
background-position: 52px -1015px
}
}
.module-interests a.interest.interest_23 {
background-position: 52px -703px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_23 {
background-position: 52px -1182px
}
}
.module-interests a.interest.interest_24 {
background-position: 52px -909px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_24 {
background-position: 52px -1519px
}
}
.module-interests a.interest.interest_25 {
background-position: 52px -1009px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_25 {
background-position: 52px -1687px
}
}
.module-interests a.interest.interest_26 {
background-position: 52px -1110px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_26 {
background-position: 52px -1859px
}
}
.module-interests a.interest.interest_28 {
background-position: 52px -807px
}
@media (min-width: 992px) {
.module-interests a.interest.interest_28 {
background-position: 52px -1349px
}
}
@media (min-width: 1200px) {
.module-interests .item {
margin: 0 25px
}
}
.book-visit {
overflow: hidden;
background: #eeece1;
padding: 10px 20px;
margin-bottom: 2em
}
.book-visit span.intro {
float: left;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
margin: 8px 40px 0 0
}
.book-visit .field {
position: relative;
float: left;
margin-right: 30px
}
.book-visit .field.submit {
float: right;
margin-right: 20px
}
.book-visit .field label {
float: left;
font-size: 0.875em;
margin: 9px 10px 0 0
}
.book-visit .field input {
float: left;
border: none;
background: #fff;
font-size: 0.875em;
width: 110px;
padding: 5px;
height: 33px
}
.book-visit .field input.city {
width: 200px
}
.book-visit .field input[type="submit"] {
border: 0;
background: #c00000;
font-size: 0.875em;
text-transform: uppercase;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
width: 120px;
padding: 6px 0;
height: 34px
}
.book-visit .field .datepicker {
display: block;
float: left;
width: 33px;
height: 34px;
background: url(../img/datepicker.png) 0 0 no-repeat
}
.book-visit-sp {
background: #eeece1;
border-top: 4px solid #d5d3c5;
border-bottom: 4px solid #d5d3c5;
padding: 20px;
text-align: center;
padding: 1em 3em
}
.book-visit-sp a {
display: block;
background: #c00000;
font-size: 0.875em;
text-transform: uppercase;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #fff;
padding: 12px 0
}
.best-of-social {
position: relative
}
.best-of-social h1 {
float: left
}
.best-of-social a.social-wall {
display: block;
float: right;
background: #eeece1;
color: #000;
width: 160px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
text-align: center;
padding: 10px;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
-webkit-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2);
-moz-box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2);
box-shadow: 0 4px 0 0 rgba(50, 50, 50, 0.2)
}
.best-of-social .follow-us {
float: right;
width: 375px;
margin-right: 2em
}
.best-of-social .node-module p {
margin: 1em 0
}
.best-of-social .bs-content {
overflow: hidden;
position: relative;
min-height: 277px;
max-height: 277px;
padding: 1em;
padding-bottom: 40px;
border: 1px solid #eeece1;
font-size: 0.75rem;
-webkit-transition-property: max-height;
-moz-transition-property: max-height;
-o-transition-property: max-height;
transition-property: max-height;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s
}
.best-of-social .bs-content:hover {
max-height: 600px
}
.best-of-social .bs-content img {
max-width: 100%
}
.best-of-social .social {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 998
}
.best-of-social .social span.author {
display: block;
margin: 0 0 8px 1em;
padding: 2px 0 0 15px;
background: url(../img/best-of-social-author.png) 0 50% no-repeat;
font-size: 0.625em;
font-style: italic
}
.best-of-social .social .posted {
height: 30px;
font-size: 0.6875em;
color: #fff
}
.best-of-social .social .posted a {
color: #fff;
font-weight: bold;
text-decoration: underline
}
.best-of-social .social .posted img.icon {
float: left;
margin: 2px 0 0 5px
}
.best-of-social .social .posted .section-intro {
float: left;
margin: 9px 0 0 5px
}
.best-of-social .facebook .posted, .best-of-social .twitter .posted {
background-color: #2c60a3;
background-position: 10px 5px
}
.best-of-social .twitter .twitteruser {
color: #bcb9ac
}
.best-of-social .twitter .posted {
background-color: #2dc9f9;
background-position: 6px -37px
}
.best-of-social .instagram, .best-of-social .pinterest {
overflow: hidden
}
.best-of-social .instagram img.post-image, .best-of-social .pinterest img.post-image {
max-width: 100%;
position: absolute;
top: 0;
left: 0
}
.best-of-social .instagram span.text, .best-of-social .pinterest span.text {
color: #fff;
padding: 1em;
display: block;
font-size: 0.75em
}
.best-of-social .instagram .posted, .best-of-social .pinterest .posted {
background-color: #413a33;
background-position: 9px -126px
}
.best-of-social .pinterest .text {
padding: 1em;
font-size: 0.75em;
color: #fff;
line-height: 1.25em
}
.best-of-social .pinterest .text a {
color: #fff;
font-weight: bold
}
.best-of-social .pinterest .posted {
background-color: #c91517;
background-position: 8px -77px
}
.calendar, .calendar-events {
height: 100%;
padding: 0 2%
}
.calendar div, .calendar-events div {
width: 100% !important;
height: 100% !important
}
.calendar-events {
height: 225px
}
div.datepicker {
position: relative;
font-size: 0.92857em;
width: 100%;
height: 100%;
position: absolute;
cursor: default;
top: 0;
left: 0;
display: none
}
.datepickerHidden {
display: none
}
div.datepicker table {
border-collapse: collapse;
width: 100%;
height: 100%
}
div.datepicker a {
color: #2b2522;
text-decoration: none;
cursor: pointer;
outline: none
}
div.datepicker table td {
text-align: center;
padding: 0;
margin: 0
}
div.datepicker table td.datepickerSpace {
width: 25px
}
div.datepicker th {
text-align: center;
color: #999;
font-weight: normal
}
div.datepicker tbody th {
text-align: center
}
div.datepicker tbody a {
display: block
}
.datepickerDays a {
line-height: 16px;
padding: 6px 5px
}
.datepickerYears a, .datepickerMonths span {
width: 44px;
line-height: 36px;
height: 36px;
text-align: center;
font-weight: bold
}
.datepickerViewDays th {
padding: 7px 0
}
@media (min-width: 768px) {
.datepickerViewDays th {
padding: 0 0
}
}
td.datepickerNotInMonth a {
color: #c7bdbd
}
tbody.datepickerDays td.datepickerSelected {
background: #c00000
}
div.datepicker .datepickerSaturday a, div.datepicker .datepickerSunday a {
color: #9c9998
}
tbody.datepickerDays td.datepickerSelected a {
color: #fff
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
background: #17384d
}
tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected {
background: #17384d
}
div.datepicker a:hover, div.datepicker a:hover {
color: #000
}
div.datepicker td.datepickerNotInMonth a:hover {
color: #999
}
.datepickerSpace div {
width: 20px
}
.datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth span {
display: block;
text-align: center;
height: 20px;
line-height: 20px;
font-weight: bold;
color: #2b2522;
text-transform: uppercase
}
.datepickerGoNext a {
float: right;
width: 20px
}
.datepickerGoPrev a {
float: left;
width: 20px
}
table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears {
display: none
}
table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW {
display: none
}
table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW {
display: none
}
td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a {
color: #333
}
td.datepickerDisabled a:hover {
color: #333
}
td.datepickerSpecial a {
background: #700
}
td.datepickerSpecial.datepickerSelected a {
background: #a00
}
.node-search .datepickerGoNext a, .node-search .datepickerGoPrev a, .node-search .datepickerMonth span, .node-search div.datepicker th, .node-search div.datepicker a {
color: #fff
}
.node-search div.datepicker .datepickerSaturday a, .node-search div.datepicker .datepickerSunday a {
color: #d5d3c5
}
.node-search td.datepickerNotInMonth a {
opacity: 0.2
}
div.fancy-select {
position: relative;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
color: #46565D
}
div.fancy-select.disabled {
opacity: 0.5
}
div.fancy-select div.trigger {
cursor: pointer;
padding: 6px 24px 9px 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: url(../img/dropdown.png) 100% 0 no-repeat;
color: #000;
width: 200px;
font-size: 0.9375em;
text-transform: none;
font-weight: normal;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out
}
div.fancy-select ul.options {
list-style: none;
margin: 0;
position: absolute;
top: 30px;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 999;
max-height: 400px;
overflow: auto;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
min-width: 200px;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out
}
div.fancy-select ul.options.open {
visibility: visible;
top: 40px;
opacity: 1;
transition: opacity 300ms ease-out, top 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out
}
div.fancy-select ul.options.overflowing {
top: auto;
bottom: 30px;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out
}
div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out
}
div.fancy-select ul.options li {
padding: 4px 12px;
color: #000;
cursor: pointer;
white-space: nowrap;
font-size: 0.875em;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out
}
div.fancy-select ul.options li.selected {
background: #c00000;
color: #fff
}
div.fancy-select ul.options li.hover {
color: #454545
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.fancybox-opened {
z-index: 8030
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}
.fancybox-outer, .fancybox-inner {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(../img/fancyBox/fancybox_sprite.png)
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(../img/fancyBox/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(../img/fancyBox/blank.gif);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important
}
.fancybox-lock {
overflow: hidden !important;
width: auto
}
.fancybox-lock body {
overflow: hidden !important
}
.fancybox-lock-test {
overflow-y: hidden !important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(../img/fancyBox/fancybox_overlay.png)
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(../img/fancyBox/fancybox_sprite@2x.png);
background-size: 44px 152px
}
#fancybox-loading div {
background-image: url(../img/fancyBox/fancybox_loading@2x.gif);
background-size: 24px 24px
}
}
.dcsns ul, .dcsns li {
list-style: none !important;
background: none
}
.dcsns {
color: #444;
list-style: none outside none;
margin: 0
}
.dcsns h1 {
width: auto;
position: relative
}
.dcsns h1, .dcsns h2, .dcsns h3 {
line-height: 1.35em
}
.dcsns-content {
position: relative;
padding: 0
}
.dcsns-loading {
background: url(../img/social-stream/loading_light.gif) no-repeat 0 0;
height: 24px;
padding: 6px 0 0 30px;
position: absolute;
top: 10px;
left: 10px
}
.dcsns-toolbar .dcsns-loading {
right: 10px;
left: auto
}
.stream p {
margin: 0;
padding: 0
}
.stream .node-module a {
color: #2DB6E8
}
.stream .node-module {
padding-left: 4px;
padding-right: 4px;
font-size: 0.6875rem;
position: relative;
font-family: Arial, sans-serif;
line-height: 1.35em
}
.stream .node-module .inner {
overflow: hidden;
padding: 0 15px
}
.stream .node-module .icon {
position: absolute;
left: 3px;
bottom: 0;
z-index: 3
}
.stream .node-module .section-intro {
padding: 7px 0;
width: 100%;
left: 0;
bottom: 0;
position: absolute;
color: #fff;
font-style: normal;
font-weight: bold;
font-size: 10px;
z-index: 2
}
.stream .node-module .clear {
clear: both
}
.stream .node-module .section-intro a {
text-decoration: underline;
color: #fff;
margin-left: 32px
}
.stream .node-module .section-title {
display: block;
font-weight: bold;
margin-bottom: 3px
}
.stream .node-module .section-title a {
color: #555
}
.stream .node-module .section-title a:hover {
color: #2DB6E8
}
.stream .node-module .section-thumb {
float: left;
max-width: 60%;
margin: 0 7px 0 0
}
.stream .node-module .section-thumb img {
border: 1px solid #ccc;
padding: 1px;
background: #fff;
max-width: 100%
}
.stream .node-module .section-text {
display: block;
margin-bottom: 3px
}
.stream .node-module .section-text br {
display: block
}
.stream .node-module .section-user {
clear: both;
display: block;
font-style: italic;
margin: 1em 8px 5px 0;
display: block;
float: left;
padding: 7px 0 0 15px;
line-height: 12px;
background: url(../img/social-stream/profile.png) no-repeat 0 7px
}
.stream .node-module .meta {
display: block;
font-size: 90%;
color: #999
}
.stream .node-module .meta span {
margin: 0 8px 5px 0;
display: block;
float: left;
padding: 0 0 0 15px;
line-height: 12px
}
.meta span.shares {
background: url(../img/social-stream/shares.png) no-repeat 0 0;
padding-left: 20px
}
.meta span.views {
background: url(../img/social-stream/views.png) no-repeat 0 0;
padding-left: 18px
}
.meta span.likes {
background: url(../img/social-stream/likes.png) no-repeat 0 0;
padding-left: 16px
}
.meta span.comments {
background: url(../img/social-stream/comments.png) no-repeat 0 0
}
.meta span.users {
background: url(../img/social-stream/users.png) no-repeat 0 0
}
.meta span.videos {
background: url(../img/social-stream/videos.png) no-repeat 0 0;
padding-left: 16px
}
.stream .node-module .section-meta {
display: block;
margin: 0;
padding: 0;
clear: both
}
.stream .node-module .meta.item-comments {
padding: 0 0 0 35px;
margin: 0 0 5px 0;
min-height: 30px;
position: relative;
clear: both;
line-height: 1.3em
}
.stream .node-module .meta.item-comments img {
position: absolute;
left: 0;
top: 0;
width: 30px
}
.stream .node-module .meta.item-likes {
padding: 0;
width: 100%;
overflow: hidden;
clear: both;
line-height: 1.3em
}
.stream .node-module .meta.item-likes img {
float: left;
margin: 0 5px 5px 0;
width: 30px;
border: 1px solid #ddd;
padding: 1px;
background: #fff
}
.stream .node-module.dcsns-error {
color: #900
}
.stream .node-module .section-share {
display: block;
margin: 1em 0 5px 0;
padding: 4px 0 0;
float: right
}
.stream .node-module .section-share a {
display: block;
width: 16px;
height: 16px;
float: left;
margin: 0 2px 0 0;
background: url(../img/social-stream/share.png) no-repeat 0 0
}
.stream .node-module .section-share a.share-twitter {
background-position: 0 -16px
}
.stream .node-module .section-share a.share-reply {
background-position: 0 -32px
}
.stream .node-module .section-share a.share-retweet {
background-position: 0 -48px
}
.stream .node-module .section-share a.share-favorite {
background-position: 0 -64px
}
.stream .node-module .section-share a.share-google {
background-position: 0 -80px
}
.stream .node-module .section-share a.share-linkedin {
background-position: 0 -96px
}
.stream .node-module .section-share a.share-facebook:hover {
background-position: -16px 0
}
.stream .node-module .section-share a.share-twitter:hover {
background-position: -16px -16px
}
.stream .node-module .section-share a.share-reply:hover {
background-position: -16px -32px
}
.stream .node-module .section-share a.share-retweet:hover {
background-position: -16px -48px
}
.stream .node-module .section-share a.share-favorite:hover {
background-position: -16px -64px
}
.stream .node-module .section-share a.share-google:hover {
background-position: -16px -80px
}
.stream .node-module .section-share a.share-linkedin:hover {
background-position: -16px -96px
}
.dcsns-toolbar {
padding: 0;
width: 100%;
overflow: hidden;
position: relative
}
#wall {
padding-top: 15px
}
#wall .dcsns-toolbar {
margin-bottom: 25px
}
.dcsns-toolbar .filter {
padding: 0;
margin: 0 0 15px 0
}
.dcsns-toolbar .filter li {
display: inline;
background: none;
padding: 0;
margin: 0
}
.dcsns-toolbar .filter .link-all {
color: #fff;
height: 21px;
padding: 7px 7px 4px 7px;
text-shadow: 0 0 1px #555;
font-weight: bold
}
.dcsns-toolbar .filter li a {
padding: 4px 3px 0 3px;
margin: 0 1px 1px 0;
display: block;
float: left;
background: #777;
height: 28px
}
.dcsns-toolbar .filter li img {
margin: 0;
height: 24px
}
.dcsns .controls {
position: absolute;
right: 0;
top: 7px;
height: 22px;
padding: 0;
z-index: 12
}
.dcsns .controls li {
display: inline;
background: none
}
.dcsns .controls a {
display: block;
width: 22px;
height: 22px;
float: left;
margin: 0 0 0 2px;
background: url(../img/social-stream/controls.png) no-repeat 0 0
}
.dcsns .controls .prev {
background-position: -44px 0
}
.dcsns .controls .next {
background-position: -66px 0
}
.dcsns .controls .play {
background-position: 0 0
}
.dcsns .controls .pause {
background-position: -22px 0
}
.dcsns .controls .prev:hover {
background-position: -44px -22px
}
.dcsns .controls .next:hover {
background-position: -66px -22px
}
.dcsns .controls .play:hover {
background-position: 0 -22px
}
.dcsns .controls .pause:hover {
background-position: -22px -22px
}
.stream .node-module.dcsns-rss .section-intro, .filter .f-rss a:hover {
background-color: #FF9800
}
.stream .node-module.dcsns-flickr .section-intro, .filter .f-flickr a:hover {
background-color: #f90784
}
.stream .node-module.dcsns-delicious .section-intro, .filter .f-delicious a:hover {
background-color: #3271CB
}
.stream .node-module.dcsns-twitter .section-intro, .filter .f-twitter a:hover {
background-color: #4ec2dc
}
.stream .node-module.dcsns-facebook .section-intro, .filter .f-facebook a:hover {
background-color: #3b5998
}
.stream .node-module.dcsns-google .section-intro, .filter .f-google a:hover {
background-color: #2d2d2d
}
.stream .node-module.dcsns-youtube .section-intro, .filter .f-youtube a:hover {
background-color: #DF1F1C
}
.stream .node-module.dcsns-pinterest .section-intro, .filter .f-pinterest a:hover {
background-color: #CB2528
}
.stream .node-module.dcsns-lastfm .section-intro, .filter .f-lastfm a:hover {
background-color: #C90E12
}
.stream .node-module.dcsns-dribbble .section-intro, .filter .f-dribbble a:hover {
background-color: #F175A8
}
.stream .node-module.dcsns-vimeo .section-intro, .filter .f-vimeo a:hover {
background-color: #4EBAFF
}
.stream .node-module.dcsns-stumbleupon .section-intro, .filter .f-stumbleupon a:hover {
background-color: #EB4924
}
.stream .node-module.dcsns-deviantart .section-intro, .filter .f-deviantart a:hover {
background-color: #EB4924
}
.stream .node-module.dcsns-tumblr .section-intro, .filter .f-tumblr a:hover {
background-color: #365472
}
.stream .node-module.dcsns-instagram .section-intro, .filter .f-instagram a:hover {
background-color: #413A33
}
.stream .node-module.dcsns-facebook .section-thumb img {
width: 75px
}
.stream .node-module.dcsns-facebook .section-text img {
margin: 5px 7px 5px 0;
float: left;
border: 1px solid #ddd;
padding: 1px;
background: #fff;
max-width: 192px
}
.stream .node-module.dcsns-facebook .section-text a {
margin-right: 4px
}
.stream .node-module.dcsns-facebook .section-intro a {
margin-left: 25px
}
.stream .node-module.dcsns-facebook .meta {
display: block;
clear: both
}
.stream .node-module.dcsns-facebook .meta.item-comments {
padding: 0;
min-height: auto
}
.stream .node-module.dcsns-facebook .meta.item-comments a {
display: block;
margin: 0 0 2px 0
}
.stream .node-module.dcsns-facebook .share-facebook {
display: none
}
.stream .node-module.dcsns-twitter .section-thumb {
margin-top: 3px
}
.stream .node-module.dcsns-twitter .section-thumb img {
width: 48px;
height: 48px
}
.stream .node-module.dcsns-twitter .section-user {
padding: 0;
background: none
}
.stream .node-module.dcsns-twitter .section-text img {
margin: 5px 0 0;
border: 1px solid #ddd;
padding: 1px;
background: #fff;
max-width: 192px
}
.stream .node-module.dcsns-twitter a {
color: #38AEAE
}
.stream .node-module .twitter-user {
display: block;
margin-bottom: 5px
}
.stream .node-module.dcsns-twitter .section-intro a, .stream .node-module.dcsns-twitter .section-intro a:hover {
color: #fff
}
.stream .node-module.dcsns-twitter .section-intro span a {
text-decoration: none;
margin-left: 0
}
.stream .node-module.dcsns-twitter .section-intro span a:hover {
text-decoration: underline
}
.stream .node-module.dcsns-twitter a:hover {
color: #38AEAE;
text-decoration: underline
}
.stream .node-module.dcsns-twitter .twitter-user {
margin-bottom: 2px;
display: block
}
.stream .node-module.dcsns-twitter .twitter-user a {
color: #999;
line-height: 1.35em
}
.stream .node-module.dcsns-twitter .twitter-user a:hover {
color: #999;
text-decoration: none
}
.stream .node-module.dcsns-twitter .twitter-user a strong {
color: #444
}
.stream .node-module.dcsns-twitter .twitter-user a:hover strong {
color: #38AEAE;
text-decoration: underline
}
.stream .node-module.dcsns-google .section-title {
margin-bottom: 5px
}
.stream .node-module.dcsns-google .meta span.plusones {
padding-left: 0
}
.stream .node-module.dcsns-rss .section-text img {
border: 1px solid #ddd;
padding: 1px;
background: #fff;
max-width: 192px
}
.dcsns .stream .node-module.dcsns-stumbleupon .section-title {
display: block;
clear: both
}
.dcsns .stream .node-module.dcsns-stumbleupon .section-thumb img {
max-width: 192px
}
.stream .node-module.dcsns-youtube .section-thumb img {
max-width: 192px
}
.stream .node-module.dcsns-vimeo .section-thumb img {
max-width: 192px
}
.dcsns .stream .node-module.dcsns-vimeo .section-title {
display: block;
clear: both
}
.stream .node-module.dcsns-vimeo .section-text {
margin-bottom: 5px
}
.stream .node-module.dcsns-vimeo .section-text .meta {
padding-top: 5px
}
.stream .node-module.dcsns-vimeo .logo {
margin-bottom: 3px
}
.stream .node-module.dcsns-flickr .section-thumb {
margin: 0
}
.stream .node-module.dcsns-flickr .section-thumb img {
max-width: 192px
}
.stream .node-module.dcsns-pinterest .section-thumb {
display: block
}
.stream .node-module.dcsns-pinterest .section-text {
clear: both
}
.stream .node-module.dcsns-pinterest .section-thumb img {
width: 190px
}
.stream .node-module.dcsns-dribbble .inner img {
margin-bottom: 5px;
max-width: 192px
}
.stream .node-module.dcsns-lastfm .section-title {
background: url(../img/social-stream/tracks.png) no-repeat 0 0;
padding-left: 17px;
margin-bottom: 0
}
.stream .node-module.dcsns-deviantart .section-thumb {
display: block;
float: none
}
.stream .node-module.dcsns-deviantart .section-thumb img {
max-width: 192px
}
.stream .node-module.dcsns-tumblr .section-text img {
margin: 0 7px 5px 0;
float: left;
border: 1px solid #ddd;
padding: 1px;
background: #fff;
max-width: 192px
}
.stream .node-module.dcsns-tumblr .track {
display: block;
background: url(../img/social-stream/tracks.png) no-repeat 0 5px;
padding: 5px 0 0 17px;
margin-bottom: 0
}
.stream .node-module.dcsns-instagram {
padding-bottom: 40px
}
.stream .node-module.dcsns-instagram .section-title {
font-weight: normal;
clear: both
}
.stream .node-module.dcsns-instagram .section-thumb img {
margin: 0 7px 5px 0;
float: left;
border: 1px solid #ddd;
padding: 1px;
background: #fff
}
.stream .node-module.dcsns-instagram .meta {
clear: both
}
.stream .node-module.dcsns-instagram .section-meta .meta .comments, .stream .node-module.dcsns-instagram .section-meta .meta .likes {
margin: 0 0 5px 0;
padding-top: 5px;
background-position: 0 5px;
float: none;
font-size: 100%;
font-weight: bold
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.bsdatepicker {
top: 0;
left: 0;
padding: 4px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.bsdatepicker:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px
}
.bsdatepicker:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
left: 7px
}
.bsdatepicker > div {
display: none
}
.bsdatepicker table {
width: 100%;
margin: 0
}
.bsdatepicker td, .bsdatepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.bsdatepicker td.day:hover {
background: #eee;
cursor: pointer
}
.bsdatepicker td.day.disabled {
color: #eee
}
.bsdatepicker td.old, .bsdatepicker td.new {
color: #999
}
.bsdatepicker td.active, .bsdatepicker td.active:hover {
color: #fff;
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #08c, #04c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
background-image: -webkit-linear-gradient(top, #08c, #04c);
background-image: -o-linear-gradient(top, #08c, #04c);
background-image: linear-gradient(to bottom, #08c, #04c);
background-repeat: repeat-x;
border-color: #04c #04c #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.bsdatepicker td.active:hover, .bsdatepicker td.active:hover:hover, .bsdatepicker td.active:focus, .bsdatepicker td.active:hover:focus, .bsdatepicker td.active:active, .bsdatepicker td.active:hover:active, .bsdatepicker td.active.active, .bsdatepicker td.active:hover.active, .bsdatepicker td.active.disabled, .bsdatepicker td.active:hover.disabled, .bsdatepicker td.active[disabled], .bsdatepicker td.active:hover[disabled] {
color: #fff;
background-color: #04c
}
.bsdatepicker td.active:active, .bsdatepicker td.active:hover:active, .bsdatepicker td.active.active, .bsdatepicker td.active:hover.active {
background-color: #039
}
.bsdatepicker td span {
display: block;
width: 47px;
height: 54px;
line-height: 54px;
float: left;
margin: 2px;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.bsdatepicker td span:hover {
background: #eee
}
.bsdatepicker td span.active {
color: #fff;
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #08c, #04c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
background-image: -webkit-linear-gradient(top, #08c, #04c);
background-image: -o-linear-gradient(top, #08c, #04c);
background-image: linear-gradient(to bottom, #08c, #04c);
background-repeat: repeat-x;
border-color: #04c #04c #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.bsdatepicker td span.active:hover, .bsdatepicker td span.active:focus, .bsdatepicker td span.active:active, .bsdatepicker td span.active.active, .bsdatepicker td span.active.disabled, .bsdatepicker td span.active[disabled] {
color: #fff;
background-color: #04c
}
.bsdatepicker td span.active:active, .bsdatepicker td span.active.active {
background-color: #039
}
.bsdatepicker td span.old {
color: #999
}
.bsdatepicker th.switch {
width: 145px
}
.bsdatepicker th.next, .bsdatepicker th.prev {
font-size: 21px
}
.bsdatepicker thead tr:first-child th {
cursor: pointer
}
.bsdatepicker thead tr:first-child th:hover {
background: #eee
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 1px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333;
white-space: nowrap
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
color: #fff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #08c, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
background-image: -webkit-linear-gradient(top, #08c, #0077b3);
background-image: -o-linear-gradient(top, #08c, #0077b3);
background-image: linear-gradient(to bottom, #08c, #0077b3);
background-repeat: repeat-x
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #08c, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
background-image: -webkit-linear-gradient(top, #08c, #0077b3);
background-image: -o-linear-gradient(top, #08c, #0077b3);
background-image: linear-gradient(to bottom, #08c, #0077b3);
background-repeat: repeat-x;
outline: 0
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #999
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: default;
background-color: transparent;
background-image: none
}