/*################################################################################################*/ /* TYPEFACES */ /*################################################################################################*/ /* Arimo - default */ body,td, #main-menu { font-family:'Arimo', arial, sans-serif; } /*################################################################################################*/ /* HEADINGS and text colours */ /*################################################################################################*/ #content { color:#555; font-size:15px; } H1,H2,H3 { color:#b41e3c; } H1,H2 { letter-spacing:0.05em; } H3 { letter-spacing:0.05em; } H4,H5,H6 { color:#000; letter-spacing:0.05em; } H1 { font-size:30px; } H2 { font-size:26px; } H3 { font-size:18px; } H4 { font-size:16px; } H5 { font-size:14px; } H6 { font-size:13px; } A, A:hover { color:#2888c6; } A:hover { text-decoration:none; } /*################################################################################################*/ /* GLOBALS */ /*################################################################################################*/ .aligncenter { display:block; margin-left:auto; margin-right:auto; } /* pull quote */ .pullquote { margin:15px 0; padding:25px; position:relative; border-left:none; font-size:24px; line-height:1.25em; font-style:italic; color:#000; } .pullquote P { margin:0; padding:0; } .pullquote P+P { padding-top:12px; } /* highlight */ .highlight { padding:15px; margin:15px; border:1px solid #b41e3c; overflow: hidden; font-size:120%; font-weight:normal; color:#b41e3c; } .highlight P { margin:0; padding:0; } .highlight P+P { padding-top:12px; } /* responsive images */ #content IMG { max-width:100%; height:auto; } /* breadcrumb */ #breadcrumb { font-size:12px; color:#898989; } #breadcrumb A { color:#227ac7; } /* red text */ .redtext { color:#b41e3c; } /* call to action button */ A.btn-cta, A.btn-cta-alt { display:inline-block; border:1px solid #b41e3c; padding:0 20px; margin-top:10px; border-radius:0; line-height:3em; height:3em; background:#b41e3c; color:#FFF; font-size:12px; text-transform:uppercase; font-weight:600; font-style:normal; transition:background 0.5s; -webkit-transition: background 0.5s; -moz-transition:background 0.5s; } A.btn-cta:after, A.btn-cta-alt:after { content:' \25B6'; } A.btn-cta:hover, A.btn-cta:active, A.btn-cta:focus, A.btn-cta-alt:hover, A.btn-cta-alt:active, A.btn-cta-alt:focus { background:#FFF; color:#b41e3c; font-size:12px; text-transform:uppercase; } /* phone numbers */ A[href^=tel] { color:#555; } A[href^=tel]:before { content:'\f095'; font-family:FontAwesome; padding-right:6px; } A[href^=tel].fax:before { content:'\f1ac'; } /* special link prefixes */ A[href^=mailto]:before { content:'\f0e0'; font-family:FontAwesome; padding-right:6px; } A[href$='.pdf']:before { content:'\f1c1'; font-family:FontAwesome; padding-right:6px; } A[href$='.doc']:before, A[href$='.docx']:before { content:'\f016'; font-family:FontAwesome; padding-right:6px; } .single-project-highlight .content-article A[href$='.pdf']:before, .single-project-highlight .content-article A[href$='.doc']:before, .single-project-highlight .content-article A[href$='.docx']:before { content: ''; padding-right: 0; } /*################################################################################################*/ /* IMAGES AND ALIGNMENT */ /*################################################################################################*/ #content IMG, #content .wp-caption { max-width:100%; } #content .wp-caption-text { color:#999; font-size:12px; padding-top:4px; } /* handset only */ @media (max-width: 767px) { .alignleft, .alignright { margin:15px 0; float:none; display:block; } } /*================================================================================================*/ /* small devices (desktops, 768px and up) */ @media (min-width: 768px) { .alignleft { float:left; margin:0 20px 20px 0; max-width:50%; } .alignright { float:right; margin:0 0 20px 20px; max-width:50%; } .pullquote { float:left; margin:5px 20px 5px 0; width:50%; } } /*================================================================================================*/ /* Medium devices (desktops, 1200px and up) */ @media (min-width: 1200px) { .content-article .alignleft, .content-article .pullquote { margin-left:-20%; } } /*################################################################################################*/ /* CONTENT */ /*################################################################################################*/ H1 { margin-bottom:30px; } .archive H1 { margin-bottom:5px; } #content .hero-image, #content .hero { min-height: 30px; margin-bottom:20px; } /* lists */ #content UL, #content OL { padding-left:15px; } #content UL UL, #content OL OL { padding-left:40px; } /*################################################################################################*/ /* BLOG */ /*################################################################################################*/ #content .post-item { padding-bottom:20px; } #content .post-item H3 { margin-top:0; } #content .post-item H3 A { text-decoration:none; } #content .post-item A { } #content .post-thumb { } #content .post-main { } /* pagination */ #content .paging-navigation { text-align:center; } #content .pagination { padding:20px 0; height:40px; text-align:center; } #content .pagination .page-numbers { padding:0 8px; } #content .pagination A { } #content .pagination .current { } /*################################################################################################*/ /* GALLERIES */ /*################################################################################################*/ .rl-gallery { margin:20px 0; padding:0; } .rl-gallery .hidden-caption { display:none !important; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { background:rgba(255,255,255,0.7) !important; opacity:1 !important; line-height:14px; color:#000 !important; } /*################################################################################################*/ /* TABLES */ /*################################################################################################*/ .table-banded, .table-standard { border-collapse:collapse; width:100%; border:0; } .table-banded TD, .table-standard TD { border:1px solid #FFF; padding:8px 12px; background:#f6f4e6; font-size:14px; color:#333; } .table-banded THEAD TD, .table-standard THEAD TD, .table-banded TH, .table-standard TH { border:1px solid #FFF; padding: 8px 12px; background:#CCC; font-size:14px; font-weight:normal; color:#004f93; } .table-banded TR:nth-of-type(even) TD { background:#f5f5f5; } /* responsive tables */ .table-responsive { border:0; } .table-wrapper { width:100%; position:relative; overflow:auto; } /*================================================================================================*/ /* HANDSET / TABLET COMMON */ @media screen and (max-width: 959px) { .table-standard, .table-standard { min-width:100%; width:auto !important; } .table-standard TH, .table-standard TH, .table-standard TD, .table-standard TD { min-width:100px; } } /*================================================================================================*/ /* small devices (desktops, 768px and up) */ @media (min-width: 768px) { .table-wrapper TABLE { min-width:100%; } } /*================================================================================================*/ /* small devices (desktops, 768px and up) */ @media (min-width: 1200px) { .table-wrapper { margin-left:-15%; width:115% !important; } } /*################################################################################################*/ /* GRAVITY FORMS */ /*################################################################################################*/ #content .gform_wrapper { clear:both; } #content .gform_wrapper, #content .gforms_confirmation_message { padding:25px; background:#F4F4F4; margin:20px 0; } #content .gform_wrapper div.validation_error { border-top:none; border-bottom:none; color:#F00; } /* form */ .gform_wrapper .left_label .gfield_label { font-weight:normal !important; } .gform_wrapper .name_prefix { display:block !important; } .gform_description { } #content .gform_wrapper UL { padding-left:0; } #content .gform_wrapper UL.gform_fields LI.gfield { padding-right:0; margin-bottom:0; } .gform_wrapper LABEL { font-weight:normal; } /* fields */ #content #searchform INPUT[type='text'], .publication-filters INPUT, .gform_wrapper .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper .gfield INPUT[type="email"], .gform_wrapper .gfield INPUT[type="number"], .gform_wrapper .gfield INPUT[type="password"], .gform_wrapper .gfield INPUT[type="tel"], .gform_wrapper .gfield INPUT[type="text"], .gform_wrapper .gfield INPUT[type="url"], .gform_wrapper .gfield TEXTAREA, .gform_wrapper .gfield .gfield_select, .gform_wrapper .gfield .datepicker, .gform_wrapper .gfield SELECT { width:100% !important; border:1px solid #e6e6e6 !important; box-shadow:none; } .gform_wrapper .gfield .gfield_select { } /* fix vertical alignment */ .gform_wrapper .name_first, .gform_wrapper .name_last { padding-top: 0 !important; } /* submit button */ .gform_wrapper .gform_footer { padding:0; width:100%; } #content #searchform INPUT[type='submit'], .gform_footer INPUT[type='submit'], .gform_footer INPUT[type='submit']:hover, .gform_footer INPUT[type='submit']:active, .gform_footer INPUT[type='submit']:focus { width:auto; border:0; padding:14px 20px; margin-top:10px; border-radius:0; background:#b41e3c; color:#FFF; font-size:12px; text-transform:uppercase; font-style:normal; } #content #searchform INPUT[type='submit'] { margin-top:10px; } /*================================================================================================*/ /* small devices (desktops, 768px and up) */ @media (min-width: 768px) { #content .gform_wrapper { margin-left:-15% !important; width:115% !important; max-width:115% !important; } #sidebar .gform_wrapper { padding:0; margin:0 !important; max-width:100% !important; width:100% !important; background:none; } } /*################################################################################################*/ /* GALLERIES */ /*################################################################################################*/ .gallery { margin:20px 0; padding:0; } .gallery:after { display:block; content:" "; overflow:hidden; height:0; clear:both; float:none; } .gallery .gallery-item { margin:0 8px 8px 0; margin-top:0 !important; width:auto !important; position:relative; } .gallery .gallery-icon { width:130px; height:130px; padding:0; } .gallery IMG { width:130px; height:130px; border:0 !important; } .gallery A:hover IMG { opacity:0.5; } .gallery DL.gallery-item + BR { display:none; } .gallery .gallery-caption { position:absolute; bottom:0; left:0; width:100%; padding:3px 5px; background:rgba(0,0,0,0.7); text-align:left; color:#FFF; font-size:12px; } /*################################################################################################*/ /* WOOCOMMERCE STYLE OVERRIDE */ /*################################################################################################*/ .woocommerce a.button.alt, .woocommerce button.button.alt { display:inline-block; border:1px solid #b41e3c; padding:0 20px; border-radius:0; line-height:3em; height:3em; background:#b41e3c; color:#FFF; font-size:12px; text-transform:uppercase; font-weight:600; font-style:normal; transition:background 0.5s; -webkit-transition: background 0.5s; -moz-transition:background 0.5s; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:active, .woocommerce button.button.alt:focus { background:#FFF; color:#b41e3c; font-size:12px; text-transform:uppercase; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #363636; } /* single product styling */ .event-details { display: block; margin-bottom: 10px; } .event-details i { width: 20px; } .woocommerce .woocommerce_tabs .panel h2, .woocommerce .woocommerce-tabs .panel h2 {display:none !important; } .wc-tabs {display: none;} /* product stock */ .product .summary .stock { display:none; } /* product image */ .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { } /*################################################################################################*/ /* EVENTS PAGE */ /*################################################################################################*/ /* product image */ .events-single .tribe-tickets-remaining, .events-single .tribe-events-sub-nav, .events-single .tribe-events-back, #tribe-events A.tribe-events-gcal { display:none; } #tribe-events .tribe-events-single-event-description { } /*================================================================================================*/ /* handset devices (768px and smaller) */ @media (max-width: 768px) { /* form field sizes */ .tribe-event-tickets-plus-meta input[type="text"], .tribe-event-tickets-plus-meta input[type="email"], .tribe-event-tickets-plus-meta input[type="url"], .tribe-event-tickets-plus-meta input[type="password"], .tribe-event-tickets-plus-meta textarea {width:100%;} /* form container */ .tribe-event-tickets-plus-meta td { } }