/* custom styles and plugins */ /* ========================= SPACER plugin ====================== */ #tnSpacer {clear:both;} /* ====================== IN-BLOCK SETTINGS ====================== */ /* img.ccm-image-block.icon {height:auto; display:block; float:center; text-align:center; margin-left: auto; margin-right: auto;} img.ccm-image-block.icon:hover {-webkit-transition: all .3s ease;} */ /* ======================= Breadcrumb Add-on ====================== */ #page #bcrumb-wrap #bcrumb .swp-breadcrumbs, .swp-breadcrumbs {font-size:11px; line-height:14px; font-weight:600; font-family:Open Sans, Arial, Helvetica, sans-serif; text-transform:uppercase; color: #7c7d7f; margin:0px; padding:10px 0px;} #page #bcrumb-wrap #bcrumb .swp-breadcrumbs a, .swp-breadcrumbs a {color: #7c7d7f !important; text-decoration:none !important; margin-top:0px; padding-top:0px;} #page #bcrumb-wrap #bcrumb .swp-breadcrumbs a:hover, .swp-breadcrumbs a:hover {color: #f28b00 !important; text-decoration:none !important; } #page #bcrumb-wrap #bcrumb .swp-breadcrumbs .delim, .swp-breadcrumbs .delim {padding:0px 3px;} /* ================ DATE NAVIGATION =================== */ .ccmDateNav {margin-bottom:55px;} .ccmDateNav ul{overflow:hidden; width:250px !important; list-style:none !important; background-image: none !important; list-style-type: none !important; margin:0px 0px 30px 0px !important; padding:0px !important; } .ccmDateNav ul li { padding: 0px !important; margin: 0px !important; list-style: none !important; background-image: none !important; list-style-type: none !important;} .ccmDateNav ul li.selected{ font-weight:bold; } .ccmDateNav ul li .section{} .ccmDateNav ul li .section.closed{} .ccmDateNav ul li .sectionPage{ margin-left:16px; } .ccmDateNav ul li .ellipsis {padding-top:0px; margin-top:0px; line-height:4px; padding-bottom:4px;} .ccmDateNav ul.years li.year{} .ccmDateNav ul.years li.year ul.months{padding: 0px !important; margin: 0px 0px 0px 0px !important;} #inner .ccmDateNav ul {padding: 0px !important; margin: 0px !important;} .ccmDateNav ul.years li.year ul.months li.month{ } .ccmDateNav ul.months li.month ul.monthsPages{margin:0px !important; padding:0px !important; } .ccmDateNav ul.years li.year .section {display:block; font-family:'Open Sans', Arial, sans-serif; font-weight:600; padding:0px 15px 0px 15px; height:34px; line-height:34px; width:250px; margin-bottom:0px; background-image:none !important; /*background-image: url(../images/news-arrow-white-down.png) !important;*/ background-color:#00a6cf; text-transform: uppercase; background-repeat: no-repeat; background-position: 225px 6px !important; font-size:13px; color:#FFFFFF; text-decoration:none; } .ccmDateNav ul.years li.year .section.closed { background-image:none !important; /*background-image: url(../images/news-arrow-white.png) !important;*/ } .ccmDateNav ul.years li.year .section:hover, .ccmDateNav ul.years li.year ul.months li.month .section:hover, .ccmDateNav ul.months li.month .section:hover, .ccmDateNav ul.months li.month .section.closed:hover {background-color: #333333 !important; color:#FFFFFF !important; } .ccmDateNav ul.years li.year ul.months li.month .section {display:block; font-family:'Open Sans', Arial, sans-serif; font-weight:600; padding:0px 15px 0px 15px !important; height:34px; line-height:34px; width:250px; margin-bottom:0px; background-color:#e1e2e4; font-size:13px; background-image:none !important; text-transform: uppercase; background-repeat: no-repeat; background-position: 225px 6px !important; color:#191c1f !important; text-decoration:none; } .ccmDateNav ul.years li.year ul.months li.month .section.closed { background-image:none !important; } /* for flat view */ .ccmDateNav ul.months li.month .section {display:block; font-family:'Open Sans', Arial, sans-serif; font-weight:600; padding:0px 15px 0px 15px !important; height:34px; line-height:34px; width:250px; margin-bottom:0px; background-color:#00a6cf; font-size:13px; background-image:none !important; text-transform: uppercase; background-repeat: no-repeat; background-position: 225px 6px !important; color:#FFFFFF !important; text-decoration:none; } .ccmDateNav ul.months li.month .section.closed {background-color:#e1e2e4; color:#191c1f !important; background-image:none !important; } .ccmDateNav ul.months li.month ul.monthsPages li a {display:block; padding:8px 10px 8px 15px !important; margin-bottom:0px !important; font-size:13px; line-height:18px !important; border-bottom:1px solid #edeeef; background-image:none !important; background-color:transparent; font-weight:normal !important; text-decoration:none; color:#191c1f !important;} .ccmDateNav ul.months li.month ul.monthsPages li a:hover {display:block; padding:8px 10px 8px 15px !important; margin-bottom:0px !important; background-color:#f1f2f5; font-size:13px; line-height:18px !important; border-bottom:1px solid #f1f2f5; background-image:none !important; font-weight:normal !important; text-decoration:none;} .ccmDateNav .trigger{cursor:pointer} .ccmDateNav ul li .pageSummary{ font-size:13px !important; line-height:17px !important; font-weight: normal !important; margin:8px 0px 10px 30px !important; } .ccmDateNav ul li .section{ background-image:none !important; } .ccmDateNav ul li .section.closed{ background-image:none !important; } /* ================== style for BLOG page =============== */ #blog-index h3 {font-size:24px !important; color:#231f20 !important; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:600 !important; line-height:30px !important; text-transform:uppercase !important; padding:0px; margin:0px; border:none; } #blog-index h3 a{color:#231f20 !important; text-decoration:none;} #blog-index h3 a:hover{color:#f28b00 !important; text-decoration:none; } #blog-index .title h4, .pageSection .main-meta {color: #f28b00 !important; font-family:'Open Sans', Helvetica, Arial, sans-serif !important; font-size:11px !important; text-transform:uppercase; font-style:normal !important; padding:4px 0px 15px 0px; margin:0px; font-weight:600 !important; } #blog-index p {padding-bottom:16px !important; margin:0px !important;} #blog-index-foot #pagination {font-size:12px !important; text-transform:uppercase;} #blog-index-foot #pagination span.ltgray {padding:0px 6px !important;} #blog-index-foot #pagination span.currentPage {padding:0px 6px !important;} #blog-index-foot #pagination a {padding:0px 6px !important;} /* change read-more link */ #blog-index .meta { margin-top:15px; margin-bottom:10px; } #blog-index .meta a { background-color: #00a6cf; color: #FFFFFF !important; text-decoration:none; font-family:'Open Sans', Helvetica, Arial, sans-serif; cursor: pointer; padding: 7px 22px !important; height:24px !important; font-size: 13px !important; font-weight:600 !important; position: relative !important; text-transform: uppercase; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; } #blog-index .meta a:hover, #blog-index .meta a:active, #blog-index .meta a.active { background-color: #333333 !important;} .pageSection h2 {font-size:24px !important; color:#231f20 !important; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:600 !important; line-height:30px !important; text-transform:uppercase !important; padding:0px; margin:0px; border:none;} /* post page header */ .pageSection .ccm-image-block {margin:0px 0px 15px 0px; border:0px none; max-width:650px; height:auto;} #blog-index .ccm-image-block {margin:0px 0px 15px 0px; border:0px none; max-width:650px; height:auto;} hr.blog-entry-divider {margin-top:50px !important; margin-bottom:50px !important; color: #ddddde !important; background-color:#ddddde !important; height:1px !important; border:0px none;} #blog-index-foot #rss {margin:10px 0px 30px 0px !important;} #blog-index-foot #pagination span.pagination-left {margin-right:5px !important; font-weight:bold;} #blog-index-foot #pagination span.pagination-right {margin:0px 30px 0px 5px !important; font-weight:bold;} #blog-index-foot #pagination span.currentPage {font-size:13px !important; line-height:20px !important; display:inline block; margin-right:5px; padding:4px 10px 4px 10px !important; background:#f28b00 !important; color:#FFFFFF !important;} #blog-index-foot #pagination span.numbers {} #blog-index-foot #pagination span.numbers a {font-size:13px !important; line-height:20px !important; display:inline block; margin:0px 5px 0px 0px; padding:6px 9px 5px 9px !important; background:#d4d6da; color:#FFFFFF; text-align:center;} #blog-index-foot #pagination span.numbers a:hover {background:#00a6cf; color:#FFFFFF;} h4.guestBook-title {margin-top: 30px !important; font-weight:bold;} .guestBook-formBlock-title {font-size: 16px; color: #000000;} .guestBook-title {font-size: 18px; color: #000000;} /* =========================== TAGS ========================= */ #sidebar .ccm-tags-display { margin:0px 0px 50px 0px !important; padding:0px !important; height:auto; } #sidebar .ccm-tags-display ul.ccm-tag-list li { color: #191c1f !important; margin: 3px 3px 3px 0px !important; padding:0px 0px 8px 0px !important; cursor: pointer; display: inline-block !important; float: left !important; line-height: 22px !important; height:22px !important; font-size: 12px !important; position: relative !important; text-transform: uppercase !important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-radius: 1px !important; -moz-border-radius: 1px !important; -webkit-border-radius: 1px !important; -o-border-radius: 1px !important; } #sidebar .ccm-tags-display ul.ccm-tag-list li a { background-color: #e1e2e4 !important; color: #191c1f !important; text-decoration:none; cursor: pointer; display: inline-block !important; float: left !important; padding: 5px 7px !important; line-height: 22px !important; height:22px !important; font-size: 12px !important; position: relative !important; text-transform: uppercase !important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-radius: 1px !important; -moz-border-radius: 1px !important; -webkit-border-radius: 1px !important; -o-border-radius: 1px !important; font-weight:600 !important; } #sidebar .ccm-tags-display ul.ccm-tag-list li a:hover { background-color: #f28b00 !important; color:#FFFFFF !important; } #sidebar .ccm-tags-display ul.ccm-tag-list { color: #fff !important; margin:0px !important; padding:0px !important; list-style-type: none !important; -webkit-margin-before: 0px !important; -webkit-margin-after: 0px !important; } /* ==================== Search Results ===================*/ #topline .ccm-search-block-text {height:15px; border: 1px solid #ddddde; margin-right:0px; float:left; } #topline .ccm-search-block-submit {margin-left:0px; padding-left:0px; float:left;} /* body search form */ #body .ccm-search-block-form h3 {font-size:24px; color:#231f20; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:600; line-height:30px; text-transform:uppercase; padding:0px 0px 25px 0px !important; margin:0px !important; border:0px none;} #body .ccm-search-block-text {font-family:Arial,Helvetica,sans-serif; background:#FFFFFF; font-size:13px; line-height:18px; border: 1px solid #9a9a9c !important; height:30px; width:400px; margin:0px; padding:4px 8px; } #body .ccm-search-block-submit {font-size:12px; margin:0px; height:40px; background:#00a6cf; color:#FFFFFF; text-align:center; padding:5px 26px; text-transform:uppercase; font-weight:bold; border:0px none !important; cursor:pointer;} #body .ccm-search-block-submit:hover {background:#333333; color:#FFFFFF; } #body #searchResults .searchResult h3 {font-size:18px !important; font-family:'Open Sans', Helvetica, Arial, sans-serif !important; font-weight:400 !important; line-height:22px !important; padding:0px !important; margin:0px; text-decoration:none; color:#f28b00 !important; } #body #searchResults .searchResult h3 a {text-decoration:none; color:#00a6cf !important; } #body #searchResults .searchResult h3 a:hover {text-decoration:underline; color:#00a6cf !important;} #body #searchResults {margin-top:50px !important;} #body #searchResults .searchResult {padding-bottom:0px !important; margin-bottom:0px !important;} #body #searchResults .searchResult p {line-height:22px !important; padding-bottom:0px !important; margin-bottom:0px !important;} #body #searchResults .searchResult a.pageLink {text-decoration:none !important;} #body #searchResults .searchResult a.pageLink:hover {text-decoration:underline !important;} #body #searchResults .searchResult p span {background-color:#bebebe !important; } #body .ccm-search-block-form .ccm-pagination {margin-top:50px !important;} #body .ccm-search-block-form span.ccm-page-left {font-size:12px !important; margin-right:5px !important; font-weight:bold; text-transform:uppercase;} #body .ccm-search-block-form span.ccm-page-right {font-size:12px !important; margin:0px 30px 0px 5px !important; font-weight:bold; text-transform:uppercase;} #body .ccm-search-block-form span.currentPage {display:inline block; margin-right:5px; padding:4px 10px 4px 10px !important; background:#00a6cf !important; color:#FFFFFF !important;} #body .ccm-search-block-form span.numbers {} #body .ccm-search-block-form span.numbers a {display:inline block; margin:0px 5px 0px 0px; padding:4px 10px 4px 10px !important; background:#d4d6da; color:#00a6cf; text-align:center;} /* ============================= core form block ================ */ table.formBlockSurveyTable .checkboxList {margin-bottom:12px; margin-top:4px;} table.formBlockSurveyTable .question {padding-top:8px;} table.formBlockSurveyTable label {font-weight:700;} table.formBlockSurveyTable input {background-color:#FFFFFF; max-width:350px; border:1px solid #9a9a9c !important; padding:10px 15px; margin:5px 0px;} table.formBlockSurveyTable textarea {background-color:#FFFFFF; max-width:400px; min-height: 75px; border:1px solid #9a9a9c !important; padding:10px 15px; margin:5px 0px;} table.formBlockSurveyTable input[type="radio"] {background-color:transparent; width:40px; border:0px !important; padding:10px 15px; margin:5px 0px;} table.formBlockSurveyTable select { background-color:#FFFFFF !important; max-width:350px !important; border:1px solid #9a9a9c !important; padding:10px 15px !important; margin:5px 0px !important; } table.formBlockSurveyTable .ccm-captcha-image {margin-bottom:0px; padding-bottom:0px;} table.formBlockSurveyTable .ccm-input-captcha {margin-top:0px;} table.formBlockSurveyTable {line-height:22px;} .formBlockSurveyTable td input[type="submit"] { background-color: #00a6cf !important; color: #FFFFFF !important; text-decoration:none !important; width:150px !important; font-family:'Open Sans', Helvetica, Arial, sans-serif !important; font-weight:600 !important; cursor: pointer; padding: 8px 18px !important; font-size: 13px !important; position: relative !important; text-transform: uppercase !important; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; -o-border-radius: 20px !important; border:0px !important; } /* ===================== CUBE TESTIMONIALS ================================*/ .block-testimonials .block-content .testimonial-list h3 {float: center; text-align:center !important; padding:10px 0px 20px 0px; margin:0; font-size:24px; color:#FFFFFF; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:600; line-height:30px; text-transform:uppercase;} .block-testimonials .block-content .testimonial-list p {font-style:italic; font-size:17px !important; font-family:'Open Sans', Arial, sans-serif; font-weight:400; color: #FFFFFF; line-height:26px !important; text-align: center !important; padding:0px 0px 20px 0px !important; margin:0px !important; } .block-testimonials .block-content {padding:0px !important; margin:0px 90px !important; text-align:center !important; } .block-testimonials .block-content .testimonial-list .item blockquote {padding:0px !important; margin:0px !important; text-align:center !important;} .block-testimonials .block-content .testimonial-list .item small {text-align:center !important; color:#FFFFFF !important; font-size:13px !important; line-height:20px !important; font-weight:600 !important; text-transform:uppercase; margin:0px; padding:0px; letter-spacing:1px; } .block-testimonials .block-content .testimonial-list .item small a {text-decoration:underline;} .block-testimonials .block-content .testimonial-list .item small a:hover {text-decoration:none;} /* ===================== FLEX SLIDER ================================== */ .default-flex .flexslider, .default-flex .flexslider-container466 {margin-bottom:0px !important;} .default-flex .flex-caption { padding: 10px 10px 100px 10px !important; color: #fff; margin-left:5%; background: transparent !important; opacity: 1.0 !important; filter: alpha(opacity=100) !important; text-align:left; } .default-flex .flex-caption h3 { color: #fff; margin: 0px; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:700; font-size: 48px; line-height:50px; padding:0px 0px 30px 0px; text-transform:uppercase; text-align:left; } .default-flex .flex-caption p { color: #fff; margin: 0px; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:400; font-size: 18px; line-height:22px; padding:0px 0px 5px 0px; text-align:left; } .default-flex .flex-caption p.flex-bodycapt { padding:0px 0px 20px 0px !important; } .default-flex .flex-caption p a, .default-flex .flex-caption a { color: #fff !important; margin: 0px; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:800; font-size: 18px; line-height:22px; text-align:left; text-decoration:none; } .default-flex .flex-caption p a:hover, .default-flex .flex-caption a:hover { color: #00a6cf !important; text-decoration:none; } .default-flex .flex-control-paging li a.flex-active { background: #00a6cf !important; cursor: default; } .default-flex .flex-control-paging li a:hover { background: #00a6cf !important; } @media only screen and (max-width: 1024px) { .default-flex .flex-caption { padding: 10px 10px 50px 10px !important; margin-left:5%; } .default-flex .flex-caption h3 { margin: 0px; font-weight:700; font-size: 36px; line-height:38px; padding:0px 0px 25px 0px; } .default-flex .flex-caption p { margin: 0px; font-weight:400; font-size: 16px; line-height:20px; padding:0px 0px 5px 0px; } .default-flex .flex-caption p.flex-bodycapt { padding:0px 0px 20px 0px !important; } .default-flex .flex-caption p a, .default-flex .flex-caption a { margin: 0px; font-weight:800; font-size: 16px; line-height:20px; } } @media screen and (max-width: 768px) { .default-flex .flex-caption { position: absolute !important; } .default-flex .flex-caption { padding: 10px 10px 25px 10px !important; margin-left:5%; } .default-flex .flex-caption h3 { margin: 0px; font-weight:700; font-size: 24px; line-height:26px; padding:0px 0px 10px 0px; } .default-flex .flex-caption p { margin: 0px; font-weight:400; font-size: 14px; line-height:18px; padding:0px 0px 0px 0px; } .default-flex .flex-caption p.flex-bodycapt { padding:0px 0px 20px 0px !important; } .default-flex .flex-caption p a, .default-flex .flex-caption a { margin: 0px; font-weight:800; font-size: 14px; line-height:18px; } #page .default-flex .flex-caption .btn { padding: 7px 32px 7px 32px !important; height:28px !important; font-size: 13px !important; } } @media screen and (max-width: 540px) { .default-flex .flex-caption { position: absolute !important; } .default-flex .flex-caption { padding: 10px 10px 15px 10px !important; margin-left:5%; } .default-flex .flex-caption h3 { margin: 0px; font-weight:700; font-size: 18x; line-height:20px; padding:0px 0px 2px 0px; } .default-flex .flex-caption p { margin: 0px; font-weight:600; font-size: 13px; line-height:17px; padding:0px 0px 0px 0px; } .default-flex .flex-caption p.flex-bodycapt { padding:0px 0px 10px 0px !important; } .default-flex .flex-caption p a, .default-flex .flex-caption a { margin: 0px; font-weight:800; font-size: 13px; line-height:17px; } #page .default-flex .flex-caption .btn { padding: 5px 20px 5px 20px !important; height:22px !important; font-size: 12px !important; } } @media screen and (max-width: 460px) { .default-flex .flex-caption { position: absolute !important; } .default-flex .flex-caption { padding: 10px 10px 15px 10px !important; margin-left:5%; } .default-flex .flex-caption h3 { margin: 0px; font-weight:700; font-size: 14x !important; line-height:22px !important; padding:0px 0px 0px 0px; } .default-flex .flex-caption p { margin: 0px; font-weight:600; font-size: 12px; line-height:16px; padding:0px 0px 0px 0px; } .default-flex .flex-caption p a, .default-flex .flex-caption a { margin: 0px; font-weight:800; font-size: 12px; line-height:16px; } #page .default-flex .flex-caption .btn { padding: 3px 20px 3px 20px !important; height:16px !important; font-size: 10px !important; } } @media screen and (max-width: 400px) { .default-flex .flex-caption p.flex-bodycapt { display:none; } } /* caption button */ .default-flex .flex-caption .btn {} .default-flex .flex-caption a.btn { background-color: #00a6cf; color: #FFFFFF !important; text-decoration:none; font-family:'Open Sans', Helvetica, Arial, sans-serif; cursor: pointer; clear:both; padding: 9px 32px !important; height:35px !important; font-size: 13px !important; font-weight:600 !important; position: relative !important; text-transform: uppercase; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; -o-border-radius: 20px !important; opacity:1.00 !important; filter:alpha(opacity=100) !important; text-shadow: none; } .default-flex .flex-caption a.btn:hover, .default-flex .flex-caption a.btn:active, .default-flex .flex-caption a.btn:active { background-color: #FFFFFF !important; color:#00a6cf !important; opacity:1.00 !important; filter:alpha(opacity=100) !important; text-shadow: none;} /* ===================== BOOTSTRAP BUTTONS =================== */ .bbtn-all.bbtn.bbtn-mini.bbtn-default, .bbtn-mini .btn-view-over-the-town-1, .bbtn-mini, .bbtn-all.btn-mini { padding: 5px 18px !important; height:25px !important; font-size: 11px !important; font-weight:600 !important; color: #ffffff !important; text-transform:uppercase !important; } .bbtn-all.bbtn.bbtn-small.bbtn-default, .bbtn-small .btn-view-over-the-town-1, .bbtn-small, .bbtn-all.btn-small { padding: 6px 22px !important; height:32px !important; font-size: 13px !important; font-weight:600 !important; color: #ffffff !important; text-transform:uppercase !important; } .bbtn-default, .bbtn-large .btn-view-over-the-town-1, .bbtn-all.btn-large .btn-view-over-the-town-1, .bbtn-large, .bbtn-all.btn-large { padding: 6px 28px !important; height:36px !important; font-size: 13px !important; font-weight:600 !important; color: #ffffff !important; text-transform:uppercase !important; } .bbtn-jumbo .btn-view-over-the-town-1, .bbtn-jumbo, .bbtn-all.btn-jumbo { padding: 10px 36px !important; height:40px !important; font-size: 14px !important; font-weight:600 !important; color: #ffffff !important; text-transform:uppercase !important; } .bbtn-default, .bbtn-default :visited, a.bbtn-default :visited, .bbtn.bbtn-default, .bbtn.bbtn-default:visited, a.bbtn.bbtn-default:visited { padding: 6px 28px !important; height:36px !important; font-size: 13px !important; font-weight:600 !important; color: #ffffff !important; text-transform:uppercase !important; } .bbtn, .bbtn-default, .bbtn.bbtn-default, a.bbtn, a.bbtn-default, .btn-view-over-the-town-1 {text-shadow: none !important; color: #ffffff !important; background-color: #00a6cf !important; background-image: none !important; filter: none !important; border: 0px none !important; text-decoration:none !important; font-family:'Open Sans', Helvetica, Arial, sans-serif; cursor: pointer; position: relative !important; transition: all 0.2s linear !important; -moz-transition: all 0.2s linear !important; -webkit-transition: all 0.2s linear !important; -o-transition: all 0.2s linear !important; border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; -o-border-radius: 20px !important; text-transform:uppercase !important; } .bbtn:hover, .bbtn-default:hover, .bbtn:active, .bbtn-default:active, .bbtn.active, .bbtn-default.active, .bbtn.disabled, .bbtn-default.disabled, .btn-view-over-the-town-1:hover, .btn-view-over-the-town-1:active, .btn-view-over-the-town-1.active, .btn-view-over-the-town-1.disabled, .btn-view-over-the-town-1[disabled] {color: #ffffff !important; text-shadow: none !important; background-color: #333333 !important; } .bbtn:hover, .bbtn-default:hover, .btn-view-over-the-town-1:hover { color: #ffffff !important; text-shadow: none !important; } .bbtn:focus, .bbtn-default:focus, .btn-view-over-the-town-1:focus { color: #ffffff !important; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; border: 0px none !important; } .bbtn:active, .bbtn-default:active, .bbtn.active, .bbtn-default.active, .btn-view-over-the-town-1.active, .btn-view-over-the-town-1:active { text-shadow: none !important; background-image: none; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; color: #ffffff !important; } /* end .btn-view-over-the-town-1 */ /* ===================== BUTTONS FOR ORANGE AREA AND FOOTER footerfeed =========================== */ .blue-wrap .bbtn-default, .blue-wrap .bbtn-default :visited, .blue-wrap a.bbtn-default :visited, .blue-wrap .bbtn.bbtn-default, .blue-wrap .bbtn.bbtn-default:visited, .blue-wrap a.bbtn.bbtn-default:visited, #footerfeed .bbtn-default, #footerfeed .bbtn-default:visited, #footerfeed a.bbtn-default:visited, #footerfeed .bbtn.bbtn-default, #footerfeed .bbtn.bbtn-default:visited, #footerfeed a.bbtn.bbtn-default:visited, .footerfull-wrap .bbtn-default, .footerfull-wrap .bbtn-default:visited, .footerfull-wrap a.bbtn-default:visited, .footerfull-wrap .bbtn.bbtn-default, .footerfull-wrap .bbtn.bbtn-default:visited, .footerfull-wrap a.bbtn.bbtn-default:visited { color: #00a6cf !important; } .blue-wrap .bbtn-all.bbtn.bbtn-mini.bbtn-default:hover, .blue-wrap .bbtn-mini .bbtn-warning:hover, .blue-wrap .bbtn-mini:hover, .blue-wrap .bbtn-all.btn-mini:hover, #footerfeed .bbtn-all.bbtn.bbtn-mini.bbtn-default:hover, #footerfeed .bbtn-mini .bbtn-warning:hover, #footerfeed .bbtn-mini:hover, #footerfeed .bbtn-all.btn-mini:hover, .footerfull-wrap .bbtn-all.bbtn.bbtn-mini.bbtn-default:hover, .footerfull-wrap .bbtn-mini .bbtn-warning:hover, .footerfull-wrap .bbtn-mini:hover, .footerfull-wrap .bbtn-all.btn-mini:hover, .blue-wrap .bbtn-all.bbtn.bbtn-small.bbtn-default:hover, .blue-wrap .bbtn-small .bbtn-warning:hover, .blue-wrap .bbtn-small:hover, .blue-wrap .bbtn-all.btn-small:hover, #footerfeed .bbtn-all.bbtn.bbtn-small.bbtn-default:hover, #footerfeed .bbtn-small .bbtn-warning:hover, #footerfeed .bbtn-small:hover, #footerfeed .bbtn-all.btn-small:hover, .footerfull-wrap .bbtn-all.bbtn.bbtn-small.bbtn-default:hover, .footerfull-wrap .bbtn-small .bbtn-warning:hover, .footerfull-wrap .bbtn-small:hover, .footerfull-wrap .bbtn-all.btn-small:hover, .blue-wrap .bbtn-default:hover, .blue-wrap a.bbtn-default:hover, .blue-wrap .bbtn.bbtn-default:hover, .blue-wrap a.bbtn.bbtn-default:hover, #footerfeed .bbtn-default:hover, #footerfeed a.bbtn-default:hover, #footerfeed .bbtn.bbtn-default:hover, #footerfeed a.bbtn.bbtn-default:hover, .footerfull-wrap .bbtn-default:hover, .footerfull-wrap a.bbtn-default:hover, .footerfull-wrap .bbtn.bbtn-default:hover, .footerfull-wrap a.bbtn.bbtn-default:hover, .blue-wrap .bbtn-default:hover, .blue-wrap .bbtn-large .bbtn-warning:hover, .blue-wrap .bbtn-all.btn-large .bbtn-warning:hover, .blue-wrap .bbtn-large:hover, .blue-wrap .bbtn-all.btn-large:hover, #footerfeed .bbtn-default:hover, #footerfeed .bbtn-large .bbtn-warning:hover, #footerfeed .bbtn-all.btn-large .bbtn-warning:hover, #footerfeed .bbtn-large:hover, #footerfeed .bbtn-all.btn-large:hover, .footerfull-wrap .bbtn-default:hover, .footerfull-wrap .bbtn-large .bbtn-warning:hover, .footerfull-wrap .bbtn-all.btn-large .bbtn-warning:hover, .footerfull-wrap .bbtn-large:hover, .footerfull-wrap .bbtn-all.btn-large:hover, .blue-wrap .bbtn-jumbo .bbtn-warning:hover, .blue-wrap .bbtn-jumbo:hover, .blue-wrap .bbtn-all.btn-jumbo:hover, #footerfeed .bbtn-jumbo .bbtn-warning:hover, #footerfeed .bbtn-jumbo:hover, #footerfeed .bbtn-all.btn-jumbo:hover, .footerfull-wrap .bbtn-jumbo .bbtn-warning:hover, .footerfull-wrap .bbtn-jumbo:hover, .footerfull-wrap .bbtn-all.btn-jumbo { color: #FFFFFF !important; } .blue-wrap .bbtn-all.bbtn.bbtn-mini.bbtn-default, .blue-wrap .bbtn-mini .bbtn-warning, .blue-wrap .bbtn-mini, .blue-wrap .bbtn-all.btn-mini, #footerfeed .bbtn-all.bbtn.bbtn-mini.bbtn-default, #footerfeed .bbtn-mini .bbtn-warning, #footerfeed .bbtn-mini, #footerfeed .bbtn-all.btn-mini, .footerfull-wrap .bbtn-all.bbtn.bbtn-mini.bbtn-default, .footerfull-wrap .bbtn-mini .bbtn-warning, .footerfull-wrap .bbtn-mini, .footerfull-wrap .bbtn-all.btn-mini { padding: 5px 18px !important; height:25px !important; font-size: 11px !important; font-weight:600 !important; color: #00a6cf !important; text-transform:uppercase !important; } .blue-wrap .bbtn-all.bbtn.bbtn-small.bbtn-default, .blue-wrap .bbtn-small .bbtn-warning, .blue-wrap .bbtn-small, .blue-wrap .bbtn-all.btn-small, #footerfeed .bbtn-all.bbtn.bbtn-small.bbtn-default, #footerfeed .bbtn-small .bbtn-warning, #footerfeed .bbtn-small, #footerfeed .bbtn-all.btn-small, .footerfull-wrap .bbtn-all.bbtn.bbtn-small.bbtn-default, .footerfull-wrap .bbtn-small .bbtn-warning, .footerfull-wrap .bbtn-small, .footerfull-wrap .bbtn-all.btn-small { padding: 6px 28px !important; height:36px !important; font-size: 13px !important; font-weight:600 !important; color: #00a6cf !important; text-transform:uppercase !important; } .blue-wrap .bbtn-default, .blue-wrap .bbtn-large .bbtn-warning, .blue-wrap .bbtn-all.btn-large .bbtn-warning, .blue-wrap .bbtn-large, .blue-wrap .bbtn-all.btn-large, #footerfeed .bbtn-default, #footerfeed .bbtn-large .bbtn-warning, #footerfeed .bbtn-all.btn-large .bbtn-warning, #footerfeed .bbtn-large, #footerfeed .bbtn-all.btn-large, .footerfull-wrap .bbtn-default, .footerfull-wrap .bbtn-large .bbtn-warning, .footerfull-wrap .bbtn-all.btn-large .bbtn-warning, .footerfull-wrap .bbtn-large, .footerfull-wrap .bbtn-all.btn-large { padding: 6px 28px !important; height:36px !important; font-size: 13px !important; font-weight:600 !important; color: #00a6cf !important; text-transform:uppercase !important; } .blue-wrap .bbtn-jumbo .bbtn-warning, .blue-wrap .bbtn-jumbo, .blue-wrap .bbtn-all.btn-jumbo, #footerfeed .bbtn-jumbo .bbtn-warning, #footerfeed .bbtn-jumbo, #footerfeed .bbtn-all.btn-jumbo,.footerfull-wrap .bbtn-jumbo .bbtn-warning, .footerfull-wrap .bbtn-jumbo, .footerfull-wrap .bbtn-all.btn-jumbo { padding: 10px 36px !important; height:40px !important; font-size: 14px !important; font-weight:600 !important; color: #00a6cf !important; text-transform:uppercase !important; } .blue-wrap .bbtn, .blue-wrap .bbtn-default, .blue-wrap .bbtn.bbtn-default, .blue-wrap a.bbtn, .blue-wrap a.bbtn-default, .blue-wrap .bbtn-warning, #footerfeed .bbtn, #footerfeed .bbtn-default, #footerfeed .bbtn.bbtn-default, #footerfeed a.bbtn, #footerfeed a.bbtn-default, #footerfeed .bbtn-warning, .footerfull-wrap .bbtn, .footerfull-wrap .bbtn-default, .footerfull-wrap .bbtn.bbtn-default, .footerfull-wrap a.bbtn, .footerfull-wrap a.bbtn-default, .footerfull-wrap .bbtn-warning {text-shadow: none !important; color: #00a6cf !important; background-color: #FFFFFF !important; background-image: none !important; filter: none !important; border: 0px none !important; text-decoration:none !important; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:600 !important; cursor: pointer; position: relative !important; text-transform: uppercase !important; transition: all 0.2s linear !important; -moz-transition: all 0.2s linear !important; -webkit-transition: all 0.2s linear !important; -o-transition: all 0.2s linear !important; border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; -o-border-radius: 20px !important; } .blue-wrap .bbtn:hover, .blue-wrap .bbtn-default:hover, .blue-wrap .bbtn:active, .blue-wrap .bbtn-default:active, .blue-wrap .bbtn.active, .blue-wrap .bbtn-default.active, .blue-wrap .bbtn.disabled, .blue-wrap .bbtn-default.disabled, .blue-wrap .bbtn-warning:hover, .blue-wrap .bbtn-warning:active, .blue-wrap .bbtn-warning.active, .blue-wrap .bbtn-warning.disabled, .blue-wrap .bbtn-warning[disabled], #footerfeed .bbtn:hover, #footerfeed .bbtn-default:hover, #footerfeed .bbtn:active, #footerfeed .bbtn-default:active, #footerfeed .bbtn.active, #footerfeed .bbtn-default.active, #footerfeed .bbtn.disabled, #footerfeed .bbtn-default.disabled, #footerfeed .bbtn-warning:hover, #footerfeed .bbtn-warning:active, #footerfeed .bbtn-warning.active, #footerfeed .bbtn-warning.disabled, #footerfeed .bbtn-warning[disabled], .footerfull-wrap .bbtn:hover, .footerfull-wrap .bbtn-default:hover, .footerfull-wrap .bbtn:active, .footerfull-wrap .bbtn-default:active, .footerfull-wrap .bbtn.active, .footerfull-wrap .bbtn-default.active, .footerfull-wrap .bbtn.disabled, .footerfull-wrap .bbtn-default.disabled, .footerfull-wrap .bbtn-warning:hover, .footerfull-wrap .bbtn-warning:active, .footerfull-wrap .bbtn-warning.active, .footerfull-wrap .bbtn-warning.disabled, .footerfull-wrap .bbtn-warning[disabled] {color: #ffffff !important; text-shadow: none !important; background-color: #232325 !important; } .blue-wrap .bbtn:hover, .blue-wrap .bbtn-default:hover, .blue-wrap .bbtn-warning:hover, #footerfeed .bbtn:hover, #footerfeed .bbtn-default:hover, #footerfeed .bbtn-warning:hover, .footerfull-wrap .bbtn:hover, .footerfull-wrap .bbtn-default:hover, .footerfull-wrap .bbtn-warning:hover { color: #ffffff !important; text-shadow: none !important; background-color: #232325 !important;} .blue-wrap .bbtn:focus, .blue-wrap .bbtn-default:focus, .blue-wrap .bbtn-warning:focus, #footerfeed .bbtn:focus, #footerfeed .bbtn-default:focus, #footerfeed .bbtn-warning:focus, .footerfull-wrap .bbtn:focus, .footerfull-wrap .bbtn-default:focus, .footerfull-wrap .bbtn-warning:focus { color: #ffffff !important; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; border: 0px none !important; } .blue-wrap .bbtn:active, .blue-wrap .bbtn-default:active, .blue-wrap .bbtn.active, .blue-wrap .bbtn-default.active, .blue-wrap .bbtn-warning.active, .blue-wrap .bbtn-warning:active, #footerfeed .bbtn:active, #footerfeed .bbtn-default:active, #footerfeed .bbtn.active, #footerfeed .bbtn-default.active, #footerfeed .bbtn-warning.active, #footerfeed .bbtn-warning:active, .footerfull-wrap .bbtn:active, .footerfull-wrap .bbtn-default:active, .footerfull-wrap .bbtn.active, .footerfull-wrap .bbtn-default.active, .footerfull-wrap .bbtn-warning.active, .footerfull-wrap .bbtn-warning:active { text-shadow: none !important; background-image: none; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0) !important; color: #ffffff !important; } /* ======================== Style for EXTENDED FORM Block ==================== */ .formBlockSurveyTable { } .formBlockSurveyRow { display: block; width: 100%; padding-top: 5px; overflow: auto; } .formBlockSurveyCell { float: left; padding:5px 0px; } .formBlockSurveyCell.question { width: 250px !important; padding-right: 15px !important; font-size:13px; line-height:18px; } .formBlockSurveyCell.answer { } .extendedFormSurveyView #msg { background:#FFFF99; color: #000; padding:2px; border:1px solid #999; margin:8px 0px 8px 0px } .extendedFormSurveyView #msg .error{padding-left:16px; color:#cc0000} .extendedFormSurveyView .formError { color:#cc0000; padding: 2px; } .formBlockSurveyCell img.ccm-captcha-image{float:none} .formBlockSurveyCell .requiorange{ color:#cc0000 } .formBlockSurveyCell textarea, .formBlockSurveyCell input[type=text], .formBlockSurveyCell select { font-size: 12px; font-family:inherit; width: 300px; float: left; padding: 0; margin: 0; } #extendedFormSurveyPreviewWrap textarea, #extendedFormSurveyPreviewWrap input[type=text], #extendedFormSurveyPreviewWrap select { float: left; } .formBlockSurveyCell input[type=text] { height: 18px; line-height: 18px; } .formBlockSurveyCell select { height: 22px; line-height: 22px; width: 304px; } .formBlockSurveyCell .otherDiv { margin-top: 4px; } /* CSS styles for the contentitems of the form */ .formBlockSurveyCell.space { display: block; height: 20px; } .formBlockSurveyCell.line { padding-top: 5px; padding-bottom: 5px; } .formBlockSurveyCell.line h4 { font-size: 14px; font-family:inherit; font-weight:bold; } .formBlockSurveyCell.text { font-size: 13px !important; line-height:19px; font-family:inherit; padding-top: 0px !important; padding-bottom: 12px !important; font-weight: bold; } .formBlockSurveyCell.hr { padding-top: 5px; padding-bottom: 5px; width: 100%; } .formBlockSurveyCell .checkboxList, .formBlockSurveyCell .radiobuttonsList, .formBlockSurveyCell .ratinglist, #extendedFormSurveyPreviewWrap .checkboxList, #extendedFormSurveyPreviewWrap .radiobuttonsList, #extendedFormSurveyPreviewWrap .ratinglist { float: left; } #extendedFormSurveyPreviewWrap .radiobuttonsList { display:inline; } #extendedFormSurveyView label { font-weight:normal !important; min-width:250px; font-size:13px; line-height:18px; } .formBlockSurveyCell .ccm-input-captcha { float:none !important; display: block !important; width: 175px !important; } .formBlockSurveyCell .ccm-input-date-wrapper, .formBlockSurveyCell .ccm-input-time-wrapper, #extendedFormSurveyPreviewWrap .ccm-input-date-wrapper, #extendedFormSurveyPreviewWrap .ccm-input-time-wrapper { float: left; } .formBlockSurveyCell .ccm-input-date-wrapper, #extendedFormSurveyPreviewWrap .ccm-input-date-wrapper { padding-right: 5px; } .formBlockSurveyCell .ccm-input-date-wrapper input , #extendedFormSurveyPreviewWrap .ccm-input-date-wrapper input{ float: none; width: 100px; } .formBlockSurveyCell .ccm-input-time-wrapper select, #extendedFormSurveyPreviewWrap .ccm-input-time-wrapper select { float: none; width: auto !important; } .formBlockSurveyTable .clearfloat, #extendedFormSurveyPreviewWrap .clearfloat { clear: both; font-size:0; height:0; line-height:0; padding:0; margin:0; } .formBlockSurveyTable .fieldset, #extendedFormSurveyPreviewWrap .fieldset { margin-bottom: 20px !important; display:block; width:97%; padding: 3px 10px 20px 10px !important; border-top:1px solid #CCCCCC; border-bottom:0px none !important; border-right:0px none !important; border-left:0px none !important; } .formBlockSurveyTable .legend, #extendedFormSurveyPreviewWrap .legend { margin: 0px; padding: 0px; margin-left: 10px; margin-bottom: 0px !important; display: block; border:1px solid #CCCCCC; padding: 4px 15px !important; color: #00a6cf !important; font-weight:bold; text-transform:uppercase; } .formBlockSubmitButton { background-color: #00a6cf; color: #FFFFFF !important; text-decoration:none; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:600; cursor: pointer; padding: 8px 18px !important; font-size: 14px!important; position: relative !important; text-transform: capitalize; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; border:0px !important; } /* =================== MAGIC TABS ====================== */ .ccm-dialog-tabs { float: left; width: 100%; margin: 0px 0 50px 0 !important; border-bottom: 1px solid #d1cfcf !important; } .ccm-ui .tabs>li { margin-bottom: 0px !important; } .ccm-ui ul.tabs>.active>a, .ccm-ui ul.tabs>.active>a:hover { color: #FFFFFF !important; background-color: #00a6cf !important; border: 1px solid #00a6cf !important; border-bottom-color: transparent; cursor: default; font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:600; } .ccm-ui .tabs>li>a { color:#605c5d !important; font-size:13px; font-weight:600; padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; padding-right: 10px !important; padding-left: 10px !important; margin-right: 2px; line-height: 20px !important; color: #08c; text-decoration: none; font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:600; } /* =========================== RSS BLOCK ===================== */ /* RSS NEWS */ .rssSummaryList .rssItem {text-align:left !important; margin-bottom:15px !important;} .rssSummaryList .rssItem .rssItemTitle{font-size:17px !important; color:#231f20; line-height:24px; background:none !important; text-transform:uppercase; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-weight:700; padding:7px 0px 7px 0px !important; margin:0px !important; text-align:left; } .rssSummaryList .rssItem .rssItemTitle a {color:#231f20; text-decoration:none;} .rssSummaryList .rssItem .rssItemTitle a:hover {color:#00a6cf; text-decoration:none !important;} .rssSummaryList .rssItem .rssItemDate{ color:#00a6cf !important; font-weight:bold; text-transform:uppercase; font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; padding:0px 0px 8px 0px !important; } .rssSummaryList .rssItem .rssItemSummary{text-align:left; font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:400; color: #65666a; line-height:24px; margin:0px 0px 24px 0px !important;} /* ========================== TWEETCRATE ===================== */ .ccm-tweetcrete-timeline ul, .ccm-jereme-tweetcrete-timeline ul { list-style: none; list-style-type: none !important; margin: 0; padding: 0; clear: both; } .ccm-tweetcrete-timeline ul li, .ccm-jereme-tweetcrete-timeline ul li { padding: 0; margin: 0 0 1em 0; list-style: none !important; background-image: none !important; } .ccm-jereme-tweet-username { font: normal 18px/23px Helvetica Neue, Helvetica, Arial, san-serif; margin: 0 0 5px 0; } .ccm-jereme-tweet-time { font-style: none !important; color:#4d4e53 !important; font-weight:bold; text-transform:uppercase; font-family:arial, helvetica, sans-serif; font-size:12px !important; line-height:18px; padding:0px 0px 6px 0px; } .ccm-jereme-tweet-text { font-style: none !important; font-family:arial, helvetica, sans-serif; font-size:13px !important; line-height:18px; padding:0px 0px 6px 0px; } .ccm-jereme-tweet-avatar { float: left; margin: 0 5px 5px 0; } .ccm-jereme-tweet-follow-link { background: transparent url(images/follow-button.png) no-repeat top left; display: block; float: left; width: 68px; height: 20px; text-decoration: none; text-align: center; } .ccm-jereme-tweet-follow-link, .ccm-jereme-tweet-follow-link:hover, .ccm-jereme-tweet-follow-link:visited { font: normal 11px/19px Helvetica Neue, Helvetica, Arial, san-serif; color: #fff; } .ccm-jereme-tweet-follow-link:hover { background-position: bottom left; } .ccm-jereme-tweetcrete-timeline-elements { clear: both; padding: 10px 0; } .ccm-jereme-tweetcrete-timeline-elements h4 { margin-bottom: 3px; } /* ================================== MEGA MENU =========================== */ @media only screen and (max-width: 768px) { .jbmm.custom ul.mega-menuh li a { background-color: #eaeaea; } #page #header-wrap #header { padding:0px 0px 0px 0px; } } @media only screen and (min-width: 48em) { #header .row .large-7 { position: relative; width: 63%; } #header .row .large-5 { position: relative; width: 37%; } #header .row .large-5 .column, #header .row .large-5 .columns { padding-right: 0em; } } div.area-container.left { margin-right: 50px !important; max-width: 200px !important; font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:400; color: #FFFFFF; line-height:22px; } div.area-container.left img { max-width:200px; height:auto; border:0px none; } div.area-container.right { margin-left: 30px !important; max-width: 170px !important; font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:400; color: #FFFFFF; line-height:22px; } div.area-container.right img { max-width:170px; height:auto; border:0px none; } .jbmm.custom ul.mega-menuh div.sub-container div.mmccont p { font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:400; color: #FFFFFF; line-height:20px; text-transform:none; padding:0px 0px 5px 0px; } .jbmm.custom ul.mega-menuh div.sub-container div.mmccont a { font-family:'Open Sans', Arial, sans-serif; font-size:14px; text-transform:none; line-height:20px; color: #FFFFFF !important; background:none; text-decoration:none; font-weight:600 !important; } .jbmm.custom ul.mega-menuh div.sub-container div.mmccont p a { font-family:'Open Sans', Arial, sans-serif; font-size:14px; text-transform:none; line-height:20px; color: #FFFFFF !important; background:none; text-decoration:none; font-weight:600 !important; } div.area-container.left p a { font-family:'Open Sans', Arial, sans-serif; font-size:14px; text-transform:none; line-height:20px; color: #FFFFFF !important; background:none; text-decoration:none; font-weight:600 !important; } .jbmm.custom ul.mega-menuh div.sub-container div.mmccont h3 { text-transform:none !important; font-size:18px !important; color:#000000 !important; font-family:'Open Sans', Helvetica, Arial, sans-serif !important; font-weight:400 !important; line-height:22px !important; } /* ================================ FILTERABLE GALLERY ==================== */ .filter-nav a.filter-label { display: inline-block; padding: 4px 8px; background-color: #eee; margin: 0 6px 8px 0; border-radius: 3px; border: 2px solid white; } .filter-nav a:hover { background-color: #00a6cf; color:#FFFFFF; } .filter-nav a.filter-label.active{ border: 0px none !important; background-color: #00a6cf; color:#FFFFFF; } .filter-gallery-items { max-width: 100%; overflow: hidden; } .filter-gallery-item { width: 175px; height: 175px; overflow: hidden; background-color: black; } .filter-gallery-item-image { width: 100%; height: 100%; background-size: cover; background-position: center center; cursor: pointer; } .blur { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); opacity: 0.7; transition: 0.2s opacity; } .filter-gallery-item-title { display:none; position: absolute; bottom: -100px; color: white; text-shadow: 0 1px 1px black; font-weight: bold; padding: 8px 12px; } .mfp-bottom-bar .mfp-title h2 { margin-top: 4px; font-size: 16px; margin-bottom: 0; } .mfp-bottom-bar .mfp-title p { margin-top: 4px; font-size: 13px; margin-bottom: 0; } /* popup */ .mfp-bottom-bar { display:none; } /* =========================== END FILTERABLE GALLERY =========================== */ /* ====================== GOOGLE MAP =========================== */ .gm-style .gm-style-iw { font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:400; line-height:20px; overflow: hidden; background:#00a6cf; color:#FFFFFF; padding:20px !important; } .gm-style .gm-style-iw p { padding:0px 20px 10px 0px; color:#FFFFFF; } .gm-style .gm-style-iw a { color:#FFFFFF; font-weight:700; text-transform:uppercase; } /* ============================ FLUID GALLERY =================== */ .gallery-wrap { margin: 0px auto; padding: 0px; } .galleryImage img { width: 100%; margin: auto; height: auto; vertical-align: bottom; border: 3px solid #eaeaea; } .hoverimage { opacity: 0 !important; } /* ============================= SUPPORT FORM =================== */ table.support-form input { margin-bottom:12px; border:1px solid #aaaaaa; width:375px; } table.support-form textarea { margin-bottom:12px; border:1px solid #aaaaaa; width:375px; height: 80px; } table.support-form .btn { max-width:150px; } @media only screen and (max-width: 800px) { table.support-form input { width:275px; } table.support-form textarea { width:275px; height: 80px; } } @media only screen and (max-width: 600px) { table.support-form input { width:300px; } table.support-form textarea { width:300px; height: 80px; } table.support-form td { display:block; } } /* ================================ FORMIDABLE ========================== */ .formidable label { font-size: 14px !important; /* width: 130px;*/ color: #666565 !important; } /* .formidable textarea { min-height:150px; } .formidable .w50 { width: 45% !important; } .formidable h4 { float:left; display:block; } */ .formidable input[type=text], .formidable input[type=url], .formidable input[type=tel], .formidable input[type=number], .formidable input[type=email], .formidable textarea, .formidable select, .formidable input[type=password] { font-size: 14px; line-height: 18px; } .formidable .buttons .btn.primary { background-image:none !important; } .formidable input#submit.btn.ccm-input-submit.submit.primary:hover { background-image:none !important; background-color: #232325 !important; color:#ffffff !important; opacity:1.00 !important; filter:alpha(opacity=100) !important; text-shadow: none;} } /* .formidable .radio { float:none !important; } */ .formidable .input.ccm_formidable_captcha { margin-top:20px; } @media only screen and (max-width: 768px) { .formidable div.formidable_column { display: block; float: left; } .formidable .w50 { width: 100% !important; } } /* ---------------------- **** ----------------------- */