/****************************************************************** Theme Name: Simpsons Creative Grid 2017 Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for quick and fluid development of responsive websites - through the use of a dynamic grid system. Author: Alex Wells Version: 2.0 Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support ******************************************************************/ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap'); /*==================== Standards ====================*/ /* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc */ *, p { font-family: 'Montserrat', sans-serif; } /*Text*/ h1, h2, h3, h4, h5, h6, p {margin: 0 0 3px 0; color: #000000; font-family: 'Montserrat', sans-serif; } h1{font-size: 30px;} h2{font-size: 26px;} h3{font-size: 22px;} h4{font-size: 22px;} h5{font-size: 18px;} h6{font-size: 16px;} p{font-size: 16px;} a{color: #00A5DD; text-decoration: none;} a:hover{text-decoration: underline; color :#00A5DD;} a:visited {color: #0095C7;} /*Gallery Caption*/ .wp-caption-text, .gallery-caption { text-align: center; } /*Bullet Points/Numbered Lists*/ .entry-content ul > li { font-size: 16px; list-style-type: disc; color: #000000; padding-bottom: 5px; } .entry-content ol > li { font-size: 16px; list-style-type: decimal; color: #000000; padding-bottom: 5px; } /*Responsive Navigation*/ /*BG color*/ body .slicknav_menu{background: #f3f3f3;} /*Border Color*/ .slicknav_menu ul li a{border: 1px solid #666;} /*Text Color*/ .slicknav_nav li a{color: #fff;} .slicknav_nav li a:hover{color: #666;} /*Sub Menu Arrow*/ .slicknav_arrow{color: #fff;} .slicknav_arrow:hover{color: #666;} .max-1920 { max-width: 1920px; margin: 0 auto; } .relative { position: relative; } .clear-pad { clear: both; padding: 20px 0px; } .pad-5 { padding-right: 5px; padding-left: 5px; } .pad-10 { padding-right: 10px; padding-left: 10px; } .pad-20 { padding-right: 20px; padding-left: 20px; } img.ri { width: 100%; height: auto; } .d-pad-l { padding-left: 30px; } .d-pad-r { padding-right: 30px; } .d-pad-b { padding-bottom: 30px; } .d-pad-t { padding-top: 30px; } /*==================== Header ====================*/ .header { background-color: #fff; width: 100%; position: relative; border-bottom: 15px solid #FFB711; } .contactIcon { float: left; padding-right: 2px; } .cc-floating.cc-theme-classic { z-index: 999999; } .logo { width: 340px; float: left; } .logo img { padding: 20px; margin: 0 auto; } .header-right { width: auto; float: right; position: absolute; right: 0; bottom: -25px; padding-right: 20px; } .inner-nav { float: right; } .social-media { float: right; margin-bottom: 35px; } .social-media p { color: #003F8E; font-size: 16px; line-height: 32px; float: right; margin-bottom: 0px; } .social-media a, .social-media a:visited { color: #003F8E; line-height: 51px; word-break: break-all; } .social-media a:hover, .social-media a:active { color: #FFB711; text-decoration: none; } .social-icon { font-size: 35px; margin: 0px 8px; } .featured-container { background-color: #003F8E; position: relative; } .featured-box { padding: 40px 30px; } .featured-box h1 { color: #fff; font-size: 60px; line-height: 66px; font-weight: normal; text-transform: uppercase; } .featured-box p { color: #fff; font-size: 24px; line-height: 32px; margin-top: 20px; } .featured-overlay { background: rgb(0,68,134); background: linear-gradient(90deg, rgba(0,68,134,0.8127626050420168) 25%, rgba(0,68,134,0.48503151260504207) 45%, rgba(255,255,255,0) 60%); position: absolute; width: 100%; height: 100%; } .featured-image img { padding: 40px; } /* Navigation */ .nav { background: #fff; float: none; } .nav ul { background: none; float: left; margin: 10px 0px 10px 0px; } .nav a#nav-quote { color: #003F8E; font-size: 15px; font-weight: bold; float: left; padding: 10px 20px; border: 1px solid #FFB711; } .nav a#nav-quote:hover { background: #FFB711; color: #fff; text-decoration: none; } .nav li:last-of-type { border-right: none; } .nav li a { color: #003F8E; font-size: 15px; line-height: 15px; font-weight: 500; text-align: center; padding: 2px 0.75em 14px 0.75em; border-bottom: 15px solid #FFB711; } .nav li a:hover, .nav li a:focus, .nav li a:active { color: #003F8E; text-decoration: none; opacity: 0.8; } /* Current Menu Item */ .nav li.current-menu-item a, .nav li.current-menu-ancestor a, .nav li.current-menu-parent a { font-weight: bold; border-bottom: 15px solid #003F8E; } .nav li ul.sub-menu li.current-menu-item a { font-weight: bold; } body.single-post .nav li#menu-item-30 a, body.category .nav li#menu-item-30 a, body.single-events .nav li#menu-item-225 a, body.tax-event-categories .nav li#menu-item-225 a, body.single-directory .nav li#menu-item-227 a, body.tax-sector .nav li#menu-item-227 a { font-weight: bold; border-bottom: 15px solid #003F8E; } body.single-directory.retail-therapy .nav li#menu-item-227 a, body.tax-sector.term-retail-therapy .nav li#menu-item-227 a, body.single-events.retail-therapy .nav li#menu-item-225 a, body.tax-event-categories.term-retail-therapy .nav li#menu-item-225 a, body.single-post.retail-therapy .nav li#menu-item-30 a, body.category.category-retail-therapy .nav li#menu-item-30 a { font-weight: bold; border-bottom: 15px solid #FFB711; } /* Sub Menu */ .nav li ul.sub-menu, .nav li ul.children { background: #fff; margin-top: 0px; border: none; border-top: 10px solid #fff; z-index: 99999; } .nav li ul.sub-menu li ul.sub-menu { margin-top: 0px; } ul.sub-menu li { min-height: unset; border-right: none; border-left: 1px solid #FFB711; margin-bottom: 6px; margin-left: 10px; } ul.sub-menu li.current-menu-item { font-weight: bold; border-bottom: none; } .nav li ul.sub-menu li a, .nav li ul.children li a { font-weight: normal; text-align: left; text-transform: none; width: 100%; padding: 4px 10px; border-bottom: none; } ul.sub-menu li.current-page-ancestor { font-weight: bold; } .nav li ul.sub-menu ul.sub-menu { padding: 0px 5px; border-top: none; z-index: 99999; } .nav li ul.sub-menu ul.sub-menu li { margin-bottom: 0px; } .nav li ul.sub-menu ul.sub-menu li a { background: #003F8E; padding: 6px 10px; border-bottom: 1px solid #fff; } /* Responsive Navigation */ #responsive-menu-container { background: rgba(0, 68, 134, 0.9); } #responsive-menu-container #responsive-menu-wrapper, #responsive-menu-container #responsive-menu li.responsive-menu-item a { background: none; } /* All Menu Items */ #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link, #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link { font-size: 15px; font-weight: 300; } /* Current Menu Item */ #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link { background: none; } /* Menu Item Hover */ #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover, #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover { background: none; } /* Sub Menu Items */ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open { padding-left: 40px; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a { background: none; padding-left: 0; } /* Current Sub Menu Item */ #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link { background: none; } ul#responsive-menu { padding: 20px 20px 0px 20px; } #responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title { padding: 25px 20px; } #responsive-menu-container li.responsive-menu-item a { padding: 0; } #responsive-menu-container a#nav-quote { color: #003F8E; text-align: left; width: 50%; padding: 15px; border: none; } #responsive-menu-additional-content { width: 100%; float: left; } #rmp-container-2963 { background-color: #003f8e; } #rmp-menu-wrap-2963 { background-color: #003f8e; padding-top: 71px; } #rmp_menu_trigger-2963.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-2963.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-2963.is-active .responsive-menu-pro-inner::after { background-color: #fff; } /*==================== Body ====================*/ #content { padding: 40px 30px; margin-top: 0px; } #content, #content input, #content button, #content textarea { font-family: 'Montserrat', sans-serif; } .inner-content { background: none; } #content h3 { color: #003F8E; font-size: 26px; line-height: 28px; margin-bottom: 14px; } #content h4{ color: #003F8E; font-size: 18px; line-height: 20px; font-weight: normal; margin-bottom: 12px; } #content a, #content a:link, #content a:visited { color: #003F8E; text-decoration: none; word-break: break-word; } .center, .aligncenter { float: none; margin-right: auto; margin-left: auto; } .icon img { margin: 0 auto; margin-bottom: 10px; } .icon p { color: #003F8E; font-size: 15px; text-align: center; } p:empty { display: none; } /* Toggle Box */ .toggle-trigger { background-color: #D6E6F2; margin-bottom: 10px !important; } .toggle-trigger a, #content .toggle-trigger a { font-size: 16px; } .toggle_container { max-width: 1040px; } /* Search Bar */ input.search-field, #content input.search-field { background: #D6E6F2; color: #003F8E; font-size: 32px; width: 80%; height: 60px; float: left; padding: 10px; border: none; margin: 0; } input.search-field::placeholder, #content input.search-field::placeholder { color: #003F8E; } input.search-submit, #content input.search-submit { color: #fff; background: #003F8E; font-size: 16px; font-weight: normal; width: 20%; height: 60px; float: left; padding: 10px; border: none; margin: 0; } input.search-submit:hover { color: #fff; background: #005387; } .search-text p { color: #003F8E; font-size: 36px; font-weight: bold; line-height: 60px; float: right; padding-right: 60px; } /* Buttons */ a.button, #content a.button, a.wp-block-button__link, #content a.wp-block-button__link { background-color: #0064B0; color: #fff; font-size: 16px; font-weight: 300; text-align: center; text-transform: uppercase; text-decoration: none; float: left; padding: 10px 20px; border: none; margin: 0px; } a.button.pink, #content a.button.pink { color: #003F8E; border: 1px solid #003F8E; } a.button.center, #content a.button.center { float: none; } a.button:hover, #content a.button:hover, a.wp-block-button__link:hover, #content a.wp-block-button__link:hover { opacity: 0.8; } .button-1of3 a.button, #content .button-1of3 a.button { float: right; width: 95%; display: block; } .button-2of3 a.button, #content .button-2of3 a.button { float: none; width: 95%; display: block; margin: 10px auto; } .button-3of3 a.button, #content .button-3of3 a.button { float: left; width: 95%; display: block; } a.button.large.center, #content a.button.large.center { font-size: 28px; font-weight: 500; line-height: normal; max-width: 500px; display: block; float: none; padding: 15px 5px; margin: 60px auto 30px auto; } a.button.pdf, #content a.button.pdf { background-color: #003F8E; width: 100%; margin: 5px 0px; } /* Home Page */ .home-featured { background-color: #003F8E; position: relative; } .home .featured-box { position: absolute; top: 30px; z-index: 9999; padding: 30px; } .home .featured-box h1 { font-size: 76px; line-height: 80px; font-weight: bold; text-transform: uppercase; } .home .featured-box p { color: #fff; font-size: 24px; line-height: 32px; max-width: 730px; margin-top: 20px; } .home-slider { width: 762px; height: auto; margin: 60px 60px 0px 60px; } .home h2, .home #content h2 { color: #003F8E; font-size: 60px; font-weight: bold; line-height: normal; text-align: center; float: left; width: 100%; margin: 60px 0px; } .home-heading { position: relative; } .home-heading a.button, #content .home-heading a.button { background-color: #0064B0; text-transform: uppercase; position: absolute; top: 60px; right: 40px; margin: 16.5px 0px; } .home-heading p, #content .home-heading p { margin-bottom: 0px; } .home-map p, #content .home-map p { margin-bottom: 0px; } .home #content { padding: 0px; margin-top: 0px; } .home .article-header { background: #003F8E; padding: 20px 0px; margin-bottom: 20px; } .home #content h1.page-title { color: #fff; margin-bottom: 0px; } .business-type.business-professional { background-color: #7C0E6F; } .business-type.education-training { background-color: #21C6BE; } .business-type.entertainment-leisure { background-color: #003F8E; } .business-type.home-property { background-color: #76BC21; } .business-type.financial-services { background-color: #8E1A1F; } .business-type.food-drink { background-color: #D8006C; } .business-type.hair-beauty { background-color: #EC0127; } .business-type.health-wellbeing { background-color: #FF5000; } .business-type.retail-therapy { background-color: #FFB711; } .business-type.travel-tourism { background-color: #00852A; } .business-type p, #content .business-type p { color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; float: left; min-height: 60px; padding: 10px; margin-bottom: 0; } .business-types i.fas.fa-chevron-down { color: #fff; font-size: 16px; float: right; margin: 10px 10px 0px 0px; } .business-type img:hover { opacity: 0.7; } #homeSearch { float: none; height: 60px; max-width: 1040px; padding: 0px 10px; margin: 60px auto; } .home input.search-field::placeholder, .home #content input.search-field::placeholder { font-weight: bold; } .home #map { height: 800px; } select#mapFilter { background-color: #003F8E; color: #fff; font-size: 16px; height: 66px; padding: 20px; border: none; border-top: 5px solid #D6E6F2; margin: 0px; } /* Contact Form - CF7 */ div.wpcf7 p { font-size: 16px; clear: right; } div.wpcf7 input, div.wpcf7 textarea { background: #F4F4F4; width: 100%; padding: 10px; border: none; margin-bottom: 10px; } div.wpcf7 input::placeholder, div.wpcf7 textarea::placeholder { color: #606060; font-size: 14px; } div.wpcf7 input.wpcf7-submit, #content div.wpcf7 input.wpcf7-submit { background: #0064B0; color: #fff; font-size: 14px; text-transform: uppercase; width: 315px; float: right; padding: 15px 5px; border: none; margin: 5px 0px; } div.wpcf7 input.wpcf7-submit:hover { opacity: 0.8; } div.wpcf7 select { background: #003F8E; color: #fff; font-size: 16px; width: 100%; padding: 10px; border: none; margin: 5px 0px; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { color: #000; border: none; } span.wpcf7-not-valid-tip { color: #000; } div.wpcf7-mail-sent-ok { color: #fff; font-weight: bold; padding: 0px; border: none; margin: 10px 0px; } /* NO LONGER IN USE - CLASHED WITH NINJA FORMS #content .form textarea { width: 100%; max-width: 100%; } #content .form input[type=text], #content .form input[type=email], #content .form input[type=tel], #content .form input[type=url], #content .form textarea { max-width: 100%; } #content .form input, #content .form textarea, #content .form select { padding: 5px; } */ div#wpcf7-f189-o1.wpcf7 { position: relative; } div.wpcf7 p.form-name { width: 65%; float: left; margin-bottom: 0px; } div.wpcf7 p.form-email { width: 65%; float: left; margin-bottom: 0px; } div.wpcf7 p.form-name input, div.wpcf7 p.form-email input { background: #B4D1E7; height: 48px; padding: 10px; } div.wpcf7 p.form-email input { margin-bottom: 0px; } div.wpcf7 p.form-submit { width: 30%; float: right; margin-bottom: 0px; } div.wpcf7 p.form-submit input.wpcf7-submit, #content div.wpcf7 p.form-submit input.wpcf7-submit { width: 100%; height: 48px; padding: 10px; margin: 0; } div#wpcf7-f189-o1 span.ajax-loader { position: absolute; top: 115px; } /*Google reCAPTCHA Badge*/ .grecaptcha-badge { opacity: 0 !important; } .page-id-21 .grecaptcha-badge { opacity: 1 !important; } /* Tables */ .entry-content table { background-color: #D6E6F2; width: 100%; max-width: 100%; margin-bottom: 20px; border: 1px solid #D6E6F2; } .entry-content table th { background-color: #003F8E; color: #fff; text-align: left; padding: 15px; } .entry-content table tr:nth-of-type(even), #content .entry-content table tr:nth-of-type(even) { background-color: #fff; } /* .entry-content table tr td { border-bottom: 3px solid #003F8E; } */ .entry-content table td, #content .entry-content table td { font-size: 12px; vertical-align: middle; padding: 15px; } /*==================== Sidebars ====================*/ .sidebar { background-color: #D6E6F2; } h3.sidebar-filter, #content h3.sidebar-filter, h4.widgettitle, #content h4.widgettitle { background-color: #003F8E; color: #fff; font-size: 26px; line-height: 28px; padding: 20px; margin-bottom: 0px; } ul.sidebar-filter, #content ul.sidebar-filter, #sidebar1 ul, #content #sidebar1 ul { margin: 4px 0px 0px 0px; } ul.sidebar-filter li a, #content ul.sidebar-filter li a, #sidebar1 ul li a, #content #sidebar1 ul li a { color: #fff; } ul.sidebar-filter li a:active, #content ul.sidebar-filter li a:active, #sidebar1 ul li a:active, #content #sidebar1 ul li a:active { background: none; } body.term-business-professional .sidebar, body.business-professional .sidebar, body.category-business-professional .sidebar { background-color: #F3E9F2; } body.term-business-professional h3.sidebar-filter, body.term-business-professional #content h3.sidebar-filter, body.business-professional h3.sidebar-filter, body.business-professional #content h3.sidebar-filter, body.category-business-professional h4.widgettitle, body.category-business-professional #content h4.widgettitle, body.business-professional h4.widgettitle, body.business-professional #content h4.widgettitle { background-color: #7C0E6F; } body.term-education-training .sidebar, body.education-training .sidebar, body.category-education-training .sidebar { background-color: #E7F8F7; } body.term-education-training h3.sidebar-filter, body.term-education-training #content h3.sidebar-filter, body.education-training h3.sidebar-filter, body.education-training #content h3.sidebar-filter, body.category-education-training h4.widgettitle, body.category-education-training #content h4.widgettitle, body.education-training h4.widgettitle, body.education-training #content h4.widgettitle { background-color: #21C6BE; } body.term-entertainment-leisure .sidebar, body.entertainment-leisure .sidebar, body.category-entertainment-leisure .sidebar { background-color: #D6E6F2; } body.term-entertainment-leisure h3.sidebar-filter, body.term-entertainment-leisure #content h3.sidebar-filter, body.entertainment-leisure h3.sidebar-filter, body.entertainment-leisure #content h3.sidebar-filter, body.category-entertainment-leisure h4.widgettitle, body.category-entertainment-leisure #content h4.widgettitle, body.entertainment-leisure h4.widgettitle, body.entertainment-leisure #content h4.widgettitle { background-color: #003F8E; } body.term-home-property .sidebar, body.home-property .sidebar, body.category-home-property .sidebar { background-color: #ECF4DD; } body.term-home-property h3.sidebar-filter, body.term-home-property #content h3.sidebar-filter, body.home-property h3.sidebar-filter, body.home-property #content h3.sidebar-filter, body.category-home-property h4.widgettitle, body.category-home-property #content h4.widgettitle, body.home-property h4.widgettitle, body.home-property #content h4.widgettitle { background-color: #76BC21; } body.term-financial-services .sidebar, body.financial-services .sidebar, body.category-financial-services .sidebar { background-color: #F1D8D4; } body.term-financial-services h3.sidebar-filter, body.term-financial-services #content h3.sidebar-filter, body.financial-services h3.sidebar-filter, body.financial-services #content h3.sidebar-filter, body.category-financial-services h4.widgettitle, body.category-financial-services #content h4.widgettitle, body.financial-services h4.widgettitle, body.financial-services #content h4.widgettitle { background-color: #8E1A1F; } body.term-food-drink .sidebar, body.food-drink .sidebar, body.category-food-drink .sidebar { background-color: #F1E6F0; } body.term-food-drink h3.sidebar-filter, body.term-food-drink #content h3.sidebar-filter, body.food-drink h3.sidebar-filter, body.food-drink #content h3.sidebar-filter, body.category-food-drink h4.widgettitle, body.category-food-drink #content h4.widgettitle, body.food-drink h4.widgettitle, body.food-drink #content h4.widgettitle { background-color: #D8006C; } body.term-hair-beauty .sidebar, body.hair-beauty .sidebar, body.category-hair-beauty .sidebar { background-color: #FFD4CE; } body.term-hair-beauty h3.sidebar-filter, body.term-hair-beauty #content h3.sidebar-filter, body.hair-beauty h3.sidebar-filter, body.hair-beauty #content h3.sidebar-filter, body.category-hair-beauty h4.widgettitle, body.category-hair-beauty #content h4.widgettitle, body.hair-beauty h4.widgettitle, body.hair-beauty #content h4.widgettitle { background-color: #EC0127; } body.term-health-wellbeing .sidebar, body.health-wellbeing .sidebar, body.category-health-wellbeing .sidebar { background-color: #FFDDC1; } body.term-health-wellbeing h3.sidebar-filter, body.term-health-wellbeing #content h3.sidebar-filter, body.health-wellbeing h3.sidebar-filter, body.health-wellbeing #content h3.sidebar-filter, body.category-health-wellbeing h4.widgettitle, body.category-health-wellbeing #content h4.widgettitle, body.health-wellbeing h4.widgettitle, body.health-wellbeing #content h4.widgettitle { background-color: #FF5000; } body.term-retail-therapy .sidebar, body.retail-therapy .sidebar, body.category-retail-therapy .sidebar { background-color: #FFF2D8; } body.term-retail-therapy h3.sidebar-filter, body.term-retail-therapy #content h3.sidebar-filter, body.retail-therapy h3.sidebar-filter, body.retail-therapy #content h3.sidebar-filter, body.category-retail-therapy h4.widgettitle, body.category-retail-therapy #content h4.widgettitle, body.retail-therapy h4.widgettitle, body.retail-therapy #content h4.widgettitle { background-color: #FFB711; } body.term-travel-tourism .sidebar, body.travel-tourism .sidebar, body.category-travel-tourism .sidebar { background-color: #ECF4DD; } body.term-travel-tourism h3.sidebar-filter, body.term-travel-tourism #content h3.sidebar-filter, body.travel-tourism h3.sidebar-filter, body.travel-tourism #content h3.sidebar-filter, body.category-travel-tourism h4.widgettitle, body.category-travel-tourism #content h4.widgettitle, body.travel-tourism h4.widgettitle, body.travel-tourism #content h4.widgettitle { background-color: #00852A; } /*==================== Posts ====================*/ /* Code for default 'News' post type, 'Events' custom post type and 'Directory' custom post type */ /*==================== Single/Individual Posts ====================*/ .single h1, .single #content h1 { color: #003F8E; margin-bottom: 14px; } .single p.byline.entry-meta.vcard { font-size: 20px; } .single-post article.post, .single-events article.events { max-width: 950px; } .single .post-image, .single #content .post-image { margin-bottom: 20px; } .single main#main img { max-width: 100%; height: auto; } /*==================== Pagination ====================*/ .pagination, #content .pagination { text-align: center; clear: both; padding: 20px 0px; } .pagination ul, #content .pagination ul {display: inline-block;background-color: white;white-space: nowrap;padding: 0;margin: 0;clear: both;border-radius: 3px;} .pagination li, #content .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; } .pagination a, .pagination span, #content .pagination a, #content .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 14px; font-size: 14px; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #003F8E; } .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #003F8E !important; color: white !important; } .pagination .current, #content .pagination .current { cursor: default; color: #fff !important; background-color: #003F8E; } .pagination .current:hover, .pagination .current:focus { background-color: #003F8E; color: white !important; } /*==================== News Posts ====================*/ body.blog #content { padding: 5px; } .news-post { padding: 5px; } .post-text { background-color: #003F8E; width: 100%; min-height: 108px; float: left; padding: 10px; } h3.post-date, #content h3.post-date { font-size: 60px; font-weight: bold; line-height: 60px; margin-bottom: 0px; } h3.post-month, #content h3.post-month { font-size: 16px; line-height: 18px; padding-bottom: 15px; border-bottom: 1px solid #003F8E; margin-bottom: 20px; } h3.post-title, #content h3.post-title { color: #fff; font-size: 20px; font-weight: 500; line-height: 22px; float: left; } a.post-link, #content a.post-link { float: left; } p.post-excerpt, #content p.post-excerpt { color: #fff; font-size: 16px; line-height: 22px; float: left; } p.post-category, #content p.post-category { color: #fff; font-size: 15px; font-weight: 300; text-transform: uppercase; margin-bottom: 10px; } .post-image, #content .post-image { margin-bottom: 0px; } img.post-image { width: 100%; height: 374px; object-fit: cover; } img.post-image:hover { opacity: 0.7; } .single img.post-image:hover { opacity: unset; } .all-news .post-text { height: 216px; } .all-news p.post-excerpt, #content .all-news p.post-excerpt { font-weight: 300; } .category-news .post-text { min-height: 302px; } .category-news h3.post-title, #content .category-news h3.post-title { margin-bottom: 10px; } .category-news p.post-excerpt, #content .category-news p.post-excerpt { margin-bottom: 0px; } .business-professional .post-text { background-color: #7C0E6F; } .education-training .post-text { background-color: #21C6BE; } .entertainment-leisure .post-text { background-color: #003F8E; } .home-property .post-text { background-color: #76BC21; } .financial-services .post-text { background-color: #8E1A1F; } .food-drink .post-text { background-color: #D8006C; } .hair-beauty .post-text { background-color: #EC0127; } .health-wellbeing .post-text { background-color: #FF5000; } .retail-therapy .post-text { background-color: #FFB711; } .travel-tourism .post-text { background-color: #00852A; } .news .news-post:nth-of-type(6n+1) { width: 30%; } .news .news-post:nth-of-type(6n+2) { width: 30%; } .news .news-post:nth-of-type(6n+3) { width: 40%; } .news .news-post:nth-of-type(6n+4) { width: 40%; } .news .news-post:nth-of-type(6n+5) { width: 30%; } .news .news-post:nth-of-type(6n+6) { width: 30%; } /* Latest News - on 'Home' page */ .latest-news { padding: 5px; } .latest-news h3.post-title, #content .latest-news h3.post-title { font-weight: normal; } /*==================== News Post Sidebar ====================*/ #sidebar1 { border-right: 60px solid #fff; border-left: none; margin-top: 5px; } #sidebar1 ul li { padding: 15px 10px; } #sidebar1 ul li.cat-item-13 { background-color: #7C0E6F; } #sidebar1 ul li.cat-item-136 { background-color: #21C6BE; } #sidebar1 ul li.cat-item-12 { background-color: #003F8E; } #sidebar1 ul li.cat-item-137 { background-color: #76BC21; } #sidebar1 ul li.cat-item-29 { background-color: #8E1A1F; } #sidebar1 ul li.cat-item-11 { background-color: #D8006C; } #sidebar1 ul li.cat-item-28 { background-color: #EC0127; } #sidebar1 ul li.cat-item-10 { background-color: #FF5000; } #sidebar1 ul li.cat-item-9 { background-color: #FFB711; } #sidebar1 ul li.cat-item-30 { background-color: #00852A; } #sidebar1 ul li.cat-item-320 { background-color: #0090DF; } #sidebar1 ul li a:hover { opacity: 0.7; } /*==================== Events ====================*/ .event-post { padding: 20px; } h3.event-date, #content h3.event-date { font-size: 60px; font-weight: bold; line-height: 60px; margin-bottom: 0px; } h3.event-month, #content h3.event-month { font-size: 20px; line-height: 20px; font-weight: 500; width: 45%; padding-bottom: 10px; border-bottom: 10px solid #003F8E; margin-bottom: 0px; } h3.event-title, #content h3.event-title { font-size: 30px; line-height: 32px; font-weight: bold; padding-top: 20px; border-top: 1px solid #003F8E; } .event-image, #content .event-image { margin-bottom: 14px; } .event-image:hover, #content .event-image:hover { opacity: 0.7; } .single .event-image:hover, .single #content .event-image:hover { opacity: unset; } p.event-excerpt, #content p.event-excerpt { color: #707070; font-size: 16px; line-height: 22px; } a.event.button, #content a.event.button { font-weight: 300; text-transform: uppercase; padding: 10px 20px; margin: 0; } .all-events .event-post { min-height: 760px; } .business-professional h3.event-date, #content .business-professional h3.event-date { color: #7C0E6F; } .business-professional h3.event-month, #content .business-professional h3.event-month { color: #7C0E6F; border-bottom: 10px solid #7C0E6F; } .business-professional h3.event-title, #content .business-professional h3.event-title { color: #7C0E6F; border-top: 1px solid #7C0E6F; } .business-professional a.button, #content .business-professional a.button { background-color: #7C0E6F; } .education-training h3.event-date, #content .education-training h3.event-date { color: #21C6BE; } .education-training h3.event-month, #content .education-training h3.event-month { color: #21C6BE; border-bottom: 10px solid #21C6BE; } .education-training h3.event-title, #content .education-training h3.event-title { color: #21C6BE; border-top: 1px solid #21C6BE; } .education-training a.button, #content .education-training a.button { background-color: #21C6BE; } .entertainment-leisure h3.event-date, #content .entertainment-leisure h3.event-date { color: #003F8E; } .entertainment-leisure h3.event-month, #content .entertainment-leisure h3.event-month { color: #003F8E; border-bottom: 10px solid #003F8E; } .entertainment-leisure h3.event-title, #content .entertainment-leisure h3.event-title { color: #003F8E; border-top: 1px solid #003F8E; } .entertainment-leisure a.button, #content .entertainment-leisure a.button { background-color: #003F8E; } .home-property h3.event-date, #content .home-property h3.event-date { color: #76BC21; } .home-property h3.event-month, #content .home-property h3.event-month { color: #76BC21; border-bottom: 10px solid #76BC21; } .home-property h3.event-title, #content .home-property h3.event-title { color: #76BC21; border-top: 1px solid #76BC21; } .home-property a.button, #content .home-property a.button { background-color: #76BC21; } .financial-services h3.event-date, #content .financial-services h3.event-date { color: #8E1A1F; } .financial-services h3.event-month, #content .financial-services h3.event-month { color: #8E1A1F; border-bottom: 10px solid #8E1A1F; } .financial-services h3.event-title, #content .financial-services h3.event-title { color: #8E1A1F; border-top: 1px solid #8E1A1F; } .financial-services a.button, #content .financial-services a.button { background-color: #8E1A1F; } .food-drink h3.event-date, #content .food-drink h3.event-date { color: #D8006C; } .food-drink h3.event-month, #content .food-drink h3.event-month { color: #D8006C; border-bottom: 10px solid #D8006C; } .food-drink h3.event-title, #content .food-drink h3.event-title { color: #D8006C; border-top: 1px solid #D8006C; } .food-drink a.button, #content .food-drink a.button { background-color: #D8006C; } .hair-beauty h3.event-date, #content .hair-beauty h3.event-date { color: #EC0127; } .hair-beauty h3.event-month, #content .hair-beauty h3.event-month { color: #EC0127; border-bottom: 10px solid #EC0127; } .hair-beauty h3.event-title, #content .hair-beauty h3.event-title { color: #EC0127; border-top: 1px solid #EC0127; } .hair-beauty a.button, #content .hair-beauty a.button { background-color: #EC0127; } .health-wellbeing h3.event-date, #content .health-wellbeing h3.event-date { color: #FF5000; } .health-wellbeing h3.event-month, #content .health-wellbeing h3.event-month { color: #FF5000; border-bottom: 10px solid #FF5000; } .health-wellbeing h3.event-title, #content .health-wellbeing h3.event-title { color: #FF5000; border-top: 1px solid #FF5000; } .health-wellbeing a.button, #content .health-wellbeing a.button { background-color: #FF5000; } .retail-therapy h3.event-date, #content .retail-therapy h3.event-date { color: #FFB711; } .retail-therapy h3.event-month, #content .retail-therapy h3.event-month { color: #FFB711; border-bottom: 10px solid #FFB711; } .retail-therapy h3.event-title, #content .retail-therapy h3.event-title { color: #FFB711; border-top: 1px solid #FFB711; } .retail-therapy a.button, #content .retail-therapy a.button { background-color: #FFB711; } .travel-tourism h3.event-date, #content .travel-tourism h3.event-date { color: #00852A; } .travel-tourism h3.event-month, #content .travel-tourism h3.event-month { color: #00852A; border-bottom: 10px solid #00852A; } .travel-tourism h3.event-title, #content .travel-tourism h3.event-title { color: #00852A; border-top: 1px solid #00852A; } .travel-tourism a.button, #content .travel-tourism a.button { background-color: #00852A; } /* Latest Events */ .latest-events { padding-bottom: 60px; } /*==================== Events Sidebar ====================*/ #sidebar-events { border-right: 60px solid #fff; border-left: none; margin-top: 5px; } #sidebar-events ul.sidebar-filter li { padding: 15px 10px; } #sidebar-events ul.sidebar-filter li.cat-item-24 { background-color: #7C0E6F; } #sidebar-events ul.sidebar-filter li.cat-item-138 { background-color: #21C6BE; } #sidebar-events ul.sidebar-filter li.cat-item-23 { background-color: #003F8E; } #sidebar-events ul.sidebar-filter li.cat-item-139 { background-color: #76BC21; } #sidebar-events ul.sidebar-filter li.cat-item-26 { background-color: #8E1A1F; } #sidebar-events ul.sidebar-filter li.cat-item-22 { background-color: #D8006C; } #sidebar-events ul.sidebar-filter li.cat-item-25 { background-color: #EC0127; } #sidebar-events ul.sidebar-filter li.cat-item-21 { background-color: #FF5000; } #sidebar-events ul.sidebar-filter li.cat-item-20 { background-color: #FFB711; } #sidebar-events ul.sidebar-filter li.cat-item-27 { background-color: #00852A; } #sidebar-events ul.sidebar-filter li a:hover { opacity: 0.7; } /*==================== Directory ====================*/ /* Search Form */ form#search-directory { float: left; width: 100%; padding-bottom: 40px; } .post-type-archive-directory input.search-field, .post-type-archive-directory #content input.search-field { background-color: #D6E6F2; } .post-type-archive-directory input.search-submit, .post-type-archive-directory #content input.search-submit { background-color: #003F8E; } .post-type-archive-directory input.search-field::placeholder, .post-type-archive-directory #content input.search-field::placeholder { color: #003F8E; font-weight: normal; } /* Business Listing */ .directoryListing { width: 100%; float: left; padding: 30px 0px; border-bottom: 2px solid #0064B0; } .businessLogo { padding-right: 30px; } .businessInfo { float: right; } #sidebar-directory { border-right: 60px solid #fff; border-left: none; } #sidebar-directory ul.sidebar-filter li { padding: 15px 8px; } #sidebar-directory ul.sidebar-filter li.cat-item-38 { background-color: #7C0E6F; } #sidebar-directory ul.sidebar-filter li.cat-item-134 { background-color: #21C6BE; } #sidebar-directory ul.sidebar-filter li.cat-item-37 { background-color: #003F8E; } #sidebar-directory ul.sidebar-filter li.cat-item-199 { background-color: #76BC21; } #sidebar-directory ul.sidebar-filter li.cat-item-36 { background-color: #8E1A1F; } #sidebar-directory ul.sidebar-filter li.cat-item-35 { background-color: #D8006C; } #sidebar-directory ul.sidebar-filter li.cat-item-34 { background-color: #EC0127; } #sidebar-directory ul.sidebar-filter li.cat-item-33 { background-color: #FF5000; } #sidebar-directory ul.sidebar-filter li.cat-item-32 { background-color: #FFB711; } #sidebar-directory ul.sidebar-filter li.cat-item-31 { background-color: #00852A; } #sidebar-directory ul.sidebar-filter li a:hover { opacity: 0.7; } /*==================== Directory Sectors ====================*/ body.term-business-professional .featured-container { background-color: #7C0E6F; } body.term-business-professional #content input.search-field, body.term-business-professional input.search-field { background: #F3E9F2; color: #7C0E6F; } body.term-business-professional input.search-submit, body.term-business-professional #content input.search-submit { background: #7C0E6F; } body.term-business-professional input.search-field::placeholder, body.term-business-professional #content input.search-field::placeholder { color: #7C0E6F; } body.term-education-training .featured-container { background-color: #21C6BE; } body.term-education-training #content input.search-field, body.term-education-training input.search-field { background: #E7F8F7; color: #21C6BE; } body.term-education-training input.search-submit, body.term-education-training #content input.search-submit { background: #21C6BE; } body.term-education-training input.search-field::placeholder, body.term-education-training #content input.search-field::placeholder { color: #21C6BE; } body.term-entertainment-leisure .featured-container { background-color: #003F8E; } body.term-home-property .featured-container { background-color: #76BC21; } body.term-home-property #content input.search-field, body.term-home-property input.search-field { background: #ECF4DD; color: #76BC21; } body.term-home-property input.search-submit, body.term-home-property #content input.search-submit { background: #76BC21; } body.term-home-property input.search-field::placeholder, body.term-home-property #content input.search-field::placeholder { color: #76BC21; } body.term-financial-services .featured-container { background-color: #8E1A1F; } body.term-financial-services #content input.search-field, body.term-financial-services input.search-field { background: #F1D8D4; color: #8E1A1F; } body.term-financial-services input.search-submit, body.term-financial-services #content input.search-submit { background: #8E1A1F; } body.term-financial-services input.search-field::placeholder, body.term-financial-services #content input.search-field::placeholder { color: #8E1A1F; } body.term-food-drink .featured-container { background-color: #D8006C; } body.term-food-drink #content input.search-field, body.term-food-drink input.search-field { background: #F1E6F0; color: #D8006C; } body.term-food-drink input.search-submit, body.term-food-drink #content input.search-submit { background: #D8006C; } body.term-food-drink input.search-field::placeholder, body.term-food-drink #content input.search-field::placeholder { color: #D8006C; } body.term-hair-beauty .featured-container { background-color: #EC0127; } body.term-hair-beauty #content input.search-field, body.term-hair-beauty input.search-field { background: #FFD4CE; color: #EC0127; } body.term-hair-beauty input.search-submit, body.term-hair-beauty #content input.search-submit { background: #EC0127; } body.term-hair-beauty input.search-field::placeholder, body.term-hair-beauty #content input.search-field::placeholder { color: #EC0127; } body.term-health-wellbeing .featured-container { background-color: #FF5000; } body.term-health-wellbeing #content input.search-field, body.term-health-wellbeing input.search-field { background: #FFDDC1; color: #FF5000; } body.term-health-wellbeing input.search-submit, body.term-health-wellbeing #content input.search-submit { background: #FF5000; } body.term-health-wellbeing input.search-field::placeholder, body.term-health-wellbeing #content input.search-field::placeholder { color: #FF5000; } body.term-retail-therapy .header, body.retail-therapy .header, body.category-retail-therapy .header, body.term-retail-therapy .nav li a, body.retail-therapy .nav li a, body.category-retail-therapy .nav li a { border-bottom: 15px solid #003F8E; } body.term-retail-therapy .featured-container { background-color: #FFB711; } body.term-retail-therapy #content input.search-field, body.term-retail-therapy input.search-field { background: #FFF2D8; color: #FFB711; } body.term-retail-therapy input.search-submit, body.term-retail-therapy #content input.search-submit { background: #FFB711; } body.term-retail-therapy input.search-field::placeholder, body.term-retail-therapy #content input.search-field::placeholder { color: #FFB711; } body.term-travel-tourism .featured-container { background-color: #00852A; } body.term-travel-tourism #content input.search-field, body.term-travel-tourism input.search-field { background: #ECF4DD; color: #00852A; } body.term-travel-tourism input.search-submit, body.term-travel-tourism #content input.search-submit { background: #00852A; } body.term-travel-tourism input.search-field::placeholder, body.term-travel-tourism #content input.search-field::placeholder { color: #00852A; } /*==================== Individual Business Post ====================*/ body.single-directory main { position: relative; } .memberMap { height: 100%; position: absolute; right: 0; bottom: 0; } .memberMap div#map { height: 100%; } .business-professional p.category strong, #content .business-professional p.category strong, .business-professional .business-name a, #content .business-professional .business-name a { color: #7C0E6F; font-weight: bold; } .education-training p.category strong, #content .education-training p.category strong, .education-training .business-name a, #content .education-training .business-name a { color: #21C6BE; font-weight: bold; } .entertainment-leisure p.category strong, #content .entertainment-leisure p.category strong, .entertainment-leisure .business-name a, #content .entertainment-leisure .business-name a { color: #003F8E; font-weight: bold; } .home-property p.category strong, #content .home-property p.category strong, .home-property .business-name a, #content .home-property .business-name a { color: #76BC21; font-weight: bold; } .financial-services p.category strong, #content .financial-services p.category strong, .financial-services p.category strong, #content .financial-services .business-name a { color: #8E1A1F; font-weight: bold; } .food-drink p.category strong, #content .food-drink p.category strong, .food-drink .business-name a, #content .food-drink .business-name a { color: #D8006C; font-weight: bold; } .hair-beauty p.category strong, #content .hair-beauty p.category strong, .hair-beauty .business-name a, #content .hair-beauty .business-name a { color: #EC0127; font-weight: bold; } .health-wellbeing p.category strong, #content .health-wellbeing p.category strong, .health-wellbeing .business-name a, #content .health-wellbeing .business-name a { color: #FF5000; font-weight: bold; } .retail-therapy p.category strong, #content .retail-therapy p.category strong, .retail-therapy .business-name a, #content .retail-therapy .business-name a { color: #FFB711; font-weight: bold; } .travel-tourism p.category strong, #content .travel-tourism p.category strong, .travel-tourism .business-name a, #content .travel-tourism .business-name a { color: #00852A; font-weight: bold; } .directoryListing .category a, #content .directoryListing .category a, .directoryListing p, #content .directoryListing p { color: #707070; } .directoryListing .category a:hover, #content .directoryListing .category a:hover { text-decoration: underline; } .memberDetails { background-color: #D6E6F2; padding: 20px; border-right: 20px solid #fff; } .memberDetails h1, #content .memberDetails h1 { font-weight: bold; } .memberDetails p, #content .memberDetails p { color: #707070; } .memberDetails p strong, #content .memberDetails p strong { color: #003F8E; } .memberDetails a, #content .memberDetails a { color: #707070; } .memberDetails a:hover, #content .memberDetails a:hover { text-decoration: underline; } .breadcrumb { background-color: #003F8E; color: #fff; padding: 20px; } .breadcrumb a { color: #fff; line-height: 20px; text-decoration: none; } body.business-professional .breadcrumb, body.term-business-professional .breadcrumb, body.category-business-professional .breadcrumb { background-color: #7C0E6F; } body.education-training .breadcrumb, body.term-education-training .breadcrumb, body.category-education-training .breadcrumb { background-color: #21C6BE; } body.home-property .breadcrumb, body.term-home-property .breadcrumb, body.category-home-property .breadcrumb { background-color: #76BC21; } body.financial-services .breadcrumb, body.term-financial-services .breadcrumb, body.category-financial-services .breadcrumb { background-color: #8E1A1F; } body.food-drink .breadcrumb, body.term-food-drink .breadcrumb, body.category-food-drink .breadcrumb { background-color: #D8006C; } body.hair-beauty .breadcrumb, body.term-hair-beauty .breadcrumb, body.category-hair-beauty .breadcrumb { background-color: #EC0127; } body.health-wellbeing .breadcrumb, body.term-health-wellbeing .breadcrumb, body.category-health-wellbeing .breadcrumb { background-color: #FF5000; } body.retail-therapy .breadcrumb, body.term-retail-therapy .breadcrumb, body.category-retail-therapy .breadcrumb { background-color: #FFB711; } body.travel-tourism .breadcrumb, body.term-travel-tourism .breadcrumb, body.category-travel-tourism .breadcrumb { background-color: #00852A; } body.business-professional .memberDetails { background-color: #F3E9F2; } body.education-training .memberDetails { background-color: #E7F8F7; } body.home-property .memberDetails { background-color: #ECF4DD; } body.financial-services .memberDetails { background-color: #F1D8D4; } body.food-drink .memberDetails { background-color: #F1E6F0; } body.hair-beauty .memberDetails { background-color: #FFD4CE; } body.health-wellbeing .memberDetails { background-color: #FFDDC1; } body.retail-therapy .memberDetails { background-color: #FFF2D8; } body.travel-tourism .memberDetails { background-color: #ECF4DD; } body.business-professional .memberDetails p strong, body.business-professional #content .memberDetails p strong, body.business-professional .memberDetails .memberDetails h1, body.business-professional #content .memberDetails h1, body.business-professional .memberDetails .memberDetails h4, body.business-professional #content .memberDetails h4 { color: #7C0E6F; } body.education-training .memberDetails p strong, body.education-training #content .memberDetails p strong, body.education-training .memberDetails .memberDetails h1, body.education-training #content .memberDetails h1, body.education-training .memberDetails .memberDetails h4, body.education-training #content .memberDetails h4 { color: #21C6BE; } body.home-property .memberDetails p strong, body.home-property #content .memberDetails p strong, body.home-property .memberDetails .memberDetails h1, body.home-property #content .memberDetails h1, body.home-property .memberDetails .memberDetails h4, body.home-property #content .memberDetails h4 { color: #76BC21; } body.financial-services .memberDetails p strong, body.financial-services #content .memberDetails p strong, body.financial-services .memberDetails .memberDetails h1, body.financial-services #content .memberDetails h1, body.financial-services .memberDetails .memberDetails h4, body.financial-services #content .memberDetails h4 { color: #8E1A1F; } body.food-drink .memberDetails p strong, body.food-drink #content .memberDetails p strong, body.food-drink .memberDetails .memberDetails h1, body.food-drink #content .memberDetails h1, body.food-drink .memberDetails .memberDetails h4, body.food-drink #content .memberDetails h4 { color: #D8006C; } body.hair-beauty .memberDetails p strong, body.hair-beauty #content .memberDetails p strong, body.hair-beauty .memberDetails .memberDetails h1, body.hair-beauty #content .memberDetails h1, body.hair-beauty .memberDetails .memberDetails h4, body.hair-beauty #content .memberDetails h4 { color: #EC0127; } body.health-wellbeing .memberDetails p strong, body.health-wellbeing #content .memberDetails p strong, body.health-wellbeing .memberDetails .memberDetails h1, body.health-wellbeing #content .memberDetails h1, body.health-wellbeing .memberDetails .memberDetails h4, body.health-wellbeing #content .memberDetails h4 { color: #FF5000; } body.retail-therapy .memberDetails .memberDetails p strong, body.retail-therapy #content .memberDetails p strong, body.retail-therapy .memberDetails .memberDetails h1, body.retail-therapy #content .memberDetails h1, body.retail-therapy .memberDetails .memberDetails h4, body.retail-therapy #content .memberDetails h4 { color: #FFB711; } body.travel-tourism .memberDetails p strong, body.travel-tourism #content .memberDetails p strong, body.travel-tourism .memberDetails .memberDetails h1, body.travel-tourism #content .memberDetails h1, body.travel-tourism .memberDetails .memberDetails h4, body.travel-tourism #content .memberDetails h4 { color: #00852A; } /*==================== Contact Us ====================*/ .contact-form textarea, #content .contact-form textarea { height: 210px; } /*==================== About Page ====================*/ .about-image { margin-bottom: 20px; } /* .bid-member { background-color: #003F8E; height: 370px; padding: 30px; border: 5px solid #fff; } .bid-member .member-text { width: calc(100% - 120px); float: left; } .bid-member .member-image { width: 100px; height: 100px; float: left; margin-left: 20px; } .bid-member p { color: #fff; } */ .container.bid-members { display: flex; /*justify-content: space-between;*/ flex-wrap: wrap; } /*space between removed alex 17july 2025*/ .bid-member { background-color: #003F8E; width: 33.3333333333%; padding: 30px; border: 10px solid #fff; } .bid-member .member-text { width: calc(100% - 120px); float: left; } .bid-member .member-image { width: 100px; height: 100px; float: left; margin-left: 20px; } .bid-member p { color: #fff; } /*==================== Member Registration Form ====================*/ .page-id-618 #content div#mc_embed_signup { width: 100%; max-width: 600px; float: left; margin-bottom: 20px; } .page-id-618 #content input#mce-NAME, .page-id-618 #content input#mce-BUSINESS, .page-id-618 #content input#mce-EMAIL { background: #B4D1E7; color: #000; font-size: 14px; height: 48px; max-width: 100%; padding: 10px; border: none; border-radius: 0px; margin-bottom: 10px; } .page-id-618 #content input#mce-NAME { width: 100%; float: left; } .page-id-618 #content input#mce-BUSINESS { width: 100%; float: left; } .page-id-618 #content input#mce-EMAIL { width: 100%; float: left; } .page-id-618 #content input#mc-embedded-subscribe { background: #0064B0; color: #fff; font-size: 14px; text-transform: uppercase; width: 30%; float: left; padding: 15px 5px; border: none; margin: 0px; } .page-id-618 #content input#mc-embedded-subscribe:hover { opacity: 0.8; } /*==================== Footer ====================*/ #footer { background-color: #003F8E; position: relative; padding: 60px 0px 20px 0px; margin-top: 0px; } .newsletterCTA { background-color: #D6E6F2; width: 100%; float: left; padding: 40px; } .newsletterCTA h3 { color: #003F8E; font-size: 60px; text-transform: uppercase; } .newsletterCTA p { color: #003F8E; font-size: 20px; font-weight: bold; text-transform: uppercase; } .newsletterCTA .image { padding: 0px 30px; } .newsletterText { width: 831.5px; position: relative; display: table-cell; float: left; } .newsletterForm { width: 100%; display: table-cell; vertical-align: middle; } .newsletterForm div#mc_embed_signup { position: relative; } input#mce-NAME, input#mce-EMAIL { background: #B4D1E7; color: #000; font-size: 14px; height: 48px; padding: 10px; border: none; margin-bottom: 10px; } input#mce-NAME { width: 65%; float: left; } input#mce-EMAIL { width: 65%; float: left; } input#mc-embedded-subscribe { background: #0064B0; color: #fff; font-size: 14px; text-transform: uppercase; width: 30%; float: right; padding: 15px 5px; border: none; margin: 0px; } input#mc-embedded-subscribe:hover { opacity: 0.8; } .inner-footer { background: none; position: relative; max-width: 1140px; } .inner-footer p { color: #fff; font-size: 14px; line-height: 20px; text-align: center; float: left; width: 100%; } .inner-footer a { color: #fff; word-break: break-word; } .footer-nav { text-align: center; margin: 10px 0px; } .footer-nav a { font-size: 14px; float: left; } ul.navFooter { display: inline-block; } ul.navFooter li { float: left; margin: 5px 0px; } ul.navFooter li a { text-decoration: none; } ul.navFooter .separator { margin: 0px 5px; } #menu-item-328 .separator { display: none; } #footer .social-media { width: 100%; float: left; margin: 20px 0px; } #footer .social-media a, #content #footer .social-media a { color: #fff; } #footer .social-media a:hover, #footer .social-media a:focus, #footer .social-media a:active { color: #FFB711; text-decoration: none; } .footer-border { width: 100%; height: 18px; float: left; } .border-color { height: 18px; } .border-color.yellow { background-color: #FFB711; } .border-color.pink { background-color: #D8006C; } .border-color.purple { background-color: #7C0E6F; } .border-color.green { background-color: #64A71A; } .border-color.blue { background-color: #0064B0; } /*==================== Custom Pages ====================* /* * Directory submission form */ .page-id-1100 .tenforty { max-width: 600px !important; } .page-id-1100 #content input, .page-id-1100 #content textarea { width: 100%; max-width: 600px; } /* * COVID Business page */ .covidDir {width: 50%; float: left; display: block; clear: both; padding-right: 10px;} .covidDir.even { clear: none; padding-right: 0px;} body.page-id-1235 #content h2, body.page-id-1891 #content h2 { display: block;width: 100%; background-color: #003F8E; color: white; padding: 10px; } body.page-id-1235 #content h2:nth-of-type(1), body.page-id-1891 #content h2:nth-of-type(1) {background-color: #7C0E6F;} body.page-id-1235 #content h2:nth-of-type(2), body.page-id-1891 #content h2:nth-of-type(2) {background-color: #6b1b24;} body.page-id-1235 #content h2:nth-of-type(3),body.page-id-1891 #content h2:nth-of-type(3) {background-color: #FFB711;} body.page-id-1235 #content h2:nth-of-type(5), body.page-id-1891 #content h2:nth-of-type(5) {background-color: #db4d2c;} body.page-id-1235 #content h2:nth-of-type(6), body.page-id-1891 #content h2:nth-of-type(6) {background-color: #4fb3a5;} body.page-id-1235 #content h2:nth-of-type(7),body.page-id-1891 #content h2:nth-of-type(7) {background-color: #D8006C;} body.page-id-1235 #content h2:nth-of-type(8), body.page-id-1891 #content h2:nth-of-type(8) {background-color: #d42331;} body.page-id-1235 #content h2:nth-of-type(9), body.page-id-1891 #content h2:nth-of-type(9) {background-color: #76bc21;} body.page-id-1235 #content h2:nth-of-type(10), body.page-id-1891 #content h2:nth-of-type(10) {background-color: #00852a;} @media (max-width: 1029px) { .covidDir {width: 100%; padding-right: 0px;} .covidDir.even { clear: both; } } /* * Competition Page */ /* Signup Form */ .page-id-2339 #content div#mc_embed_signup { background-color: #003F8E; width: 100%; max-width: 100%; float: left; padding: 20px; border-radius: 20px; margin-bottom: 20px; } .page-id-2339 #content div#mc_embed_signup .mc-field-group { width: 100%; float: left; } .page-id-2339 #content div#mc_embed_signup h2 { color: #fff; line-height: normal; width: 100%; float: left; } .page-id-2339 #content label, .page-id-2339 #content div#mc_embed_signup p { color: #fff; width: 100%; float: left; } /* Form Inputs */ .page-id-2339 #content input#mce-NAME, .page-id-2339 #content input#mce-EMAIL, .page-id-2339 #content input#mce-OTHER { background: #fff; color: #000; font-size: 14px; height: 48px; max-width: 100%; padding: 10px; border: none; border-radius: 0px; margin-top: 0px; margin-bottom: 15px; } .page-id-2339 #content input#mce-NAME { width: 100%; float: left; } .page-id-2339 #content input#mce-EMAIL { width: 100%; float: left; } .page-id-2339 #content select#mce-HEAR { background: #fff; color: #000; font-size: 14px; width: 100%; height: 48px; padding: 10px; border: none; margin-top: 0px; margin-bottom: 15px; } .page-id-2339 #content input#mce-OTHER { width: 100%; float: left; margin-bottom: 20px; } .page-id-2339 #content input::placeholder { color: #000; } .page-id-2339 #mc_embed_signup input.mce_inline_error { margin-bottom: 10px !important; } /* GDPR - Marketing Permissions */ .page-id-2339 #content div#mc_embed_signup .content__gdpr, .page-id-2339 #content div#mc_embed_signup .content__gdprLegal { float: left; } .page-id-2339 #content div#mc_embed_signup .content__gdpr h3 { color: #fff; font-size: 18px; line-height: normal; } .page-id-2339 #content div#mc_embed_signup .content__gdpr p, .page-id-2339 #content div#mc_embed_signup .content__gdprLegal p { font-size: 14px; margin-bottom: 10px; } .page-id-2339 #content div#mc_embed_signup .gdprRequired { font-size: 14px; margin: 10px 0px 20px 0px; } .page-id-2339 #content div#mc_embed_signup input#gdpr_47405 { display: inline-block; margin: 0 5px 0 0; } /* Links */ .page-id-2339 #content div#mc_embed_signup a, .page-id-2339 #content div#mc_embed_signup a:link, .page-id-2339 #content div#mc_embed_signup a:visited { color: #fff; } .page-id-2339 #content div#mc_embed_signup a:hover { opacity: 0.7; } /* Submit Button */ .page-id-2339 #content input#mc-embedded-subscribe { background: #FFB711; color: #000; font-size: 14px; text-transform: uppercase; width: 30%; float: left; padding: 15px 5px; border: none; margin: 10px 0 0 0; } .page-id-2339 #content input#mc-embedded-subscribe:hover { opacity: 0.8; } .page-id-2339 div#mce-error-response.response, .page-id-2339 div#mce-success-response.response { color: #fff; font-size: 18px; font-weight: bold; padding: 20px 0px; } /*==================== Ninja Forms ====================*/ /* Ninja Form */ .nf-before-form-content { display: none; } .nf-error-msg, .ninja-forms-req-symbol { font-size: clamp(12px, 3vw, 14px); } .nf-after-form-content .nf-error-msg:last-of-type { margin-bottom: 1.75em; } .nf-form-content { font-size: calc(12px + 0.5vw); } .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field { font-size: 16px; margin: 0; padding: 12px; } .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea { background: #f7f7f7; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; color: #787878; transition: all .5s; } .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background-color: #003F8E!important; color: #fff!important; font-size: 18px; font-weight: bold; width: fit-content; min-width: 210px; padding: 15px 20px; border: 1px solid #003F8E; border-radius: 3px; transition: all .5s; } .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover { background: transparent!important; color: #003F8E!important; border: 1px solid #003F8E; transition: all .5s; } .nf-form-content input[type=submit] { margin-top: 15px; } .nf-form-cont textarea { width: 100%; max-width: unset; } #content .nf-field-description p { margin-bottom: 5px; } div.list-radio-wrap ul { display: flex; flex-direction: column; } /*==================== Media Queries ====================*/ @media (min-width: 767px) { .d-hide { display: none; } } @media (max-width: 1622px) { .business-type p, #content .business-type p { font-size: 15px; } } @media (max-width: 1600px) { .home .featured-box { width: 50%; position: static; float: left; } .home-slider { width: 50%; height: auto; padding: 30px; margin: 0; } } @media (max-width: 1560px) { .business-type p, #content .business-type p { width: 100%; } .business-types i.fas.fa-chevron-down { margin: 0px 10px 10px 0px; } .home .featured-box h1 { font-size: 48px; line-height: 52px; } } @media (max-width: 1537px) { .home .business-type { width: 20%; } .all-news .post-text { height: 250px; } } @media (max-width: 1450px) { .home .post-text { height: 150px; } .search-text p { padding-right: 28px; } } @media (max-width: 1280px) { img.post-image { height: 280px; } .recent-event { width: 50%; } .business-type p, #content .business-type p { width: auto; } .business-types i.fas.fa-chevron-down { margin: 10px 10px 0px 0px; } .newsletterText { width: 580px; } .newsletterText .image { width: 100%; float: left; padding: 20px 0px; } .newsletterForm { vertical-align: middle; } .home .post-text { height: 170px; } .all-news .post-text { height: 330px; } input.search-field, #content input.search-field { font-size: 16px; } .search-text p { padding-right: 46px; } .all-events .event-post { min-height: 770px; } .category-news .post-text { min-height: 432px; } .bid-member { width: 50%; } } @media (max-width: 1155px) { .header { height: 230px; } .header-right { padding-right: 10px; padding-left: 10px; } } @media (max-width: 1029px) { /*Tablet*/ .t-show { display: block; } .home .featured-box { position: static; } .home-slider { width: 100%; height: auto; padding: 20px 30px; margin: 0; } .news .news-post:nth-of-type(6n+1), .news .news-post:nth-of-type(6n+2), .news .news-post:nth-of-type(6n+3), .news .news-post:nth-of-type(6n+4), .news .news-post:nth-of-type(6n+5), .news .news-post:nth-of-type(6n+6) { width: 50%; } img.post-image { height: auto; } .post-text { min-height: 120px; } #footer { padding: 50px 20px 20px 20px; } .home .featured-box { width: 100%; position: static; float: left; } .home-slider { width: 100%; height: auto; padding: 20px 30px; margin: 0; } .home h2, .home #content h2 { margin-bottom: 20px; } .home-heading p, #content .home-heading p { text-align: center; width: 100%; float: left; margin: 20px 0px 60px 0px; } .home-heading a.button, #content .home-heading a.button { position: static; float: none; margin: 0 auto; } .newsletterText { width: 100%; } .newsletterForm { width: 100%; float: left; padding: 20px 0px; } .newsletterText .image img { max-width: 200px; height: auto; } #sidebar1 { border-right: none; margin: 15px 0px; } #sidebar-directory { border-right: none; margin: 15px 0px; } #sidebar-events { border-right: none; margin: 15px 0px; } body.single-directory main { position: static; } .memberDetails { border-right: none; } .memberMap { height: auto; position: static; right: unset; bottom: unset; } .memberMap div#map { height: 450px; } .all-news .post-text { height: 250px; } .search-text p { float: left; } .category-news .post-text { min-height: 280px; } } @media (max-width: 845px) { body.logged-in.admin-bar .header-right { top: 32px; } .header { height: auto; margin-top: 32px; } .logo { width: 100%; margin-top: 50px; } .logo img { width: 400px; margin: 0 auto; } .header-right { background-color: rgba(255,255,255,0.9); width: 100%; position: fixed; z-index: 999999; top: 0; bottom: unset; padding: 10px; } .header-right { display: flex; justify-content: space-between; } .header-right .nav, .header-right .clear { display: none; } .social-media { margin-bottom: 0px; } button#responsive-menu-button { float: left; } #responsive-menu-container { left: 0; } .responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top { top: 71px; } body.logged-in.admin-bar .responsive-menu-open #responsive-menu-container.push-top, body.logged-in.admin-bar .responsive-menu-open #responsive-menu-container.slide-top { top: 103px; } } @media (max-width: 782px) { body.logged-in.admin-bar .header-right { top: 46px; } .header { margin-top: 46px; } body.logged-in.admin-bar .responsive-menu-open #responsive-menu-container.push-top, body.logged-in.admin-bar .responsive-menu-open #responsive-menu-container.slide-top { top: 117px; } .business-type p, #content .business-type p { font-size: 14px; } } @media (max-width: 767px) { /*Mobile*/ .header { height: auto; } .logo { width: 100%; margin-top: 50px; } .logo img { width: 400px; margin: 0 auto; } .header-right { background-color: rgba(255,255,255,0.9); width: 100%; position: fixed; z-index: 999999; top: 0; bottom: unset; padding: 10px; } button#responsive-menu-button { float: left; } #responsive-menu-container { left: 0; } .responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top { top: 71px; } .featured-box h1 { font-size: 36px; line-height: 42px; } .featured-box p { font-size: 20px; line-height: 24px; } .button-1of3 a.button, #content .button-1of3 a.button, .button-2of3 a.button, #content .button-2of3 a.button, .button-3of3 a.button, #content .button-3of3 a.button { float: none; margin: 10px auto; } .m-hide { display: none; } .m-show { display: block; } #content .contentBox.about a.button { display: block; float: none; margin: 30px auto; } .footer-logo p { text-align: center; float: none; } .footer-logo img { float: none; margin: 10px auto; } div.wpcf7 input.wpcf7-submit, #content div.wpcf7 input.wpcf7-submit { float: none; margin: 5px auto; } .featured-image .image.heading-only img { height: 130px; } .single #main { padding-right: 0px; } .contact-form { padding-bottom: 20px; } .contact-form textarea, #content .contact-form textarea { height: 150px; } .news .news-post:nth-of-type(6n+1), .news .news-post:nth-of-type(6n+2), .news .news-post:nth-of-type(6n+3), .news .news-post:nth-of-type(6n+4), .news .news-post:nth-of-type(6n+5), .news .news-post:nth-of-type(6n+6) { width: 100%; padding: 15px 0px; } .recent-event { width: 100%; } .home .business-type { width: 50%; } .home .post-text { height: auto; } .all-news .post-text { height: auto; } .d-pad-l { padding-left: 0px; } .d-pad-r { padding-right: 0px; } .businessLogo { padding: 30px; } .all-events .event-post { min-height: unset; padding: 40px 0px; } .category-news .post-text { min-height: unset; } .news-post { padding: 15px 0px; } h3.event-month, #content h3.event-month { width: 50%; } .bid-member { width: 100%; border: none; margin-bottom: 20px; } } @media (max-width: 600px) { .entry-content table { background-color: transparent; border: 1px solid #D6E6F2; } .entry-content table tr, #content .entry-content table tr { float: left; padding: 10px; } .entry-content table tr:nth-of-type(odd), #content .entry-content table tr:nth-of-type(odd) { background-color: #D6E6F2; } .entry-content table td, #content .entry-content table td { width: 100%; float: left; border-bottom: none; } } @media (max-width: 480px) { /*Small Mobile*/ .sm-hide { display: none; } .sm-show { display: block; } .logo img { width: 100%; height: auto; } #responsive-menu-container a#nav-quote { width: 100%; } .featured-box h1 { font-size: 26px; line-height: 32px; } .contentBox.about a.button, #content .contentBox.about a.button, div.wpcf7 input.wpcf7-submit, #content div.wpcf7 input.wpcf7-submit { width: 100%; } .home .featured-box h1 { font-size: 40px; line-height: 44px; } div.wpcf7 p.form-name, div.wpcf7 p.form-email, div.wpcf7 p.form-submit { width: 100%; } div.wpcf7 p.form-email input { margin-bottom: 10px; } .search-text p { font-size: 32px; padding-right: 0px; } form#search-directory input.search-field, #content form#search-directory input.search-field { width: 100%; } form#search-directory input.search-submit, #content form#search-directory input.search-submit { width: 100%; } .bid-member .member-text { width: 100%; } .bid-member .member-image { width: 50%; height: auto; float: none; margin-left: 0; } input#mce-NAME, input#mce-EMAIL, input#mc-embedded-subscribe { width: 100%; } .page-id-618 #content input#mc-embedded-subscribe { width: 100%; } } @media (max-width: 374px) { /*iPhone 5*/ .header-contact p { font-size: 15px; } .home .featured-box h1 { font-size: 30px; line-height: 34px; } .business-type { width: 100%; } input.search-field, #content input.search-field { width: 100%; } input.search-submit, #content input.search-submit { width: 100%; } #homeSearch { width: 100%; height: auto; float: left; padding: 40px 10px; margin: 0; } }