/*-------------------------------------------------------------------- LCN Legal Refresh Updated: 24.01.2026 Designed & Handcrafted by The Pixel Parlour 0. CSS Resets 1. Common Styles 2. Universal Elements 3. Common Page Elements 4. Owl Carousel --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 0. CSS Resets /*------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } section, article, header, footer, nav, aside, hgroup { display: block; } /*------------------------------------------------------------------*/ /* 1. Common Styles /*------------------------------------------------------------------*/ /*-------------------------------------------------------------------- font: Source Sans 3 (Variable 100 - 900) font-family: 'Source Sans 3', Helvetica, Arial, sans-serif; font-weight: 400 (regular); font: Outfit (Variable 200 - 900) font-family: 'Outfit', Helvetica, Arial, sans-serif; font-weight: 600 (semibold), 700 (bold); Primary Colours - - - - - - Text #3B4559 Dark Grey #3B4559 Very Dark Grey #2C3342 Black #000000 Brand Blue #0091DA Mid Yellow #FFC857 Light Brand Blue #F5FAFD Light Yellow #FFF4DD --------------------------------------------------------------------*/ *, ::after, ::before { margin: 0; box-sizing: content-box; } html { -webkit-text-size-adjust: none; background-color: #2C3342; } body { height: 100%; font-family: 'Source Sans 3', Helvetica, Arial, sans-serif; font-optical-sizing: auto; font-size: 18px; font-weight: 400; color: #3B4559; background-color: #FFF; } body.noscroll { overflow: hidden; } @media screen and (min-width: 0px) and (max-width: 428px) { body { font-size: 17px; } } a { letter-spacing: 0; } h1, h2, h3, h4, h5, h6 { font-family: 'Outfit', Helvetica, Arial, sans-serif; line-height: 1.2em; font-weight: 600; margin: 0 0 12px 0; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b { font-weight: 700; } /* label, button, input, select, textarea { font-family: 'Source Sans 3', Helvetica, Arial, sans-serif; } */ .page_intro .date_and_location, .events_list .item .date p { font-family: 'Outfit', Helvetica, Arial, sans-serif; font-weight: 300; } .text_in_accordion h4 { font-family: 'Source Sans 3', Helvetica, Arial, sans-serif; } .pre_title h1, .pre_title h2, .pre_title h3, .pre_title h4, .pre_title h5, .pre_title h6 { font-family: 'Source Sans 3', Helvetica, Arial, sans-serif; } b, strong { font-weight: 600; } h1 { font-size: 2.33em; /* 42px */ } h2 { font-size: 1.77em; /* 32px */ } h3 { font-size: 1.33em; /* 24px */ } @media screen and (min-width: 0px) and (max-width: 520px) { h1 { font-size: 2em; /* 36px */ } h2 { font-size: 1.55em; /* 28px */ } h3 { font-size: 1.41em; /* 21px */ } } @media screen and (min-width: 0px) and (max-width: 428px) { h1 { font-size: 1.88em; /* 32px */ } h2 { font-size: 1.33em; /* 24px */ } h3 { font-size: 1.12em; /* 19px */ } } /*- Large Title -*/ .large_title h1, .large_title h2, .large_title h3, .large_title h4, .large_title h5, .large_title h6 { font-size: 2.33em; /* 42px */ } @media screen and (min-width: 0px) and (max-width: 520px) { .large_title h1, .large_title h2, .large_title h3, .large_title h4, .large_title h5, .large_title h6 { font-size: 2em; /* 36px */ } } @media screen and (min-width: 0px) and (max-width: 428px) { .large_title h1, .large_title h2, .large_title h3, .large_title h4, .large_title h5, .large_title h6 { font-size: 1.88em; /* 32px */ } } /*- Medium Title -*/ .medium_title h1, .medium_title h2, .medium_title h3, .medium_title h4, .medium_title h5, .medium_title h6 { font-size: 1.77em; /* 32px */ } @media screen and (min-width: 0px) and (max-width: 520px) { .medium_title h1, .medium_title h2, .medium_title h3, .medium_title h4, .medium_title h5, .medium_title h6 { font-size: 1.55em; /* 28px */ } } @media screen and (min-width: 0px) and (max-width: 428px) { .medium_title h1, .medium_title h2, .medium_title h3, .medium_title h4, .medium_title h5, .medium_title h6 { font-size: 1.41em; /* 24px */ } } /*- Small Title -*/ .small_title h1, .small_title h2, .small_title h3, .small_title h4, .small_title h5, .small_title h6 { font-size: 1.33em; /* 24px */ } @media screen and (min-width: 0px) and (max-width: 520px) { .small_title h1, .small_title h2, .small_title h3, .small_title h4, .small_title h5, .small_title h6 { font-size: 1.16em; /* 21px */ } } @media screen and (min-width: 0px) and (max-width: 428px) { .small_title h1, .small_title h2, .small_title h3, .small_title h4, .small_title h5, .small_title h6 { font-size: 1.12em; /* 19px */ } } p { line-height: 1.5em; margin: 0 0 30px 0; } p:last-child { margin-bottom: 0 !important; } .font_size_15 { font-size: 15px; } .font_size_15 p { line-height: 1.4em; } .font_size_16 { font-size: 16px; } .font_size_16 p { line-height: 1.4em; } .font_size_17 { font-size: 17px; } .font_size_20 { font-size: 20px; } .font_size_22 { font-size: 22px; } .the_content sup { font-size: 0.8em; top: -0.25em; } .the_content ul { margin: 0 0 30px 0 !important; } .the_content ul li { position: relative; padding: 0 0 0 26px; } .the_content ul li::before { position: absolute; top: 10px; left: 6px; content: ''; width: 8px; height: 8px; background-color: #0091DA; border-radius: 50%; } .the_content ul:last-child { margin-bottom: 0 !important; } .the_content.use_shields ul li { padding-left: 30px; } .the_content.use_shields ul li::before { top: 2px; left: 0; width: 18px; height: 22px; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%230091DA' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 100%; border-radius: 0; } .the_content.font_size_15 ul li::before { top: 7px; } .the_content.use_shields.font_size_15 ul li::before { top: 1px; width: 16px; height: 20px; } .the_content.font_size_16 ul li::before { top: 8px; } .the_content.use_shields.font_size_16 ul li::before { top: 1px; width: 16px; height: 20px; } .the_content.font_size_17 ul li::before { top: 9px; } .the_content.use_shields.font_size_17 ul li::before { top: 1px; } @media screen and (min-width: 0px) and (max-width: 428px) { .font_size_15 { font-size: 14px; } .font_size_16 { font-size: 15px; } .font_size_17 { font-size: 16px; } } .text_white { color: #FFF; } .text_white h1, .text_white h2, .text_white h3, .text_white h4, .text_white h5, .text_white h6 { color: #FFF !important; } .text_white a { color: #FFF !important; } .text_white a:hover, .text_white a:active, .text_white a:focus { color: rgba(255,255,255,0.8); } .text_white .the_content a { color: #FFC857; } .text_white .the_content a:visited { color: #FFC857 !important; } .text_white .the_content a:visited:hover { color: #FFF !important; } .text_white .the_content a:hover, .text_white .the_content a:active, .text_white .the_content a:focus { border-bottom-color: #FFC857 !important; } /* .text_white .the_content a:hover, .text_white .the_content a:active, .text_white .the_content a:focus { border-bottom-color: rgba(255,255,255,0.6) !important; } .text_white span.icon .svg_icon circle, .text_white span.icon .svg_icon path, .text_white span.icon .svg_icon polygon { fill: #FFF; } */ .text_dark { color: #3B4559; } .text_dark h1, .text_dark h2, .text_dark h3, .text_dark h4, .text_dark h5, .text_dark h6 { color: #3B4559 !important; } .text_dark a { color: #3B4559 !important; } /* .text_dark a:hover, .text_dark a:active, .text_dark a:focus { color: #54786A; } */ /*------------*/ /*--- Buttons ---*/ .refresh_btn { display: inline-block; min-width: 80px; font-size: 17px; line-height: 24px; font-weight: 700; text-align: center; color: #FFF !important; padding: 10px 20px; margin: 8px 4px; background-color: #3B4559; border: 2px solid #3B4559 !important; border-radius: 4px; /* 48 */ } .refresh_btn:hover, .refresh_btn:active, .refresh_btn:focus { background-color: #2C3342; border-color: #2C3342 !important; } /* No Link */ .refresh_btn.no_link { color: #3B4559 !important; background-color: #D7D9DD !important; border-color: #D7D9DD !important; } @media screen and (min-width: 0px) and (max-width: 520px) { .refresh_btn { font-size: 16px; line-height: 22px; padding: 10px 16px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .refresh_btn { display: block; font-size: 15px; line-height: 20px; padding: 10px 12px; } } .fw_btn { display: block; } .dark_grey_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #3B4559 !important; } .dark_grey_btn_outline:hover, .dark_grey_btn_outline:active, .dark_grey_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .dark_grey_btn_outline:hover, .text_white .dark_grey_btn_outline:active, .text_white .dark_grey_btn_outline:focus { color: #FFF !important; } /* Brand Blue Btn */ .brand_blue_btn_solid { color: #FFF !important; background-color: #0091DA !important; border-color: #0091DA !important; } .brand_blue_btn_solid:hover, .brand_blue_btn_solid:active, .brand_blue_btn_solid:focus { color: #FFF !important; background-color: #2C3342 !important; border-color: #2C3342 !important; } .brand_blue_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #0091DA !important; } .brand_blue_btn_outline:hover, .brand_blue_btn_outline:active, .brand_blue_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .brand_blue_btn_outline:hover, .text_white .brand_blue_btn_outline:active, .text_white .brand_blue_btn_outline:focus { color: #FFF !important; } /*-----*/ /*--- SVG Icon Default ---*/ /* .item .icon svg { fill: #3B4559; } */ /*-----*/ /* Mid Blue Btn */ .mid_blue_btn_solid { color: #FFF !important; background-color: #396492 !important; border-color: #396492 !important; } .mid_blue_btn_solid:hover, .mid_blue_btn_solid:active, .mid_blue_btn_solid:focus { color: #FFF !important; background-color: #2C3342 !important; border-color: #2C3342 !important; } .mid_blue_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #396492 !important; } .mid_blue_btn_outline:hover, .mid_blue_btn_outline:active, .mid_blue_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .mid_blue_btn_outline:hover, .text_white .mid_blue_btn_outline:active, .text_white .mid_blue_btn_outline:focus { color: #FFF !important; } /* Mid Green Btn */ .mid_green_btn_solid { color: #FFF !important; background-color: #70A288 !important; border-color: #70A288 !important; } .mid_green_btn_solid:hover, .mid_green_btn_solid:active, .mid_green_btn_solid:focus { color: #FFF !important; background-color: #2C3342 !important; border-color: #2C3342 !important; } .mid_green_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #70A288 !important; } .mid_green_btn_outline:hover, .mid_green_btn_outline:active, .mid_green_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .mid_green_btn_outline:hover, .text_white .mid_green_btn_outline:active, .text_white .mid_green_btn_outline:focus { color: #FFF !important; } /* Mid Orange Btn */ .mid_orange_btn_solid { color: #FFF !important; background-color: #CC5803 !important; border-color: #CC5803 !important; } .mid_orange_btn_solid:hover, .mid_orange_btn_solid:active, .mid_orange_btn_solid:focus { color: #FFF !important; background-color: #2C3342 !important; border-color: #2C3342 !important; } .mid_orange_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #CC5803 !important; } .mid_orange_btn_outline:hover, .mid_orange_btn_outline:active, .mid_orange_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .mid_orange_btn_outline:hover, .text_white .mid_orange_btn_outline:active, .text_white .mid_orange_btn_outline:focus { color: #FFF !important; } /* Mid Pink Btn */ .mid_pink_btn_solid { color: #FFF !important; background-color: #BF6E69 !important; border-color: #BF6E69 !important; } .mid_pink_btn_solid:hover, .mid_pink_btn_solid:active, .mid_pink_btn_solid:focus { color: #FFF !important; background-color: #2C3342 !important; border-color: #2C3342 !important; } .mid_pink_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #BF6E69 !important; } .mid_pink_btn_outline:hover, .mid_pink_btn_outline:active, .mid_pink_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .mid_pink_btn_outline:hover, .text_white .mid_pink_btn_outline:active, .text_white .mid_pink_btn_outline:focus { color: #FFF !important; } /* Mid Plum Btn */ .mid_plum_btn_solid { color: #FFF !important; background-color: #6F2450 !important; border-color: #6F2450 !important; } .mid_plum_btn_solid:hover, .mid_plum_btn_solid:active, .mid_plum_btn_solid:focus { color: #FFF !important; background-color: #2C3342 !important; border-color: #2C3342 !important; } .mid_plum_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #6F2450 !important; } .mid_plum_btn_outline:hover, .mid_plum_btn_outline:active, .mid_plum_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .mid_plum_btn_outline:hover, .text_white .mid_plum_btn_outline:active, .text_white .mid_plum_btn_outline:focus { color: #FFF !important; } /* Mid Yellow Btn */ .mid_yellow_btn_solid { color: #3B4559 !important; background-color: #FFC857 !important; border-color: #FFC857 !important; } .mid_yellow_btn_solid:hover, .mid_yellow_btn_solid:active, .mid_yellow_btn_solid:focus { color: #FFF !important; background-color: #2C3342 !important; border-color: #2C3342 !important; } .mid_yellow_btn_outline { color: #3B4559 !important; background-color: transparent !important; border-color: #FFC857 !important; } .mid_yellow_btn_outline:hover, .mid_yellow_btn_outline:active, .mid_yellow_btn_outline:focus { color: #2C3342 !important; background-color: transparent !important; border-color: #2C3342 !important; } .text_white .mid_yellow_btn_solid { color: #3B4559 !important; } .text_white .mid_yellow_btn_solid:hover, .text_white .mid_yellow_btn_solid:active, .text_white .mid_yellow_btn_solid:focus { color: #FFF !important; } /*------------*/ /*--- Colours ---*/ .bkgd_white { background-color: #FFF !important; } .bkgd_dark_grey { background-color: #3B4559 !important; } .bkgd_very_dark_grey { background-color: #2C3342 !important; } .bkgd_black { background-color: #000000 !important; } .bkgd_brand_blue { background-color: #0091DA !important; } .bkgd_mid_yellow { background-color: #FFC857 !important; } .bkgd_light_brand_blue { background-color: #F5FAFD !important; } .bkgd_light_yellow { background-color: #FFF4DD !important; } /*.bkgd_filter { background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%) !important; z-index: 2 !important; }*/ .bkgd_filter { background: linear-gradient(0deg, rgba(22,24,28,1) 0%, rgba(22,24,28,0.2) 30%, rgba(22,24,28,0) 100%) !important; z-index: 2 !important; } .bkgd_brand_blue_to_dark_grey_vertical { background: linear-gradient(180deg, rgba(0,145,218,1) 0%, rgba(59,69,89,1) 80%, rgba(59,69,89,1) 100%); } .bkgd_very_dark_grey_to_mid_blue_vertical { background: linear-gradient(180deg, rgba(44,51,66,1) 0%, rgba(57,100,146,1) 80%, rgba(57,100,146,1) 100%); } .bkgd_gradient_black_vertical { background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); } .bkgd_gradient_dark_grey_vertical { background: linear-gradient(180deg, rgba(59,69,89,0) 0%, rgba(59,69,89,1) 100%); } .colour_blue, .colour_brand_blue { color: #0091DA !important; } .colour_yellow, .colour_mid_yellow { color: #FFC857 !important; } /* Accent Brand Blue */ .accent_brand_blue h1 b, .accent_brand_blue h2 b, .accent_brand_blue h3 b, .accent_brand_blue h4 b, .accent_brand_blue h5 b, .accent_brand_blue h6 b { color: #0091DA; } .accent_brand_blue ul li::before { background-color: #0091DA; } .accent_brand_blue .pre_title { color: #0091DA; } .accent_brand_blue.item .item_wrap { background-color: #F5FAFD !important; border-top-color: #0091DA !important; } .accent_brand_blue.item .icon { background-color: #0091DA !important; } .accent_brand_blue.item .icon.icon_coloured svg { fill: #0091DA !important; } .accent_brand_blue.item .link { color: #0091DA; } .accent_brand_blue .tab, .accent_brand_blue .bkgd_line { background-color: #0091DA !important; } /* Accent Bright Orange */ /* .accent_bright_orange h1 b, .accent_bright_orange h2 b, .accent_bright_orange h3 b, .accent_bright_orange h4 b, .accent_bright_orange h5 b, .accent_bright_orange h6 b { color: #FFC857; } .accent_bright_orange.item .item_wrap { border-top-color: #FFC857 !important; } .accent_bright_orange.item .icon { background-color: #FFC857 !important; } .accent_bright_orange.item .link { color: #DB961D; } */ /*-----*/ /* Accent Mid Blue */ .accent_mid_blue h1 b, .accent_mid_blue h2 b, .accent_mid_blue h3 b, .accent_mid_blue h4 b, .accent_mid_blue h5 b, .accent_mid_blue h6 b { color: #396492; } .accent_mid_blue ul li::before { background-color: #396492; } .accent_mid_blue .the_content.use_shields ul li::before, .accent_mid_blue.the_content.use_shields ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%23396492' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); } .accent_mid_blue .pre_title { color: #396492; } .accent_mid_blue.item .item_wrap { background-color: #9CB1C9 !important; border-top-color: #396492 !important; } .accent_mid_blue.item .icon { background-color: #396492 !important; } .accent_mid_blue.item .icon.icon_coloured svg { fill: #396492 !important; } .accent_mid_blue.item .link { color: #073660; } .accent_mid_blue .tab, .accent_mid_blue .bkgd_line { background-color: #396492 !important; } /* Accent Mid Green */ .accent_mid_green h1 b, .accent_mid_green h2 b, .accent_mid_green h3 b, .accent_mid_green h4 b, .accent_mid_green h5 b, .accent_mid_green h6 b { color: #70A288; } .accent_mid_green ul li::before { background-color: #70A288; } .accent_mid_green .the_content.use_shields ul li::before, .accent_mid_green.the_content.use_shields ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%2370A288' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); } .accent_mid_green .pre_title { color: #70A288; } .accent_mid_green.item .item_wrap { background-color: #D7DCDA !important; border-top-color: #70A288 !important; } .accent_mid_green.item .icon { background-color: #70A288 !important; } .accent_mid_green.item .icon.icon_coloured svg { fill: #70A288 !important; } .accent_mid_green.item .link { color: #385144; } .accent_mid_green .tab, .accent_mid_green .bkgd_line { background-color: #70A288 !important; } /* Accent Mid Orange */ .accent_mid_orange h1 b, .accent_mid_orange h2 b, .accent_mid_orange h3 b, .accent_mid_orange h4 b, .accent_mid_orange h5 b, .accent_mid_orange h6 b { color: #CC5803; } .accent_mid_orange ul li::before { background-color: #CC5803; } .accent_mid_orange .the_content.use_shields ul li::before, .accent_mid_orange.the_content.use_shields ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%23CC5803' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); } .accent_mid_orange .pre_title { color: #CC5803; } .accent_mid_orange.item .item_wrap { background-color: #EBBC9A !important; border-top-color: #CC5803 !important; } .accent_mid_orange.item .icon { background-color: #CC5803 !important; } .accent_mid_orange.item .icon.icon_coloured svg { fill: #CC5803 !important; } .accent_mid_orange.item .link { color: #7F3E0F; } .accent_mid_orange .tab, .accent_mid_orange .bkgd_line { background-color: #CC5803 !important; } /* Accent Mid Pink */ .accent_mid_pink h1 b, .accent_mid_pink h2 b, .accent_mid_pink h3 b, .accent_mid_pink h4 b, .accent_mid_pink h5 b, .accent_mid_pink h6 b { color: #BF6E69; } .accent_mid_pink ul li::before { background-color: #BF6E69; } .accent_mid_pink .the_content.use_shields ul li::before, .accent_mid_pink.the_content.use_shields ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%23BF6E69' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); } .accent_mid_pink .pre_title { color: #BF6E69; } .accent_mid_pink.item .item_wrap { background-color: #E9DFDF !important; border-top-color: #BF6E69 !important; } .accent_mid_pink.item .icon { background-color: #BF6E69 !important; } .accent_mid_pink.item .icon.icon_coloured svg { fill: #BF6E69 !important; } .accent_mid_pink.item .link { color: #704847; } .accent_mid_pink .tab, .accent_mid_pink .bkgd_line { background-color: #BF6E69 !important; } /* Accent Mid Plum */ .accent_mid_plum h1 b, .accent_mid_plum h2 b, .accent_mid_plum h3 b, .accent_mid_plum h4 b, .accent_mid_plum h5 b, .accent_mid_plum h6 b { color: #6F2450; } .accent_mid_plum ul li::before { background-color: #6F2450; } .accent_mid_plum .the_content.use_shields ul li::before, .accent_mid_plum.the_content.use_shields ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%236F2450' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); } .accent_mid_plum .pre_title { color: #6F2450; } .accent_mid_plum.item .item_wrap { background-color: #E2D3DC !important; border-top-color: #6F2450 !important; } .accent_mid_plum.item .icon { background-color: #6F2450 !important; } .accent_mid_plum.item .icon.icon_coloured svg { fill: #6F2450 !important; } .accent_mid_plum.item .link { color: #531B3C; } .accent_mid_plum .tab, .accent_mid_plum .bkgd_line { background-color: #6F2450 !important; } /* Accent Mid Yellow */ .accent_mid_yellow h1 b, .accent_mid_yellow h2 b, .accent_mid_yellow h3 b, .accent_mid_yellow h4 b, .accent_mid_yellow h5 b, .accent_mid_yellow h6 b { color: #FFC857; } .accent_mid_yellow ul li::before { background-color: #FFC857; } .accent_mid_yellow .the_content.use_shields ul li::before, .accent_mid_yellow.the_content.use_shields ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%23FFC857' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); } .accent_mid_yellow .pre_title { color: #FFC857; } .accent_mid_yellow.item .item_wrap { background-color: #FFE9BC !important; border-top-color: #FFC857 !important; } .accent_mid_yellow.item .icon { color: #3B4559 !important; /* For Contrast */ background-color: #FFC857 !important; } .accent_mid_yellow.item .icon svg { fill: #3B4559 !important; /* For Contrast */ } .accent_mid_yellow.item .icon.icon_coloured svg { fill: #FFC857 !important; } .accent_mid_yellow.item .link { color: #DB961D; } .accent_mid_yellow .tab, .accent_mid_yellow .bkgd_line { background-color: #FFC857 !important; } /*-----*/ /* Accent Dark Yellow */ .accent_dark_yellow h1 b, .accent_dark_yellow h2 b, .accent_dark_yellow h3 b, .accent_dark_yellow h4 b, .accent_dark_yellow h5 b, .accent_dark_yellow h6 b { color: #DB961D; } .accent_dark_yellow ul li::before { background-color: #DB961D; } .accent_dark_yellow .the_content.use_shields ul li::before, .accent_dark_yellow.the_content.use_shields ul li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 18 22' xml:space='preserve'%3E%3Cpath fill='%23DB961D' d='M9,21.9c-0.1,0-0.3,0-0.4,0c-0.3-0.1-0.5-0.2-0.8-0.3C5.5,20.1,0,16.4,0,11V6.3c0-0.9,0-1.4,0.2-1.9C0.4,3.9,0.7,3.5,1,3.2c0.4-0.4,0.9-0.5,1.7-0.8l5.4-2c0.2-0.1,0.4-0.2,0.6-0.2c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.6,0.2l5.4,2c0.8,0.3,1.3,0.5,1.7,0.9c0.4,0.3,0.6,0.7,0.8,1.2C18,4.9,18,5.4,18,6.3V11c0,5.4-5.5,9.1-7.8,10.5c-0.3,0.1-0.5,0.3-0.8,0.3C9.3,21.9,9.1,21.9,9,21.9zM9,2.1c0,0-0.1,0-0.2,0.1l-5.4,2c-0.6,0.2-1,0.4-1.1,0.5C2.2,4.8,2.1,4.9,2.1,5.1C2,5.2,2,5.6,2,6.3V11c0,4.4,5.2,7.8,6.8,8.8C8.9,19.8,9,19.9,9,19.9c0,0,0.1-0.1,0.2-0.1c1.6-0.9,6.8-4.3,6.8-8.8V6.3c0-0.6,0-1-0.1-1.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.1-0.1-0.5-0.3-1.1-0.5l-5.4-2C9.1,2.1,9,2.1,9,2.1zM8,13.5c-0.3,0-0.5-0.1-0.7-0.3l-2-2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0L8,11.1l3.8-3.8c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-4.5,4.5C8.5,13.4,8.3,13.5,8,13.5z'/%3E%3C/svg%3E"); } .accent_dark_yellow .pre_title { color: #DB961D; } .accent_dark_yellow.item .item_wrap { background-color: #FFE9BC !important; border-top-color: #DB961D !important; } .accent_dark_yellow.item .icon { color: #3B4559 !important; /* For Contrast */ background-color: #DB961D !important; } .accent_dark_yellow.item .icon svg { fill: #3B4559; /* For Contrast */ } .accent_dark_yellow.item .icon.icon_coloured svg { fill: #DB961D !important; } .accent_dark_yellow.item .link { color: #DB961D; } .accent_dark_yellow .tab, .accent_dark_yellow .bkgd_line { background-color: #DB961D !important; } /* No Bkgd - Comes Last */ .item .item_wrap.no_bkgd { background-color: transparent !important; } /*.item .item_wrap.bkgd_white { background-color: #FFF !important; } */ .accent_brand_blue.item .item_wrap.bkgd_white, .accent_mid_blue.item .item_wrap.bkgd_white, .accent_mid_green.item .item_wrap.bkgd_white, .accent_mid_orange.item .item_wrap.bkgd_white, .accent_mid_pink.item .item_wrap.bkgd_white, .accent_mid_plum.item .item_wrap.bkgd_white, .accent_mid_yellow.item .item_wrap.bkgd_white, .accent_dark_yellow.item .item_wrap.bkgd_white { background-color: #FFF !important; } /*.radius_8 { border-radius: 8px; }*/ /*------------------------------------------------------------------*/ /*--- Hacks for Legacy Styles ---*/ /* strong, p, small, em, i, span, a { font-family: 'Source Sans 3', Helvetica, Arial, sans-serif; } */ .site-main { max-width: 1100px; padding: 0 40px; margin: 0 auto; } .site-main *, .site-main ::after, .site-main ::before { box-sizing: border-box; } .site-main .container { max-width: 100%; padding: 0; } @media screen and (min-width: 601px) and (max-width: 900px) { .site-main { padding: 0 30px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .site-main { padding: 0 20px; } } .blog-box { border-radius: 8px; } .category-box { left: 35px; } .page_intro .category-box { position: relative; left: 0; margin-top: 20px; } .page_intro .taxonomy-title { position: relative; left: 0; } .taxonomy-name { background-color: #0091DA; } .taxonomy-title p, .category-box p { background-color: #0091DA; border-radius: 4px; } .training-hub > a { border-radius: 8px; } /*------------------------------------------------------------------*/ /* 2. Universal Elements /*------------------------------------------------------------------*/ .site_wrapper { margin: 0 auto; overflow: hidden; } .main_page_wrap { } .refresh_container { position: relative; max-width: 1100px; padding: 0 40px; margin: 0 auto; z-index: 6; } .refresh_container.extra_wide_width { max-width: 1360px; } .refresh_container.fw_container { max-width: none; padding: 0; } .refresh_container.no_padding { max-width: 1240px; padding: 0; } .refresh_container.overflow { overflow: visible; } @media screen and (min-width: 601px) and (max-width: 900px) { .refresh_container { padding: 0 30px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .refresh_container { padding: 0 20px; } } /* First Block */ #block1.page_intro { padding-top: 96px !important; } @media screen and (min-width: 0px) and (max-width: 520px) { #block1.page_intro { padding-top: 76px !important; } } /*------------------------------------------------------------------*/ /* Browser Width */ .browserwidth { position: fixed; bottom: 0; left: 0; font-size: 0.8em; text-align: center; color: #FFF; padding: 6px 8px; background-color: #EC1780; z-index: 999; } /*------------------------------------------------------------------*/ /*--- Forms ---*/ /*--- Standalone Form ---*/ .standalone_form .embedcontainer { height: inherit; padding-bottom: 0; } .standalone_form label { margin-bottom: 10px; } .standalone_form label .span-required-field { color: #CB2027; } .standalone_form button, .standalone_form input[type="text"], .standalone_form input[type="email"], .standalone_form select, .standalone_form textarea { width: 100%; background-color: #FFF; border-radius: 6px; box-sizing: border-box; } .standalone_form input, .standalone_form select { line-height: 46px; padding: 0 20px; margin: 0 0 14px 0; } .standalone_form textarea { padding: 20px; margin: 0 0 14px 0; } .standalone_form input:hover, .standalone_form input:focus, .standalone_form select:hover, .standalone_form select:focus, .standalone_form textarea:hover, .standalone_form textarea:focus { background-color: #F9F9FD; } .standalone_form input[type="submit"], .standalone_form button[type="submit"] { width: 100%; line-height: 48px; font-weight: 700; padding: 0 20px; margin: 10px 0 0 0; background-color: #0091DA; } .standalone_form input[type="submit"]:hover, .standalone_form input[type="submit"]:focus, .standalone_form button[type="submit"]:hover, .standalone_form button[type="submit"]:focus { color: #FFF; background-color: #3B4559; } .standalone_form small, .standalone_form .privacy { font-size: 14px; margin: 20px 0 0 0; } .standalone_form .privacy a { text-decoration: underline; } /* Contact Form */ .infusion-submit #recaptcha_635697ee7cd3601ed143434434ab9eea { border: none !important; color: #FFF !important; } /*------------*/ /*--- Floating Sign Up ---*/ .floating_sign_up { position: fixed; right: 30px; bottom: -100%; left: 30px; min-width: 260px; max-width: 400px; max-height: 70%; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.2); overflow: hidden; z-index: 19999; } .floating_sign_up.show { bottom: 30px; overflow-x: hidden; overflow-y: scroll; scrollbar-width: none; } .floating_sign_up .outer_wrap { padding: 30px; background-color: #FFF; } .floating_sign_up .close_floating_sign_up { position: absolute; top: 0; right: 0; line-height: 24px; padding: 10px; background: none; border: none; cursor: pointer; } .floating_sign_up .close_floating_sign_up svg { width: 24px; height: 24px; vertical-align: top; } .floating_sign_up .close_floating_sign_up svg { fill: #BEBEBE; } .floating_sign_up .close_floating_sign_up:hover svg, .floating_sign_up .close_floating_sign_up:active svg, .floating_sign_up .close_floating_sign_up:focus svg { fill: #3B4559; } .floating_sign_up .pre_title { font-size: 15px; font-weight: 700; color: #DB961D !important; margin: 0 0 10px 0; } .floating_sign_up .pre_title h1, .floating_sign_up .pre_title h2, .floating_sign_up .pre_title h3, .floating_sign_up .pre_title h4, .floating_sign_up .pre_title h5, .floating_sign_up .pre_title h6 { font-size: 18px; font-weight: 700; } .floating_sign_up .standalone_form { margin: 20px 0 0 0; } .floating_sign_up .standalone_form label { font-size: 15px; font-weight: 600; } .floating_sign_up .standalone_form .privacy { text-align: center; } @media screen and (min-width: 0px) and (max-width: 428px) { .floating_sign_up { right: 20px; left: 20px; } .floating_sign_up.show { bottom: 20px; } .floating_sign_up .outer_wrap { padding: 20px; } } /*------------------------------------------------------------------*/ /*--- Nav Bar ---*/ #nav_bar { position: fixed; top: 0; right: 0; left: 0; background-color: #FFF; box-shadow: 0 6px 20px rgba(0,0,0,0.2); z-index: 99999; } #nav_bar.out { top: -200px; } #nav_bar .refresh_container { min-height: 96px; } #nav_bar.logo_left .wrap { padding: 0 0 0 150px; } /*- NavBar Logo -*/ #nav_bar .logo { } #nav_bar .logo span { display: none; } #nav_bar .logo img, #nav_bar .logo svg { vertical-align: top; } #nav_bar .logo a { display: inline-block; } /* Logo Left */ #nav_bar.logo_left .logo { position: absolute; top: 50%; left: 40px; margin-top: -38px; z-index: 2; } #nav_bar.logo_left .logo img, #nav_bar.logo_left .logo svg { width: auto; height: 86px; } /* Logo Bkgd */ #nav_bar .logo_bkgd { position: absolute; top: 50%; left: 40px; width: 126px; height: 126px; border-radius: 50%; background-color: #FFF; margin: -63px 0 0 -17px; z-index: 1; } /*- Main Menu -*/ #nav_bar .menu { } #nav_bar ul.main_menu { display: inline-block; font-size: 0; line-height: 0; } #nav_bar ul.main_menu li { display: inline-block; font-size: 19px; line-height: 100px; cursor: pointer; } #nav_bar ul.main_menu li a { position: relative; display: block; line-height: 44px; font-weight: 600; color: #3B4559; padding: 28px 14px 24px 14px; } #nav_bar ul.main_menu li:hover a, #nav_bar ul.main_menu li:active a, #nav_bar ul.main_menu li:focus a { color: #0091DA; } #nav_bar ul.main_menu li.current-menu-item a, #nav_bar ul.main_menu li.current_page_item a, #nav_bar ul.main_menu li.current_page_parent a, #nav_bar ul.main_menu li.current-page-ancestor a { color: #0091DA; } #nav_bar ul.main_menu li.current-menu-item a::after, #nav_bar ul.main_menu li.current_page_item a::after, #nav_bar ul.main_menu li.current_page_parent a::after, #nav_bar ul.main_menu li.current-page-ancestor a::after { background-color: #DAEEEB !important; } #nav_bar ul.main_menu li.menu-item-has-children { position: relative; } #nav_bar ul.main_menu li.menu-item-has-children a { padding-right: 34px; } #nav_bar ul.main_menu li.menu-item-has-children::after { content: ''; position: absolute; top: 50%; right: 10px; width: 16px; height: 10px; margin-top: -2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='10px' viewBox='0 0 16 10' xml:space='preserve'%3E%3Cpath fill='%230091DA' d='M0,2.3l2.2-2.1L8,5.7l5.8-5.4L16,2.3L8,9.8L0,2.3z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; } #nav_bar ul.main_menu li.menu-item-has-children:hover, #nav_bar ul.main_menu li.menu-item-has-children:active, #nav_bar ul.main_menu li.menu-item-has-children:focus { background-color: #F5FAFD; } #nav_bar ul.main_menu li.menu-item-has-children:hover::after, #nav_bar ul.main_menu li.menu-item-has-children:active::after, #nav_bar ul.main_menu li.menu-item-has-children:focus::after { transform: rotate(180deg); } #nav_bar ul.main_menu li.menu-item-has-children.current-menu-item::after, #nav_bar ul.main_menu li.menu-item-has-children.current_page_item::after, #nav_bar ul.main_menu li.menu-item-has-children.current_page_parent::after, #nav_bar ul.main_menu li.menu-item-has-children.current-page-ancestor::after { } #nav_bar ul.main_menu li.menu-item-has-phone-icon a { padding-left: 38px; } #nav_bar ul.main_menu li.menu-item-has-phone-icon::before { content: ''; position: absolute; top: 50%; left: 10px; width: 22px; height: 22px; margin-top: -8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%233B4559' d='M16.4,21.3c-0.5,0-0.9-0.1-1.5-0.3c-3.3-0.9-6.3-2.7-8.7-5.1C3.7,13.5,1.9,10.5,1,7.2c-0.2-0.6-0.3-1-0.3-1.5c0-0.6,0.2-1.4,0.5-2c0.3-0.5,0.6-0.8,1.2-1.4l0.2-0.2C3.1,1.6,3.4,1.2,3.9,1c0.8-0.4,1.9-0.4,2.7,0C7,1.2,7.3,1.6,7.9,2.1l0.2,0.2c0.4,0.4,0.6,0.6,0.8,0.9c0.6,1,0.6,2.3,0,3.3C8.7,6.7,8.5,7,8.1,7.3C8.1,7.4,8,7.4,8,7.5l0.1,0.1v0c0.7,1.4,1.6,2.6,2.7,3.7c1.1,1.1,2.4,2,3.7,2.7l0.1,0.1c0,0,0-0.1,0.1-0.1c0.4-0.4,0.6-0.6,0.9-0.8c1-0.6,2.3-0.6,3.3,0c0.3,0.2,0.5,0.4,0.9,0.8l0.2,0.2c0.6,0.6,0.9,0.9,1.1,1.3c0.4,0.8,0.4,1.9,0,2.7c-0.2,0.4-0.5,0.8-1.1,1.3l-0.2,0.2c-0.6,0.6-0.9,0.9-1.4,1.2C17.8,21.1,17,21.3,16.4,21.3zM5.2,2.7c-0.2,0-0.3,0-0.5,0.1S4.4,3.1,3.9,3.6L3.8,3.7C3.3,4.2,3.1,4.4,3,4.7c-0.1,0.2-0.3,0.7-0.3,1c0,0.3,0,0.4,0.2,1c0.8,3,2.4,5.7,4.6,7.8c2.2,2.2,4.9,3.8,7.9,4.6c0.6,0.2,0.7,0.2,1,0.2c0,0,0,0,0,0c0.3,0,0.7-0.1,1-0.3c0.2-0.1,0.4-0.3,0.9-0.8l0.2-0.2c0.4-0.4,0.7-0.7,0.8-0.8c0.1-0.3,0.1-0.6,0-0.9c-0.1-0.1-0.4-0.4-0.8-0.8l-0.2-0.2c-0.3-0.3-0.4-0.4-0.5-0.5c-0.3-0.2-0.8-0.2-1.1,0c-0.1,0.1-0.3,0.2-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.3c-0.5,0.3-1.1,0.5-1.7,0.3c-0.1,0-0.2-0.1-0.4-0.2c-1.6-0.8-3-1.8-4.3-3C8,11.5,7,10,6.2,8.4l0,0C6.2,8.2,6.1,8.1,6.1,8C5.9,7.4,6,6.8,6.4,6.3c0.1-0.1,0.2-0.2,0.3-0.4C7,5.7,7.1,5.5,7.2,5.4c0.2-0.3,0.2-0.8,0-1.1C7.1,4.2,7,4,6.7,3.8L6.5,3.6C6.1,3.1,5.8,2.9,5.7,2.8C5.5,2.7,5.4,2.7,5.2,2.7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } #nav_bar ul.main_menu li.menu-item-has-phone-icon:hover::before, #nav_bar ul.main_menu li.menu-item-has-phone-icon:active::before, #nav_bar ul.main_menu li.menu-item-has-phone-icon:focus::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' xml:space='preserve'%3E%3Cpath fill='%230091DA' d='M16.4,21.3c-0.5,0-0.9-0.1-1.5-0.3c-3.3-0.9-6.3-2.7-8.7-5.1C3.7,13.5,1.9,10.5,1,7.2c-0.2-0.6-0.3-1-0.3-1.5c0-0.6,0.2-1.4,0.5-2c0.3-0.5,0.6-0.8,1.2-1.4l0.2-0.2C3.1,1.6,3.4,1.2,3.9,1c0.8-0.4,1.9-0.4,2.7,0C7,1.2,7.3,1.6,7.9,2.1l0.2,0.2c0.4,0.4,0.6,0.6,0.8,0.9c0.6,1,0.6,2.3,0,3.3C8.7,6.7,8.5,7,8.1,7.3C8.1,7.4,8,7.4,8,7.5l0.1,0.1v0c0.7,1.4,1.6,2.6,2.7,3.7c1.1,1.1,2.4,2,3.7,2.7l0.1,0.1c0,0,0-0.1,0.1-0.1c0.4-0.4,0.6-0.6,0.9-0.8c1-0.6,2.3-0.6,3.3,0c0.3,0.2,0.5,0.4,0.9,0.8l0.2,0.2c0.6,0.6,0.9,0.9,1.1,1.3c0.4,0.8,0.4,1.9,0,2.7c-0.2,0.4-0.5,0.8-1.1,1.3l-0.2,0.2c-0.6,0.6-0.9,0.9-1.4,1.2C17.8,21.1,17,21.3,16.4,21.3zM5.2,2.7c-0.2,0-0.3,0-0.5,0.1S4.4,3.1,3.9,3.6L3.8,3.7C3.3,4.2,3.1,4.4,3,4.7c-0.1,0.2-0.3,0.7-0.3,1c0,0.3,0,0.4,0.2,1c0.8,3,2.4,5.7,4.6,7.8c2.2,2.2,4.9,3.8,7.9,4.6c0.6,0.2,0.7,0.2,1,0.2c0,0,0,0,0,0c0.3,0,0.7-0.1,1-0.3c0.2-0.1,0.4-0.3,0.9-0.8l0.2-0.2c0.4-0.4,0.7-0.7,0.8-0.8c0.1-0.3,0.1-0.6,0-0.9c-0.1-0.1-0.4-0.4-0.8-0.8l-0.2-0.2c-0.3-0.3-0.4-0.4-0.5-0.5c-0.3-0.2-0.8-0.2-1.1,0c-0.1,0.1-0.3,0.2-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.3c-0.5,0.3-1.1,0.5-1.7,0.3c-0.1,0-0.2-0.1-0.4-0.2c-1.6-0.8-3-1.8-4.3-3C8,11.5,7,10,6.2,8.4l0,0C6.2,8.2,6.1,8.1,6.1,8C5.9,7.4,6,6.8,6.4,6.3c0.1-0.1,0.2-0.2,0.3-0.4C7,5.7,7.1,5.5,7.2,5.4c0.2-0.3,0.2-0.8,0-1.1C7.1,4.2,7,4,6.7,3.8L6.5,3.6C6.1,3.1,5.8,2.9,5.7,2.8C5.5,2.7,5.4,2.7,5.2,2.7z'/%3E%3C/svg%3E"); } /* Sub Nav */ #nav_bar ul .sub_nav { display: none; } #nav_bar ul li:hover > .sub_nav { display: block; } #nav_bar ul .sub_nav { position: fixed; top: 96px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 0; } #nav_bar ul .sub_nav .wrap { background-color: #FFF; padding: 0; margin: 0 0 30px 0; border-top: 1px solid #D7D9DD; border-radius: 0 0 8px 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.2); overflow: hidden; } #nav_bar ul .sub_menu { float: left; width: 67%; line-height: 1em; padding: 30px; box-sizing: border-box; } #nav_bar ul .feature { position: absolute; top: 1px; right: 40px; bottom: 0; float: right; width: 33%; line-height: 1em; background-color: #FFF4DD; border-radius: 0 0 8px 0; box-sizing: border-box; } #nav_bar ul .sub_menu li { position: relative; display: block; font-size: 19px; line-height: 32px; margin: 0 0 12px 0; } #nav_bar ul .sub_menu li:last-child { margin-bottom: 0; } #nav_bar ul .sub_menu li a { line-height: 32px; color: #3B4559 !important; padding: 0 0 0 30px !important; } #nav_bar ul .sub_menu li::before { content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 12px; margin-top: -6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='12px' viewBox='0 0 16 12' xml:space='preserve'%3E%3Cpath fill='%23FFC857' d='M10,0H0v12h10c3.3,0,6-2.7,6-6S13.3,0,10,0z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; } #nav_bar ul .sub_menu li a:hover, #nav_bar ul .sub_menu li a:active, #nav_bar ul .sub_menu li a:focus { color: #DB961D !important; } /* #nav_bar ul .sub_menu li.current-menu-item a, #nav_bar ul .sub_menu li.current_page_item a, #nav_bar ul .sub_menu li.current_page_parent a { color: #DB961D !important; } */ /* #nav_bar ul ul { float: left; width: 48%; border-left: 1px solid rgba(255,255,255,0.4); } #nav_bar ul ul li { display: block; font-size: 18px !important; line-height: 20px; font-weight: 400; text-align: left; padding: 0; margin: 0; border: none; } #nav_bar ul ul.sub-menu li a { display: block; height: auto; line-height: 26px; color: #FFF !important; margin: 0; padding: 4px 22px !important; background-image: none!important; border: none; } #nav_bar ul li:hover ul.sub-menu li a { color: #FFF; border: none; } #nav_bar ul li:hover ul.sub-menu li a:hover { color: rgba(255,255,255,0.7) !important; border: none; } */ #nav_bar ul .feature a { font-weight: 400 !important; color: #3B4559 !important; padding: 30px 40px 40px 40px !important; } #nav_bar ul .feature a:hover, #nav_bar ul .feature a:active, #nav_bar ul .feature a:focus { color: #3B4559 !important; } #nav_bar ul .feature h4 { font-size: 1.2em; } #nav_bar ul .feature h4 b, #nav_bar ul .feature h4 strong { display: inline-block; } #nav_bar ul .feature p { font-size: 16px; margin-bottom: 10px; } #nav_bar ul .feature .link { height: inherit; font-size: 16px; line-height: 30px; font-weight: 600; } /*- Actions -*/ #nav_bar .actions { position: absolute; top: 50%; right: 40px; margin-top: -24px; } #nav_bar .actions .refresh_btn { margin: 0; } #nav_bar .actions .nav_search { padding: 14px; margin: 0 14px 0 0; background: none; border: none; cursor: pointer; } #nav_bar .actions .nav_search .text { font-size: 16px; line-height: 20px; font-weight: 600; color: #3B4559; padding: 0 0 0 8px; } #nav_bar .actions .nav_search svg { width: 20px; height: 20px; vertical-align: top; fill: #0091DA; } #nav_bar .actions .nav_search:hover .text, #nav_bar .actions .nav_search:active .text, #nav_bar .actions .nav_search:focus .text { color: #0091DA; } /* Phone Numbers */ #nav_bar .actions ul.main_menu { margin: -24px 10px 0 0; } #nav_bar ul .sub_nav.contacts_nav .sub_menu { width: 38%; } #nav_bar ul .sub_nav ul.phone_numbers { float: right; padding: 0 30px 0 0; margin-top: -4px; } #nav_bar ul .sub_nav ul.phone_numbers li { position: relative; font-size: 16px; margin: 0 30px 0 0; } #nav_bar ul .sub_nav ul.phone_numbers li:last-child { margin-right: 0; } #nav_bar ul .sub_nav ul.phone_numbers li a { display: block; line-height: 24px; font-weight: 400; color: rgba(59,69,89,0.85); padding: 0 0 0 35px; } #nav_bar ul .sub_nav ul.phone_numbers li a:hover, #nav_bar ul .sub_nav ul.phone_numbers li a:active, #nav_bar ul .sub_nav ul.phone_numbers li a:focus { color: #3B4559; } #nav_bar ul .sub_nav ul.phone_numbers li .icon { position: absolute; top: 0; left: 0; width: 24px; height: 24px; } #nav_bar ul .sub_nav ul.phone_numbers li .icon svg { width: 100%; height: 100%; vertical-align: top; } @media screen and (min-width: 0px) and (max-width: 960px) { #nav_bar .menu { display: none; } #nav_bar .actions { display: none; right: 130px; } } @media screen and (min-width: 601px) and (max-width: 900px) { #nav_bar.logo_left .logo { left: 30px; } #nav_bar .logo_bkgd { left: 30px; } } @media screen and (min-width: 0px) and (max-width: 600px) { #nav_bar.logo_left .logo { left: 20px; } #nav_bar .logo_bkgd { left: 20px; } #nav_bar .actions { display: none; } } @media screen and (min-width: 0px) and (max-width: 520px) { #nav_bar .refresh_container { min-height: 76px; } #nav_bar.logo_left .logo { margin-top: -28px; } #nav_bar.logo_left .logo img, #nav_bar.logo_left .logo svg { height: 66px; } #nav_bar .logo_bkgd { width: 86px; height: 86px; margin: -38px 0 0 -9px; } } /*------------------------------------------------------------------*/ /*--- Mobile Nav ---*/ /*- Open Mobile Nav -*/ .open_mobile_nav { position: absolute; top: 50%; right: -100px; padding: 10px; margin: -25px 0 0 0; background: none; border: none; opacity: 0; overflow: hidden; cursor: pointer; z-index: 9; } .open_mobile_nav .text { font-size: 16px; line-height: 32px; color: #3B4559; padding: 0 8px; } .open_mobile_nav img, .open_mobile_nav svg { width: 32px; height: 32px; vertical-align: top; } .open_mobile_nav svg { fill: #576072; } .open_mobile_nav svg .middle_bar { fill: #0091DA; } .open_mobile_nav:hover svg, .open_mobile_nav:active svg, .open_mobile_nav:focus svg { fill: #0091DA; } @media screen and (min-width: 0px) and (max-width: 960px) { .open_mobile_nav { right: 30px; opacity: 1; } } @media screen and (min-width: 0px) and (max-width: 900px) { .open_mobile_nav { right: 20px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .open_mobile_nav { right: 10px; } } /*- Mobile Nav -*/ #mobile_nav { position: fixed; top: 0; right: auto; bottom: 0; left: -300px; width: 100%; max-width: 300px; background-color: #FFF; overflow-x: hidden; overflow-y: scroll; z-index: 99999; } #mobile_nav.active { display: block; left: 0; right: auto; } #mobile_nav .wrap { padding: 40px 20px; margin: 0 auto; } /* Close Btn */ #mobile_nav .close_mobile_nav { line-height: 24px; padding: 10px; margin: 0 0 -10px -10px; background: none; border: none; cursor: pointer; } #mobile_nav .close_mobile_nav .text { font-size: 15px; padding: 0 0 0 8px; } #mobile_nav .close_mobile_nav img, #mobile_nav .close_mobile_nav svg { width: 24px; height: 24px; vertical-align: top; } #mobile_nav .close_mobile_nav svg { fill: #0091DA; } #mobile_nav .close_mobile_nav:hover, #mobile_nav .close_mobile_nav:active, #mobile_nav .close_mobile_nav:focus { color: #0091DA; } /* Divide Line */ #mobile_nav .divide_line { width: 100%; height: 1px; margin: 20px 0 0 0; background-color: #D7D9DD; } /* Menu */ #mobile_nav .main_part { margin: 20px -20px 0 -20px; } #mobile_nav .mobile_menu { } #mobile_nav .mobile_menu ul { font-size: 0; line-height: 0; } #mobile_nav .mobile_menu ul li { position: relative; font-size: 20px; line-height: 48px; } #mobile_nav .mobile_menu ul li a { display: block; padding: 0 50px 0 20px; } #mobile_nav .mobile_menu ul li a:hover, #mobile_nav .mobile_menu ul li a:active, #mobile_nav .mobile_menu ul li a:focus { color: #0091DA; } #mobile_nav .mobile_menu li.current-menu-item a, #mobile_nav .mobile_menu li.current_page_item a, #mobile_nav .mobile_menu li.current_page_parent a, #mobile_nav .mobile_menu li.current_page_ancestor a { color: #0091DA; } #mobile_nav .mobile_menu ul li.menu-item-home::after { content: ''; position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 20 20' xml:space='preserve'%3E%3Cpath fill='%230091DA' d='M15.9,20H4.8c-1.2,0-1.9,0-2.5-0.3c-0.5-0.3-1-0.7-1.3-1.3c-0.3-0.6-0.3-1.3-0.3-2.5V9c0-0.6,0-1,0.1-1.3C0.9,7.3,1.1,7,1.3,6.7c0.2-0.3,0.5-0.5,1-0.9l6.5-5.1c0.4-0.3,0.7-0.5,1-0.6c0.3-0.1,0.7-0.1,1,0c0.4,0.1,0.6,0.3,1,0.6l6.5,5.1c0.5,0.4,0.8,0.6,1,0.9c0.2,0.3,0.4,0.6,0.5,0.9C20,8,20,8.3,20,9v7c0,1.2,0,1.9-0.3,2.5c-0.3,0.5-0.7,1-1.3,1.3C17.8,20,17.1,20,15.9,20zM14.2,18.1h1.7c0.8,0,1.4,0,1.6-0.1c0.2-0.1,0.3-0.2,0.4-0.4c0.1-0.2,0.1-0.8,0.1-1.6V9c0-0.4,0-0.7,0-0.8C18,8,18,7.9,17.9,7.8c-0.1-0.1-0.3-0.3-0.6-0.5l-6.5-5.1c-0.2-0.1-0.3-0.3-0.4-0.3c0,0-0.2,0.2-0.3,0.3l0,0L3.5,7.3C3.1,7.6,2.9,7.7,2.8,7.8C2.8,7.9,2.7,8,2.7,8.1c0,0.1,0,0.4,0,0.8v7c0,0.8,0,1.4,0.1,1.6C2.8,17.7,3,17.9,3.2,18c0.2,0.1,0.8,0.1,1.6,0.1h1.7v-6.2c0-0.6,0-1,0.2-1.5c0.2-0.4,0.5-0.7,0.8-0.8C8,9.4,8.4,9.4,9,9.4h2.7c0.6,0,1,0,1.5,0.2c0.4,0.2,0.7,0.5,0.8,0.8c0.2,0.4,0.2,0.8,0.2,1.5V18.1zM8.4,18.1h3.9v-6.2c0-0.3,0-0.5,0-0.6c0,0-0.3,0-0.6,0H9%0Ac-0.3,0-0.5,0-0.6,0c0,0,0,0.3,0,0.6V18.1z M9.4,1.4L9.4,1.4L9.4,1.4z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; z-index: -1; } #mobile_nav .mobile_menu ul li.menu-item-has-children { position: relative; } #mobile_nav .mobile_menu ul li.menu-item-has-children a { width: 70%; padding-right: 0; } #mobile_nav .mobile_menu ul li.menu-item-has-children::after { content: ''; position: absolute; top: 1px; right: 2px; width: 16px; height: 10px; padding: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='10px' viewBox='0 0 16 10' xml:space='preserve'%3E%3Cpath fill='%230091DA' d='M0,2.3l2.2-2.1L8,5.7l5.8-5.4L16,2.3L8,9.8L0,2.3z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; cursor: pointer; } #mobile_nav .mobile_menu ul li.menu-item-has-children.expanded { background-color: #F5FAFD; } #mobile_nav .mobile_menu ul li.menu-item-has-children.expanded::after { transform: rotate(180deg); } #mobile_nav .mobile_menu ul li.menu-item-has-children.expanded ul.sub-menu, #mobile_nav .mobile_menu ul li.menu-item-has-children.current_page_ancestor ul.sub-menu { display: block; } #mobile_nav .mobile_menu ul li.menu-item-has-children ul li a { width: auto; } #mobile_nav .mobile_menu ul li.menu-item-has-children ul li::after { display: none; content: '' !important; } /* Sub Menu */ #mobile_nav .mobile_menu ul.sub-menu { display: none; padding: 0 0 20px 0; margin: 0 20px; } #mobile_nav .mobile_menu ul.sub-menu li { position: relative; font-size: 16px; line-height: 20px; padding: 0; border-bottom: none; } #mobile_nav .mobile_menu ul.sub-menu li a { color: rgba(59,69,89,0.85); padding: 5px 0 5px 20px; } #mobile_nav .mobile_menu ul.sub-menu li::before { position: absolute; content: ''; position: absolute; top: 10px; left: 0; width: 10px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='16px' height='12px' viewBox='0 0 16 12' xml:space='preserve'%3E%3Cpath fill='%23FFC857' d='M10,0H0v12h10c3.3,0,6-2.7,6-6S13.3,0,10,0z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; background-size: 10px 8px; } #mobile_nav .mobile_menu ul.sub-menu li a:hover, #mobile_nav .mobile_menu ul.sub-menu li a:active, #mobile_nav .mobile_menu ul.sub-menu li a:focus { color: #DB961D; } #mobile_nav .nav_search { position: relative; width: 100%; text-align: left; padding: 20px 0; margin: 14px 0 -14px 0; background: none; border: none; border-top: 1px solid #DDD; cursor: pointer; } #mobile_nav .nav_search .text { font-size: 20px; line-height: 28px; color: #3B4559; } #mobile_nav .nav_search svg { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin-top: -10px; fill: #0091DA; } #mobile_nav .nav_search:hover .text, #mobile_nav .nav_search:active .text, #mobile_nav .nav_search:focus .text { color: #0091DA; } /* Buttons */ #mobile_nav .buttons { margin: 12px -4px -8px -4px; } /* Phone Numbers */ #mobile_nav ul.phone_numbers { padding: 30px 0 0 0; } #mobile_nav ul.phone_numbers li { position: relative; font-size: 16px; line-height: 24px; margin: 0 0 14px 0; } #mobile_nav ul.phone_numbers li:last-child { margin-bottom: 0; } #mobile_nav ul.phone_numbers li a { display: block; color: rgba(59,69,89,0.85); padding: 0 0 0 35px; } #mobile_nav ul.phone_numbers li a:hover, #mobile_nav ul.phone_numbers li a:active, #mobile_nav ul.phone_numbers li a:focus { color: #3B4559; } #mobile_nav ul.phone_numbers li .icon { position: absolute; top: 0; left: 0; width: 24px; height: 24px; } #mobile_nav ul.phone_numbers li .icon svg { width: 100%; height: 100%; vertical-align: top; } /* Social Links */ #mobile_nav ul.social_links { padding: 30px 0 0 0; } #mobile_nav ul.social_links li { margin: 0 16px 0 0 !important; } #mobile_nav ul.social_links li span.icon svg { fill: #3B4559; } /* Legal */ #mobile_nav ul.legal { font-size: 0; line-height: 0; padding: 30px 0 0 0; vertical-align: top; } #mobile_nav ul.legal li { display: inline-block; font-size: 14px; line-height: 16px; margin: 0 8px 6px 0; } #mobile_nav ul.legal li:last-child { margin-right: 0; } #mobile_nav ul.legal li::after { content: '|'; color: #0091DA; padding: 0 0 0 8px; } #mobile_nav ul.legal li:last-child::after { content: ''; padding: 0; } #mobile_nav ul.legal li a { border-bottom: none; } #mobile_nav ul.legal li a:hover, #mobile_nav ul.legal li a:active, #mobile_nav ul.legal li a:focus { color: #0091DA; } #mobile_nav ul.legal li.no_link { cursor: pointer; } #mobile_nav ul.legal li.no_link:hover, #mobile_nav ul.legal li.no_link:active, #mobile_nav ul.legal li.no_link:focus { color: #0091DA; } /*------------------------------------------------------------------*/ /*--- Background Overlay ---*/ #bkgd_page_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(59,69,89,0); z-index: -1; } #bkgd_page_overlay.active { background-color: rgba(59,69,89,0.8); z-index: 99998; } /*------------------------------------------------------------------*/ /*--- Footer ---*/ #footer { position: relative; text-align: center; color: #FFF; background-color: #2C3342; z-index: 5; } #footer .footer_main_wrap { position: relative; overflow: hidden; } #footer .footer_main_wrap .bkgd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #3B4559; } /* Upper Footer */ #footer .upper_footer { padding: 60px 0 0 0; } #footer .upper_footer .logo { max-width: 99px; margin: 0 auto 16px auto; } #footer .upper_footer .logo img, #footer .upper_footer .logo svg { width: 100%; height: auto; } #footer .upper_footer .logo svg { fill: #FFF; } #footer .upper_footer .logo span { display: none; } #footer .upper_footer .logo a { display: inline-block; border-bottom: none; } #footer .upper_footer .navigation { } #footer .upper_footer .navigation ul { display: inline-block; font-size: 0; line-height: 0; vertical-align: top; } #footer .upper_footer .navigation ul li { display: inline-block; font-size: 21px; line-height: 32px; margin: 0 8px; } #footer .upper_footer .navigation ul li a { display: block; } #footer .upper_footer .navigation ul li a:hover, #footer .upper_footer .navigation ul li a:active, #footer .upper_footer .navigation ul li a:focus { color: #F5FAFD; opacity: 0.8; } #footer .upper_footer ul.social_links { display: inline-block; vertical-align: top; } @media screen and (min-width: 0px) and (max-width: 600px) { #footer .upper_footer .navigation ul { display: block; } #footer .upper_footer ul.social_links { margin: 20px 0 0 0; } } /* Lower Footer */ #footer .lower_footer { font-size: 15px; padding: 0 0 60px 0; margin: 30px 0 0 0; } #footer .lower_footer .wrap { padding: 20px 0 0 0; border-top: 1px solid #396492; overflow: hidden; } #footer .lower_footer .col_left { float: left; width: 50%; text-align: left; padding: 0 10px 0 0; box-sizing: border-box; } #footer .lower_footer .col_right { float: right; width: 50%; text-align: right; padding: 0 0 0 10px; box-sizing: border-box; } #footer .lower_footer p { line-height: 20px; } #footer .lower_footer ul.legal { font-size: 0; line-height: 0; vertical-align: top; } #footer .lower_footer ul.legal li { display: inline-block; font-size: 15px; line-height: 20px; margin: 0 8px 6px 0; } #footer .lower_footer ul.legal li:last-child { margin-right: 0; } #footer .lower_footer ul.legal li::after { content: '|'; color: #0091DA; padding: 0 0 0 8px; } #footer .lower_footer ul.legal li:last-child::after { content: ''; padding: 0; } #footer .lower_footer ul.legal li a { color: #FFF; border-bottom: none; } #footer .lower_footer ul.legal li a:hover, #footer .lower_footer ul.legal li a:active, #footer .lower_footer ul.legal li a:focus { color: #F5FAFD; opacity: 0.8; } #footer .lower_footer ul.legal li.no_link { color: #FFF; cursor: pointer; } #footer .lower_footer ul.legal li.no_link:hover, #footer .lower_footer ul.legal li.no_link:active, #footer .lower_footer ul.legal li.no_link:focus { color: #F5FAFD; opacity: 0.8; } @media screen and (min-width: 0px) and (max-width: 1100px) { #footer .lower_footer .col_left { float: none; width: 100%; text-align: center; padding: 0; } #footer .lower_footer .col_right { float: none; width: 100%; text-align: center; padding: 10px 0 0 0; } } /* Watermarks */ #footer .bkgd_watermark { width: 1100px; height: 966px; background-image: url(_images/common/LCN_background_globe_watermark.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; mix-blend-mode: screen; opacity: 0.15; z-index: 1; } #footer .bkgd_watermark.left { position: absolute; top: -150px; right: 55%; } #footer .bkgd_watermark.right { position: absolute; top: -150px; left: 60%; transform: rotate(-73deg); } @media screen and (min-width: 0px) and (max-width: 900px) { #footer .bkgd_watermark.left { right: 45%; } #footer .bkgd_watermark.right { left: 50%; } } @media screen and (min-width: 0px) and (max-width: 660px) { #footer .bkgd_watermark.left { right: 35%; } #footer .bkgd_watermark.right { left: 40%; } } @media screen and (min-width: 0px) and (max-width: 520px) { #footer .bkgd_watermark { width: 550px; height: 483px; } #footer .bkgd_watermark.left { top: -100px; right: 25%; } #footer .bkgd_watermark.right { top: auto; bottom: -200px; left: 30%; } } /* Regulation Footer */ #footer .regulation_footer { text-align: left; padding: 30px 0 60px 0; } /* #footer .regulation_footer p { margin: 0 0 22px 0; } */ /*------------------------------------------------------------------*/ /*--- Other Common Elements ---*/ /*--- Social Links ---*/ ul.social_links { font-size: 0; line-height: 0; margin: 0; } ul.social_links li { display: inline-block !important; font-size: 15px; line-height: 32px; text-align: center; padding: 0; margin: 0 8px !important; overflow: hidden; } ul.social_links li::before { display: none; } ul.social_links li a { display: block; border: none !important; } ul.social_links li a:hover, ul.social_links li a:active, ul.social_links li a:focus { opacity: 0.8; } ul.social_links li span.text { display: none; } ul.social_links li span.icon { display: block; height: 32px; vertical-align: top; } ul.social_links li span.icon svg { width: 100%; height: 100%; fill: #FFF; vertical-align: top; width: auto; } /*--- Tab Nav ---*/ .tab_nav { position: relative; margin: 0 0 20px 0; } .tab_nav .tab_wrap { display: inline-block; } .tab_nav ul { position: relative; display: inline-block; font-size: 0; line-height: 0; z-index: 1; } .tab_nav ul li { display: inline-block; font-size: 18px; line-height: 44px; font-weight: 600; overflow: hidden; } .tab_nav ul li a { display: block; min-width: 85px; padding: 0 20px; color: #3B4559; border: 2px solid #3B4559; border-radius: 4px; } .tab_nav ul li a:hover, .tab_nav ul li a:active, .tab_nav ul li a:focus { color: #2C3342; border-color: #2C3342; } .tab_nav ul li.ui-state-active a { color: #FFF; background-color: #3B4559; } .tab_nav .bkgd_line { position: absolute; top: 50%; width: 100%; height: 1px; background-color: #3B4559; z-index: -1; } .tab_nav.align_center { text-align: center; } .tab_nav.align_center ul { padding: 0 14px; margin: 0 auto; } .tab_nav.align_center ul li { margin: 0 6px; } .tab_nav.align_left ul { padding: 0 20px 0 0; } .tab_nav.align_left ul li { margin: 0 12px 0 0; } .tab_nav.align_left ul li:last-child { margin-right: 0; } /*------------------------------------------------------------------*/ /* 3. Content Blocks /*------------------------------------------------------------------*/ /*--- Section Intro ---*/ .refresh_section_intro { position: relative; text-align: center; padding: 0 0 30px 0; margin: 0 auto; } .refresh_section_intro .title { margin: 0 0 12px 0; } .refresh_section_intro .the_content { margin: 0 auto; } .refresh_section_intro h1, .refresh_section_intro h2, .refresh_section_intro h3, .refresh_section_intro h4, .refresh_section_intro h5, .refresh_section_intro h6 { font-weight: 700; margin: 0; } .refresh_section_intro h1 b, .refresh_section_intro h2 b, .refresh_section_intro h3 b, .refresh_section_intro h4 b, .refresh_section_intro h5 b, .refresh_section_intro h6 b { font-weight: 700; } .refresh_section_intro .larger_paragraph p { font-size: 1.11em; /* 20px */ } /* Width Variations */ .refresh_section_intro.wide_width { max-width: 900px; } .refresh_section_intro.medium_width { max-width: 720px; } .refresh_section_intro.slim_width { max-width: 480px; } .refresh_section_intro.wide_width .the_content { max-width: 720px; } /* Left Aligned */ .refresh_section_intro.left_aligned { text-align: left; margin-left: 0; } .refresh_section_intro.left_aligned .the_content { margin-left: 0; } /* Title Line */ .refresh_section_intro .title.inline_title { position: relative; } .refresh_section_intro .title.inline_title .title_wrap { display: inline-block; padding: 0 20px; } .refresh_section_intro .title.inline_title .bkgd_line { position: absolute; top: 60%; right: 0; left: 0; width: 100%; height: 1px; background-color: #3B4559; z-index: -1; } .refresh_section_intro.left_aligned .title.inline_title .title_wrap { padding-left: 0; } .tabbed_content .refresh_section_intro .title.inline_title .bkgd_line { display: none; } /*------------*/ /*--- Content Block ---*/ .refresh_content_block { position: relative; padding: 70px 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 5;/* border-bottom: 1px solid rgba(0,0,0,0.2);*/ } .refresh_content_block .bkgd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; z-index: 0; } .refresh_content_block .bkgd.half_height { top: 50%; } .refresh_content_block .bkgd_photo { background-repeat: no-repeat; background-position: center center; background-size: cover; /*filter: grayscale(100%) blur(0); opacity: 0.15;*/ z-index: 1; } .refresh_content_block .anchor { position: absolute; top: 0; width: 1px; height: 1px; background-color: transparent; } .refresh_content_block .wrap { position: relative; margin: 0 auto; overflow: hidden; } .refresh_content_block .wrap.overflow { overflow: visible; } .refresh_content_block .wrap.wide_width { max-width: 920px; } .refresh_content_block .wrap.medium_width { max-width: 760px; } .refresh_content_block .wrap.slim_width { max-width: 480px; } .refresh_content_block .wrap.overflow { overflow: visible; } .refresh_content_block .wrap.overflow-y { overflow-y: visible; } .refresh_content_block .section_outro { text-align: center; padding: 40px 0 0 0; } .refresh_content_block .buttons { margin: -8px -4px; } /* Caption */ .refresh_content_block .caption { position: relative; font-size: 0.88em; color: #5B5B5B; padding: 12px 0 12px 22px; } .refresh_content_block .caption p::before { position: absolute; top: 17px; left: 0; content: ''; width: 12px; height: 12px; background-color: #C08A62; border-radius: 3px; } @media screen and (min-width: 0px) and (max-width: 600px) { .refresh_content_block .caption { padding-left: 16px; } .refresh_content_block .caption p::before { top: 20px; width: 8px; height: 8px; border-radius: 2px; } } /* Padding Options */ .refresh_content_block.no_padding_top { padding-top: 0; } .refresh_content_block.no_padding_bottom { padding-bottom: 0; } .refresh_content_block.slim_padding_top { padding-top: 20px; } .refresh_content_block.slim_padding_bottom { padding-bottom: 20px; } .refresh_content_block.regular_padding_top { padding-top: 45px; } .refresh_content_block.regular_padding_bottom { padding-bottom: 45px; } .refresh_content_block.medium_padding_top { padding-top: 70px; } .refresh_content_block.medium_padding_bottom { padding-bottom: 70px; } .refresh_content_block.large_padding_top { padding-top: 100px; } .refresh_content_block.large_padding_bottom { padding-bottom: 100px; } .refresh_content_block.extra_large_padding_top { padding-top: 140px; } .refresh_content_block.extra_large_padding_bottom { padding-bottom: 140px; } @media screen and (min-width: 0px) and (max-width: 520px) { .refresh_content_block.regular_padding_top { padding-top: 35px; } .refresh_content_block.regular_padding_bottom { padding-bottom: 35px; } .refresh_content_block.medium_padding_top { padding-top: 55px; } .refresh_content_block.medium_padding_bottom { padding-bottom: 55px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .refresh_content_block.regular_padding_top { padding-top: 30px; } .refresh_content_block.regular_padding_bottom { padding-bottom: 30px; } .refresh_content_block.medium_padding_top { padding-top: 40px; } .refresh_content_block.medium_padding_bottom { padding-bottom: 40px; } } /* Has Overlap */ .refresh_content_block.has_overlap { padding-bottom: 160px; } .refresh_content_block.no_padding_bottom.has_overlap { padding-bottom: 90px; } .refresh_content_block.slim_padding_bottom.has_overlap { padding-bottom: 110px; } .refresh_content_block.regular_padding_bottom.has_overlap { padding-bottom: 135px; } .refresh_content_block.medium_padding_bottom.has_overlap { padding-bottom: 160px; } .refresh_content_block.large_padding_bottom.has_overlap { padding-bottom: 190px; } .refresh_content_block.extra_large_padding_bottom.has_overlap { padding-bottom: 230px; } /* Overlap Previous */ .refresh_content_block.overlap_previous { margin-top: -160px; z-index: 6; } .refresh_content_block.no_padding_top.overlap_previous { margin-top: -90px; } .refresh_content_block.slim_padding_top.overlap_previous { margin-top: -110px; } .refresh_content_block.regular_padding_top.overlap_previous { margin-top: -135px; } .refresh_content_block.medium_padding_top.overlap_previous { margin-top: -160px; } .refresh_content_block.large_padding_top.overlap_previous { margin-top: -190px; } .refresh_content_block.extra_large_padding_top.overlap_previous { margin-top: -230px; } .refresh_content_block.overlap_previous .bkgd { top: 160px; } .refresh_content_block.no_padding_top.overlap_previous .bkgd { top: 90px; } .refresh_content_block.slim_padding_top.overlap_previous .bkgd { top: 110px; } .refresh_content_block.regular_padding_top.overlap_previous .bkgd { top: 135px; } .refresh_content_block.medium_padding_top.overlap_previous .bkgd { top: 160px; } .refresh_content_block.large_padding_top.overlap_previous .bkgd { top: 190px; } .refresh_content_block.extra_large_padding_top.overlap_previous .bkgd { top: 230px; } /* Overlap Footer - CTA Block Only */ .cta_block.final_block { padding-bottom: 70px !important; margin-bottom: -160px; z-index: 6; } .cta_block.final_block .bkgd { bottom: 160px; } /* Footer Has Overlap */ #footer.has_overlap .upper_footer { padding-top: 160px; } /*------------------------------------------------------------------*/ /*--- Page Intro ---*/ .page_intro { position: relative; padding: 0 !important; } .page_intro .bkgd, .page_intro .bkgd_photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 0; } .page_intro .bkgd_photo { z-index: 2; } .page_intro .bkgd_photo { filter: grayscale(100%) blur(0); opacity: 0.1; } /* .page_intro .bkgd_photo.loaded { filter: grayscale(100%) blur(0); top: -15px; right: -15px; bottom: -15px; left: -15px; opacity: 0.15; } */ .page_intro .refresh_container { min-height: 150px; padding-top: 90px; padding-bottom: 80px; } .page_intro h1, .page_intro h2, .page_intro h3, .page_intro h4, .page_intro h5, .page_intro h6 { font-weight: 700; margin: 0; } .page_intro .wrap { position: relative; } .page_intro .wrap.wide_width { max-width: 780px; } .page_intro .wrap.medium_width { max-width: 560px; } /*.page_intro .wrap.slim_width { max-width: 480px; }*/ .page_intro .wrap.center_aligned { text-align: center; margin-left: auto; margin-right: auto; } .page_intro .pre_title { font-size: 15px; font-weight: 600; margin: 0 0 20px 0; } .page_intro .pre_title h1, .page_intro .pre_title h2, .page_intro .pre_title h3, .page_intro .pre_title h4, .page_intro .pre_title h5, .page_intro .pre_title h6 { font-size: 15px; font-weight: 600; } .page_intro .title { } .page_intro .date_and_location { font-size: 1.33em; padding: 20px 0 0 0; } .page_intro .date_and_location .date, .page_intro .date_and_location .location { display: inline-block; padding: 10px; } .page_intro .date_and_location .date i, .page_intro .date_and_location .location i { padding: 0 10px 0 0; } .page_intro .date_and_location .date i svg, .page_intro .date_and_location .location i svg { fill: #FFC857; vertical-align: top; } .page_intro .desc { padding: 14px 0 0 0; } .page_intro .desc ul { margin-top: -20px !important; } .page_intro .buttons { display: inline-block; padding: 30px 0 0 0; margin: -8px -4px; vertical-align: top; } .page_intro .award { display: inline-block; max-width: 268px; margin: 30px 0 0 0; vertical-align: top; } .page_intro .award.spaced { margin: 16px 0 0 30px; } .page_intro .bkgd_globe { width: 731px; height: 642px; background-image: url(_images/common/LCN_background_globe_watermark.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; mix-blend-mode: screen; opacity: 0.9; z-index: 1; } .page_intro .bkgd_globe.right { position: absolute; top: 50%; left: 50%; margin-top: -280px; } .page_intro .bkgd_blend_left { right: 50%; background: linear-gradient(-90deg, rgba(245,250,253) 0%, rgba(245,250,253,0.5) 80%, rgba(245,250,253,0) 100%) !important; z-index: 2; } .page_intro .bkgd_blend_right { left: 50%; background: linear-gradient(90deg, rgba(245,250,253) 0%, rgba(245,250,253,0.5) 80%, rgba(245,250,253,0) 100%) !important; z-index: 2; } .page_intro .bkgd_pattern { background-image: url(_images/common/bkgd_pattern_circuit_lines_repeater.png); background-repeat: repeat; background-position: center top; background-size: 274px 466px; opacity: 0.05; z-index: 1; } @media screen and (min-width: 0px) and (max-width: 660px) { .page_intro .bkgd_globe.right { top: 80%; left: 30%; } } @media screen and (min-width: 0px) and (max-width: 520px) { .page_intro .refresh_container { padding-top: 70px; padding-bottom: 60px; } .page_intro .buttons { display: block; } .page_intro .award { display: block; margin: 30px auto 0 0 !important; } .page_intro .center_aligned .award { margin-left: auto !important; } } @media screen and (min-width: 0px) and (max-width: 480px) { .page_intro .bkgd_globe { opacity: 0.7; } .page_intro .bkgd_globe.right { left: 10%; } } @media screen and (min-width: 0px) and (max-width: 428px) { .page_intro .refresh_container { padding-top: 50px; padding-bottom: 50px; } .page_intro .buttons { display: block; } .page_intro .award { display: block; margin-left: auto !important; } } /*------------*/ /*- Standard Intro -*/ /*------------*/ /*- Service Intro -*/ .page_intro.service_intro { } .page_intro.service_intro .has_photo { } .page_intro.service_intro .has_photo .text { width: 55%; min-height: 400px; } .page_intro.service_intro .has_photo .photo { float: right; position: absolute; right: 0; width: 40%; } .page_intro.service_intro .photo { position: relative; } .page_intro.service_intro .photo_wrap { border-radius: 30px 8px; overflow: hidden; } .page_intro.service_intro .photo_wrap img { vertical-align: top; } .page_intro.service_intro .icon { position: absolute; bottom: -20px; left: -30px; width: 98px; height: 98px; font-size: 0.5em; text-align: center; line-height: 98px; color: #FFF; background-color: #3B4559; border-radius: 50%; } .page_intro.service_intro .icon svg { width: 50%; height: 50%; fill: #FFF; } @media screen and (min-width: 961px) { .page_intro.service_intro .has_photo .photo.push_down { top: 80px; } } @media screen and (min-width: 0px) and (max-width: 960px) { .page_intro.service_intro .has_photo .text { width: 65%; } .page_intro.service_intro .has_photo .photo { width: 30%; top: 40px; } .page_intro.service_intro .icon { bottom: -10px; left: -15px; width: 72px; height: 72px; line-height: 72px; } } @media screen and (min-width: 661px) and (max-width: 860px) { .page_intro.service_intro .has_photo .award { display: block; margin: 30px auto 0 0 !important; } } @media screen and (min-width: 0px) and (max-width: 660px) { .page_intro.service_intro .has_photo .text { width: 100%; } .page_intro.service_intro .has_photo .photo { position: relative; float: left; top: 0; margin: -40px 0 40px 0; } .page_intro.service_intro .icon { left: auto; right: -15px; width: 52px; height: 52px; line-height: 52px; } } @media screen and (min-width: 0px) and (max-width: 520px) { .page_intro.service_intro .has_photo .photo { width: 120px; margin-top: -30px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .page_intro.service_intro .has_photo .photo { margin: -20px 0 30px 0; } } /*------------*/ /*- Globe Intro -*/ /*------------*/ /*- Form Intro -*/ .form_intro .refresh_container { z-index: 7; } .form_intro .form_wrap { padding: 40px; margin: 40px 0 0 0; background-color: #FFF; border-radius: 8px; box-shadow: 0 8px 12px 0 rgba(0,0,0,0.15); } .form_intro .form_wrap label { margin-bottom: 10px; } .form_intro .form_wrap label .span-required-field { color: #CB2027; } .form_intro .form_wrap button, .form_intro .form_wrap input[type="text"], .form_intro .form_wrap input[type="email"], .form_intro .form_wrap select, .form_intro .form_wrap textarea { width: 100%; background-color: #FFF; border-radius: 6px; box-sizing: border-box; } .form_intro .form_wrap input, .form_intro .form_wrap select { line-height: 48px; padding: 0 20px; margin: 0 0 14px 0; } .form_intro .form_wrap textarea { padding: 20px; margin: 0 0 14px 0; } .form_intro .form_wrap input:hover, .form_intro .form_wrap input:focus, .form_intro .form_wrap select:hover, .form_intro .form_wrap select:focus, .form_intro .form_wrap textarea:hover, .form_intro .form_wrap textarea:focus { background-color: #F9F9FD; } .form_intro .form_wrap input[type="submit"], .form_intro .form_wrap button[type="submit"] { width: 100%; line-height: 48px; font-weight: 700; padding: 0 20px; margin: 20px 0 0 0; background-color: #0091DA; } .form_intro .form_wrap input[type="submit"]:hover, .form_intro .form_wrap input[type="submit"]:focus, .form_intro .form_wrap button[type="submit"]:hover, .form_intro .form_wrap button[type="submit"]:focus { color: #FFF; background-color: #3B4559; } .form_intro .form_wrap small, .form_intro .form_wrap .privacy { font-size: 14px; margin: 20px 0 0 0; } .form_intro .form_wrap .privacy a { text-decoration: underline; } @media screen and (min-width: 810px) and (max-width: 900px) { .form_intro .form_wrap { padding: 30px; } } @media screen and (min-width: 810px) { .form_intro .text { width: 45%; } .form_intro .form_wrap { position: absolute; top: -80px; right: 0; width: 40%; } } @media screen and (min-width: 0px) and (max-width: 520px) { .form_intro .form_wrap { padding: 30px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .form_intro .form_wrap { padding: 20px; } } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* ADD MAIN BLOCKS IN ALPHABETICAL ORDER */ /*------------*/ /*--- Articles Grid ---*/ .articles_grid .item { float: left; } .articles_grid .item a { display: block; } .articles_grid .item .item_wrap { position: relative; padding: 30px; background-color: #FFF; border-top: 4px solid #3B4559; border-radius: 8px; box-shadow: 0 8px 12px 0 rgba(0,0,0,0.15); } .articles_grid .item .item_wrap.has_link { padding-bottom: 90px; } .articles_grid .item p { margin: 0 0 20px 0; } .articles_grid .item ul.meta { font-size: 0; line-height: 0; margin: 20px 0 0 0; } .articles_grid .item ul.meta li { display: inline-block; font-size: 16px; line-height: 16px; } .articles_grid .item .link { position: absolute; right: 30px; bottom: 30px; left: 30px; height: 30px; line-height: 30px; font-weight: 700; } @media screen and (min-width: 0px) and (max-width: 428px) { .articles_grid .item .item_wrap { padding: 20px; } .articles_grid .item .item_wrap.has_link { padding-bottom: 60px; } .articles_grid .item .link { right: 20px; bottom: 20px; left: 20px; } } /*- Three Across -*/ .articles_grid .three_across .item { width: 31.33%; margin-right: 3%; margin-top: 3%; } .articles_grid .three_across .item:nth-child(3n) { margin-right: 0; } .articles_grid .three_across .item:nth-child(1), .articles_grid .three_across .item:nth-child(2), .articles_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .articles_grid .three_across .item { width: 47.5%; margin-right: 5%; margin-top: 5%; } .articles_grid .three_across .item:nth-child(3n) { margin-right: 5%; } .articles_grid .three_across .item:nth-child(2n) { margin-right: 0; } .articles_grid .three_across .item:nth-child(3) { margin-top: 5%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .articles_grid .three_across { max-width: 600px; } .articles_grid .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .articles_grid .three_across .item:nth-child(1) { margin-top: 0 !important; } } /* Related */ @media screen and (min-width: 601px) and (max-width: 960px) { .articles_grid.related .three_across .item:last-child { display: none; } } /*------------*/ /*--- Columned Features ---*/ .columned_features { } .columned_features .column { float: left; } .columned_features .item { margin: 0 0 20px 0; } .columned_features .item:last-child { margin-bottom: 0; } .columned_features .item.has_icon { position: relative; padding: 2px 0 0 42px; } .columned_features .item .icon { position: absolute; top: 0; left: 0; width: 32px; height: 32px; font-size: 0.5em; text-align: center; line-height: 32px; background-color: transparent !important; } .columned_features .item .icon svg { width: 100%; height: 100%; fill: #3B4559; } .columned_features .item .desc p { margin-bottom: 20px; } .columned_features .item .desc .link { font-weight: 700; } /*- Two Across -*/ .columned_features .two_across .column { width: 48.5%; margin-right: 3%; margin-top: 3%; } .columned_features .two_across .column:nth-child(2n) { margin-right: 0; } .columned_features .two_across .column:nth-child(1), .columned_features .two_across .column:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 720px) { .columned_features .two_across { max-width: 600px; } .columned_features .two_across .column { width: 100%; margin: 20px 0 0 0 !important; } .columned_features .two_across .column:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- CTA Block ---*/ .cta_block { } .cta_block .wrap { position: relative; display: table; border-radius: 8px; box-shadow: 0 8px 12px rgba(0,0,0,0.15); } .cta_block .wrap.has_photo { min-height: 400px; padding-right: 460px; } .cta_block .text { padding: 40px; } .cta_block .wrap.has_photo .text { display: table-cell; vertical-align: middle; } .cta_block .text .title { position: relative; margin-left: -40px; padding: 0 0 0 40px; } .cta_block .text .title .tab { position: absolute; top: 0; left: 0; bottom: 0; width: 10px; } .cta_block .text .buttons { padding: 30px 0 0 0; /* margin: 0 0 -8px 0;*/ } /* .cta_block .text .buttons .refresh_btn { margin: 0 8px 8px 0; } .cta_block .text .buttons .refresh_btn:last-child { margin-right: 0; } */ .cta_block .photo { position: absolute; top: 0; right: 0; bottom: 0; width: 400px; z-index: 1; } .cta_block .photo .bkgd_photo { width: 100%; height: 100%; border-radius: 50% 8px 8px 50%; overflow: hidden; } .cta_block .photo_surround { position: absolute; top: 0; right: 90px; bottom: 0; width: 400px; z-index: 0; } .cta_block .photo_surround svg { width: auto; height: 100%; fill: #FFF; opacity: 0.08; } @media screen and (min-width: 811px) and (max-width: 960px) { .cta_block .wrap.has_photo { min-height: 300px; padding-right: 360px; } .cta_block .photo { width: 300px; } .cta_block .photo_surround { width: 300px; } } @media screen and (min-width: 0px) and (max-width: 810px) { .cta_block .wrap.has_photo { padding-right: 220px; } .cta_block .photo { top: 25%; bottom: 25%; width: 200px; } .cta_block .photo_surround { top: 25%; bottom: 25%; width: 200px; right: 45px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .cta_block .wrap.has_photo { padding-right: 0; } .cta_block .wrap.has_photo .text { display: block; } .cta_block .photo { position: relative; width: 240px; height: 240px; margin: 0 0 0 auto; } .cta_block .photo_surround { top: auto; bottom: 0; width: 240px; height: 240px; right: 60px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .cta_block .text { padding: 30px; } .cta_block .text .title { margin-left: -30px; padding-left: 30px; } } /*------------*/ /*--- Divide Line ---*/ .divide_line { text-align: center; } .divide_line .item { min-height: 2px; } .divide_line .line_left { position: absolute; top: 50%; left: 0; right: 50%; height: 1px; background-color: #3B4559; z-index: -1; } .divide_line .line_right { position: absolute; top: 50%; right: 0; left: 50%; height: 1px; background-color: #3B4559; z-index: -1; } .divide_line.has_icon .line_left { right: calc(50% + 38px); } .divide_line.has_icon .line_right { left: calc(50% + 38px); } .divide_line .icon { width: 52px; height: 52px; font-size: 0.5em; text-align: center; line-height: 52px; color: #FFF; margin: 0 auto; background-color: #3B4559; border-radius: 50%; } .divide_line .icon svg { width: 24px; height: 24px; fill: #FFF; } /*------------*/ /*--- Events List ---*/ .events_list { } .events_list .wrap { } .events_list .item { margin: 40px 0 0 0; } .events_list .item:first-child { margin-top: 0; } .events_list .item .item_wrap { position: relative; padding: 40px 220px 40px 30px; background-color: #FFF; border-top: 4px solid #3B4559; border-radius: 8px; box-shadow: 0 8px 12px 0 rgba(0,0,0,0.15); overflow: hidden; } .events_list .item .title { float: left; width: 65%; padding-right: 5%; } .events_list .item .title h4 { margin: 0; } .events_list .item .date { float: left; width: 30%; } .events_list .item .date h4 { margin: 0; } .events_list .item .desc { float: left; width: 100%; padding: 20px 0 0 0; } .events_list .item .cta { position: absolute; top: 40px; right: 40px; } .events_list .item .cta .refresh_btn { margin: 0; } /* Load More */ .events_list .facetwp-facet-load_more { text-align: center; margin: 0; } .events_list .facetwp-facet-load_more button { min-width: 80px; font-size: 17px; line-height: 24px; font-weight: 700; text-align: center; color: #3B4559 !important; padding: 10px 20px; margin: 40px 0 0 0; background-color: transparent; border: 2px solid #3B4559 !important; border-radius: 4px; /* 48 */ cursor: pointer; } .events_list .facetwp-facet-load_more button:hover, .events_list .facetwp-facet-load_more button:active, .events_list .facetwp-facet-load_more button:focus { color: #2C3342; border-color: #2C3342; } @media screen and (min-width: 0px) and (max-width: 1080px) { .events_list .item .title { width: 60%; } .events_list .item .date { width: 35%; } } @media screen and (min-width: 0px) and (max-width: 960px) { .events_list .item .title { width: 100%; padding-right: 0; } .events_list .item .date { width: 100%; padding: 20px 0 0 0; } } @media screen and (min-width: 0px) and (max-width: 900px) { .events_list .item .item_wrap { padding: 30px 210px 30px 30px; } .events_list .item .cta { top: 30px; right: 30px; } } @media screen and (min-width: 0px) and (max-width: 767px) { .events_list .item .item_wrap { padding-right: 30px; } .events_list .item .cta { position: relative; top: auto; right: auto; float: left; margin: 20px 0 0 0; } } @media screen and (min-width: 0px) and (max-width: 520px) { .events_list .item .item_wrap { padding: 20px; } } /*------------*/ /*--- Logo Carousel ---*/ .logo_carousel { } .logo_carousel .title_before { font-size: 0.94em; /* 17px */ text-align: center; margin: 0 auto 20px auto; } .logo_carousel .item { display: table; height: 100px; margin: 0 auto; } .logo_carousel .item .logo { display: table-cell; vertical-align: middle; } .logo_carousel .item .logo a { display: block; } .logo_carousel .item .logo img { max-width: 90%; max-height: 100px; margin: 0 auto; } /*------------*/ /*--- Quotes Carousel ---*/ .quotes_carousel { } .quotes_carousel .quote { text-align: center; } .quotes_carousel .quote .quote_text { font-style: italic; margin: 0 0 20px 0; } .quotes_carousel .quote .quote_name { font-weight: 600; margin: 0 0 10px 0; } .quotes_carousel .quote .quote_name .name { color: #0091DA; } .quotes_carousel .quote .quote_organisation { font-size: 0.89em; margin: 0 0 2px 0; } /*------------*/ /*--- Stepped Content ---*/ .stepped_content { } .stepped_content .wrap { text-align: center; } .stepped_content .item { position: relative; display: inline-block; text-align: left; margin-right: -4px; vertical-align: top; } .stepped_content .item .item_wrap { padding: 0 40px 0 0; } .stepped_content .item .title { position: relative; display: inline-block; } .stepped_content .item .title h1, .stepped_content .item .title h2, .stepped_content .item .title h3, .stepped_content .item .title h4, .stepped_content .item .title h5, .stepped_content .item .title h6 { margin: 0; } .stepped_content .item .title.has_icon { padding-left: 48px; } .stepped_content .item .title.has_icon h1, .stepped_content .item .title.has_icon h2, .stepped_content .item .title.has_icon h3, .stepped_content .item .title.has_icon h4, .stepped_content .item .title.has_icon h5, .stepped_content .item .title.has_icon h6 { line-height: 38px; } .stepped_content .item .title .icon { position: absolute; top: 0; left: 0; width: 38px; height: 38px; font-size: 0.5em; text-align: center; line-height: 38px; color: #FFF; background-color: #3B4559; border-radius: 50%; } .stepped_content .item .title .icon svg { width: 24px; height: 24px; fill: #FFF; } .stepped_content .item .desc { padding: 10px 0 0 0; } .stepped_content .item .desc p { margin-bottom: 20px; } .stepped_content .item .desc .link { font-weight: 700; } .stepped_content .item .arrow { top: 10px; right: 15px; bottom: auto; width: 20px; height: 80px; } .stepped_content .item .arrow svg { fill: #FFC857; } .stepped_content .item:last-child .arrow { display: none; } @media screen and (min-width: 0px) and (max-width: 428px) { .stepped_content .wrap { max-width: 280px; } .stepped_content .item { text-align: center; } .stepped_content .item .item_wrap { padding: 0 0 40px 0; } .stepped_content .item:last-child .item_wrap { padding-bottom: 0; } .stepped_content .item .arrow { top: auto; right: 0; bottom: -30px; left: 0; margin: 0 auto; transform: rotate(90deg); } } /*- Five Across -*/ .stepped_content .five_across .item { width: 20%; margin-top: 30px; } @media screen and (min-width: 601px) and (max-width: 960px) { .stepped_content .five_across .item { width: 33.33%; } .stepped_content .five_across .item:nth-child(1), .stepped_content .five_across .item:nth-child(2), .stepped_content .five_across .item:nth-child(3) { margin-top: 0; } } @media screen and (min-width: 429px) and (max-width: 600px) { .stepped_content .five_across .item { width: 50%; } .stepped_content .five_across .item:nth-child(1), .stepped_content .five_across .item:nth-child(2) { margin-top: 0; } } @media screen and (min-width: 0px) and (max-width: 428px) { .stepped_content .five_across .item { width: 100%; } .stepped_content .five_across .item:nth-child(1) { margin-top: 0; } } /*------------*/ /*--- Tabbed Content ---*/ .tabbed_content { } /*------------*/ /*--- Team Grid ---*/ .team_grid { } .team_grid .item { position: relative; float: left; border-radius: 8px; box-shadow: 0 8px 12px 0 rgba(0,0,0,0.15); overflow: hidden; } .team_grid .item.has_biog { cursor: pointer; } .team_grid .item .photo { } .team_grid .item .photo p { margin: 0; } .team_grid .item .photo img, .team_grid .item .photo svg { width: 100%; height: auto; vertical-align: top; } .team_grid .item .photo .placeholder_bkgd { fill: #2C3342; } .team_grid .item .photo .placeholder_fore { fill: #3B4559; } .team_grid .item .title { position: absolute; right: 0; bottom: 0; left: 0; color: #FFF; padding: 30px; border-radius: 0 0 8px 8px; } .team_grid .item .title { padding-top: 60px !important; } .team_grid .item .title h4 { margin: 0; } .team_grid .item .title p { line-height: 1.2em; font-weight: 600; } /*- Three Across -*/ .team_grid .three_across .item { width: 31.33%; margin-right: 3%; margin-top: 3%; } .team_grid .three_across .item:nth-child(3n) { margin-right: 0; } .team_grid .three_across .item:nth-child(1), .team_grid .three_across .item:nth-child(2), .team_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 811px) and (max-width: 900px) { .team_grid .three_across .item .title { padding: 20px; } } @media screen and (min-width: 0px) and (max-width: 811px) { .team_grid .three_across .item { width: 47.5%; margin-right: 5%; margin-top: 5%; } .team_grid .three_across .item:nth-child(3n) { margin-right: 5%; } .team_grid .three_across .item:nth-child(2n) { margin-right: 0; } .team_grid .three_across .item:nth-child(3) { margin-top: 5%; } } @media screen and (min-width: 521px) and (max-width: 660px) { .team_grid .three_across .item .title { padding: 20px; } } @media screen and (min-width: 0px) and (max-width: 520px) { .team_grid .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .team_grid .three_across .item:nth-child(1) { margin-top: 0 !important; } } @media screen and (min-width: 0px) and (max-width: 428px) { .team_grid .three_across .item .title { padding: 20px; } } /*- Team Overlay -*/ #team_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-width: 700px; margin: 0 auto; overflow-x: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; z-index: -1; opacity: 0; } #team_overlay.active { z-index: 999999; opacity: 1; } #team_overlay::-webkit-scrollbar { display: none; } #team_overlay .close_overlay { position: absolute; top: 50px; left: 50%; width: 26px; height: 26px; text-align: center; padding: 6px; margin-left: -16px; cursor: pointer; z-index: 999; } #team_overlay .close_overlay svg { width: 100%; height: 100%; fill: #BEBEBE; } #team_overlay .close_overlay:hover svg, #team_overlay .close_overlay:active svg, #team_overlay .close_overlay:focus svg { fill: #FFC857; } #team_overlay .team_profile { display: none; padding: 40px; margin: 40px 20px; background-color: #FFF; border-top: 4px solid #FFC857; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1); } #team_overlay .team_profile.active { display: block; } #team_overlay .team_profile p { font-size: 0.89em; } #team_overlay .team_profile .profile_summary { position: relative; display: table; width: 100%; min-height: 150px; padding: 0 170px 0 0; margin: 0 0 20px 0; box-sizing: border-box; } #team_overlay .team_profile .profile_summary .title { display: table-cell; vertical-align: middle; } #team_overlay .team_profile .profile_summary .title h4 { margin: 0; } #team_overlay .team_profile .profile_summary .title p { font-size: 1em; font-weight: 600; color: #0091DA; } #team_overlay .team_profile .profile_summary .photo { position: absolute; top: 0; right: 0; width: 150px; height: 150px; border-radius: 8px; overflow: hidden; } @media screen and (min-width: 0px) and (max-width: 600px) { #team_overlay .team_profile { padding: 30px; } } @media screen and (min-width: 0px) and (max-width: 480px) { #team_overlay .team_profile { padding: 20px; margin-left: 10px; margin-right: 10px; } #team_overlay .team_profile .profile_summary { min-height: 120px; padding: 0 140px 0 0; } #team_overlay .team_profile .profile_summary .photo { width: 120px; height: 120px; } } /*- Team Background Overlay -*/ #bkgd_page_overlay_team { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(59,69,89,0); z-index: -1; } #bkgd_page_overlay_team.active { background-color: rgba(59,69,89,0.75); z-index: 999998; } /*------------*/ /*--- Team Photos ---*/ .team_photos { } .team_photos .wrap { text-align: center; } .team_photos .item { display: inline-block; } .team_photos .item .photo { width: 75px; height: 75px; margin: -10px; border: 2px solid #FFC857; border-radius: 50%; overflow: hidden; } .team_photos .item .photo p { margin: 0; } .team_photos .item .photo img, .team_photos .item .photo svg { width: 100%; height: auto; vertical-align: top; } .team_photos .item .photo .placeholder_bkgd { fill: #2C3342; } .team_photos .item .photo .placeholder_fore { fill: #3B4559; } /*------------*/ /*--- Text Block ---*/ .text_block { } .text_block .buttons { margin-top: 20px; } .text_block.buttons_only .buttons { margin-top: -8px; } /*------------*/ /*--- Text and Photo Refined ---*/ .text_and_photo_refined { overflow: hidden; } .text_and_photo_refined .text { display: table; } .text_and_photo_refined .text .text_wrap { display: table-cell; vertical-align: middle; } .text_and_photo_refined .text .pre_title { font-size: 18px; font-weight: 700; margin: 0 0 10px 0; } .text_and_photo_refined .text .pre_title h1, .text_and_photo_refined .text .pre_title h2, .text_and_photo_refined .text .pre_title h3, .text_and_photo_refined .text .pre_title h4, .text_and_photo_refined .text .pre_title h5, .text_and_photo_refined .text .pre_title h6 { font-size: 18px; font-weight: 700; } .text_and_photo_refined .text .buttons { margin-top: 20px; } .text_and_photo_refined .photo { position: relative; display: table; } .text_and_photo_refined .photo p { margin: 0; } .text_and_photo_refined .photo img { width: 100%; border-radius: 4px; } .text_and_photo_refined .photo .photo_wrap { display: table-cell; vertical-align: middle; } .text_and_photo_refined .photo .inner_wrap { position: relative; } /* 50/50 Split */ .text_and_photo_refined.half_width { } .text_and_photo_refined.half_width .text { width: 44%; } .text_and_photo_refined.half_width .photo { width: 50%; } @media screen and (min-width: 0px) and (max-width: 810px) { .text_and_photo_refined.half_width .text { width: 100%; } .text_and_photo_refined.half_width .photo { width: 100%; padding-top: 30px; } } /* 1/3 Photo 2/3 Text */ .text_and_photo_refined.third_width .text { width: 61%; } .text_and_photo_refined.third_width .photo { width: 33%; } @media screen and (min-width: 0px) and (max-width: 767px) { .text_and_photo_refined.third_width .text { width: 100%; } .text_and_photo_refined.third_width .photo { width: 100%; max-width: 360px; padding-top: 30px; } .text_and_photo_refined.third_width.photo_right .photo { float: left; } } /* Photo Left */ .text_and_photo_refined.photo_left { } .text_and_photo_refined.photo_left .text { float: right; } .text_and_photo_refined.photo_left .photo { float: left; } /* Photo Right */ .text_and_photo_refined.photo_right { } .text_and_photo_refined.photo_right .text { float: left; } .text_and_photo_refined.photo_right .photo { float: right; } /*------------*/ /*--- Text in Accordion ---*/ .text_in_accordion { } .text_in_accordion .column { float: left; width: 100%; } .text_in_accordion .column.accordion { margin-top: 30px; } .text_in_accordion .column.accordion.no_intro { margin-top: 0; } .text_in_accordion .column .buttons { margin-top: 20px; } .text_in_accordion .toggle { border-top: 2px solid #D7D9DD; } .text_in_accordion .toggle:last-child { margin-bottom: 0; } .text_in_accordion .toggle:hover { } .text_in_accordion .toggle h4 { font-size: 18px; font-weight: 500; margin: 0; } .text_in_accordion .toggle-title { position: relative; padding: 16px 60px 16px 0; cursor: pointer; } .text_in_accordion .toggle-title .ui-icon { display: none; } .text_in_accordion .toggle-title .icon { position: absolute; top: 50%; right: 0; width: 22px; height: 22px; margin: -11px 0 0 0; } .text_in_accordion .toggle-title .icon svg { width: 100%; height: auto; fill: #D7D9DD; vertical-align: top; } .text_in_accordion .toggle-title:hover .icon svg, .text_in_accordion .toggle-title:active .icon svg, .text_in_accordion .toggle-title:focus .icon svg { fill: #BDC1C6; } /*.text_in_accordion .toggle-title.ui-state-active { } .text_in_accordion .toggle-title.ui-state-active.has_icon .title_icon svg { fill: #3B4559; } */ .text_in_accordion .toggle-title.ui-state-active .icon svg .vertical_line { opacity: 0; } .text_in_accordion .toggle-inner { height: 0; padding: 0; } .text_in_accordion .toggle-inner.loaded { height: inherit; padding: 0 60px 20px 0; } .text_in_accordion .toggle:last-child .toggle-inner.loaded { padding-bottom: 0; } /* 50/50 Split */ .text_in_accordion .half_width { } @media screen and (min-width: 810px) { .text_in_accordion .half_width .column.intro { width: 47%; margin-right: 6%; } .text_in_accordion .half_width .column.accordion { width: 47%; } } /* 30/70 Split */ .text_in_accordion .slim_intro { } @media screen and (min-width: 810px) { .text_in_accordion .slim_intro .column.intro { width: 27%; margin-right: 6%; } .text_in_accordion .slim_intro .column.accordion { width: 67%; } } /*------------*/ /*--- Tile Grid Large ---*/ .tile_grid_large { } .tile_grid_large .wrap { } .tile_grid_large .item { position: relative; float: left; border-radius: 8px; overflow: hidden; } .tile_grid_large .item a { display: block; } .tile_grid_large .item .item_wrap { position: relative; padding: 30px; background-color: #FFF; box-shadow: 0 8px 12px 0 rgba(0,0,0,0.15); } .tile_grid_large .item .item_wrap .text { position: relative; z-index: 1; } .tile_grid_large .item p { margin: 0 0 20px 0; } .tile_grid_large .item .link { font-weight: 700; margin: 20px 0 0 0; } .tile_grid_large .item .bkgd_pattern { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: 0 0; background-size: cover; z-index: 0; } @media screen and (min-width: 0px) and (max-width: 428px) { .tile_grid_large .item .item_wrap { padding: 20px; } } /*- Two Across -*/ .tile_grid_large .two_across .item { width: 48.5%; margin-right: 3%; margin-top: 3%; } .tile_grid_large .two_across .item:nth-child(2n) { margin-right: 0; } .tile_grid_large .two_across .item:nth-child(1), .tile_grid_large .two_across .item:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 720px) { .tile_grid_large .two_across { max-width: 600px; } .tile_grid_large .two_across .item { width: 100%; margin: 30px 0 0 0 !important; } .tile_grid_large .two_across .item:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- Tile Grid Small ---*/ .tile_grid_small { } .tile_grid_small .wrap { } .tile_grid_small .item { float: left; } .tile_grid_small .item.has_icon { padding: 30px 0 0 0; } .tile_grid_small .item a { display: block; } .tile_grid_small .item .item_wrap { position: relative; padding: 30px; background-color: #FFF; border-top: 4px solid #3B4559; border-radius: 8px; box-shadow: 0 8px 12px 0 rgba(0,0,0,0.15); } .tile_grid_small .item .item_wrap.no_border { border-top: none; } .tile_grid_small .item.has_icon .item_wrap { padding-top: 40px; } .tile_grid_small .item .item_wrap.has_link { padding-bottom: 70px; } .tile_grid_small .item .icon { position: absolute; top: 0; left: 50%; width: 52px; height: 52px; font-size: 0.5em; text-align: center; line-height: 52px; color: #FFF; margin: -28px 0 0 -26px; background-color: #3B4559; border-radius: 50%; } .tile_grid_small .item .icon svg { width: 24px; height: 24px; fill: #FFF; } .tile_grid_small .item p { margin: 0 0 20px 0; } .tile_grid_small .item .link { position: absolute; right: 30px; bottom: 30px; left: 30px; height: 30px; line-height: 30px; font-weight: 700; z-index: 1; } .tile_grid_small .item .title, .tile_grid_small .item .desc { position: relative; z-index: 1; } .tile_grid_small .item .bkgd_shield_icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='224' height='224' viewBox='0 0 224 224'%3E%3Cpath fill='%233b4559' d='M112,209c-1,0-2.1,0-3-.3-2.2-.5-3.8-1.4-6-2.7-9.1-5.3-26.7-16.6-42-32.5-19-19.8-28.7-40.5-28.7-61.5v-44.6c0-7.8,0-12.1,1.5-16.2,1.4-3.6,3.6-6.8,6.5-9.3,3.3-2.9,7.3-4.4,14.6-7.1l50-18.8c2.1-.8,3.4-1.3,5-1.5,1.4-.2,2.7-.2,4.1,0,1.5.2,2.8.7,4.9,1.5l50,18.8c7.3,2.7,11.3,4.3,14.6,7.1,2.9,2.5,5.1,5.8,6.5,9.3,1.5,4.1,1.5,8.4,1.5,16.2v44.6c0,21-9.6,41.7-28.7,61.5-15.2,15.9-32.8,27.2-42,32.5-2.3,1.3-3.8,2.2-6,2.7-.9.2-2,.3-3,.3ZM112,24.3c-.2,0-.4,0-.6,0-.5,0-1.4.4-2.9,1l-50.1,18.8c-6.4,2.4-9.6,3.6-11.5,5.3-1.7,1.5-3,3.3-3.7,5.4-.9,2.3-.9,5.8-.9,12.6v44.6c0,43.7,50.3,76.4,65.7,85.4,2,1.1,2.5,1.4,3.1,1.6.4,0,1.4,0,1.8,0,.6-.1,1.1-.4,3.1-1.5,15.4-9,65.7-41.7,65.7-85.4v-44.6c0-6.8,0-10.3-.9-12.6-.8-2.1-2.1-3.9-3.7-5.4-1.9-1.7-5.1-2.9-11.5-5.3l-50-18.8c-1.5-.6-2.4-.9-2.9-1-.2,0-.4,0-.6,0ZM102.7,131c-1.3,0-2.6-.5-3.5-1.5l-18.7-18.7c-2-2-2-5.1,0-7.1,2-2,5.1-2,7.1,0l15.1,15.1,38.5-38.5c2-2,5.1-2,7.1,0,2,2,2,5.1,0,7.1l-42,42c-.9.9-2.2,1.5-3.5,1.5Z'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; z-index: 0; } .tile_grid_small .item .bkgd_shield_icon.white { opacity: 0.6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='224' height='224' viewBox='0 0 224 224'%3E%3Cpath fill='%23FFFFFF' d='M112,209c-1,0-2.1,0-3-.3-2.2-.5-3.8-1.4-6-2.7-9.1-5.3-26.7-16.6-42-32.5-19-19.8-28.7-40.5-28.7-61.5v-44.6c0-7.8,0-12.1,1.5-16.2,1.4-3.6,3.6-6.8,6.5-9.3,3.3-2.9,7.3-4.4,14.6-7.1l50-18.8c2.1-.8,3.4-1.3,5-1.5,1.4-.2,2.7-.2,4.1,0,1.5.2,2.8.7,4.9,1.5l50,18.8c7.3,2.7,11.3,4.3,14.6,7.1,2.9,2.5,5.1,5.8,6.5,9.3,1.5,4.1,1.5,8.4,1.5,16.2v44.6c0,21-9.6,41.7-28.7,61.5-15.2,15.9-32.8,27.2-42,32.5-2.3,1.3-3.8,2.2-6,2.7-.9.2-2,.3-3,.3ZM112,24.3c-.2,0-.4,0-.6,0-.5,0-1.4.4-2.9,1l-50.1,18.8c-6.4,2.4-9.6,3.6-11.5,5.3-1.7,1.5-3,3.3-3.7,5.4-.9,2.3-.9,5.8-.9,12.6v44.6c0,43.7,50.3,76.4,65.7,85.4,2,1.1,2.5,1.4,3.1,1.6.4,0,1.4,0,1.8,0,.6-.1,1.1-.4,3.1-1.5,15.4-9,65.7-41.7,65.7-85.4v-44.6c0-6.8,0-10.3-.9-12.6-.8-2.1-2.1-3.9-3.7-5.4-1.9-1.7-5.1-2.9-11.5-5.3l-50-18.8c-1.5-.6-2.4-.9-2.9-1-.2,0-.4,0-.6,0ZM102.7,131c-1.3,0-2.6-.5-3.5-1.5l-18.7-18.7c-2-2-2-5.1,0-7.1,2-2,5.1-2,7.1,0l15.1,15.1,38.5-38.5c2-2,5.1-2,7.1,0,2,2,2,5.1,0,7.1l-42,42c-.9.9-2.2,1.5-3.5,1.5Z'/%3E%3C/svg%3E"); } @media screen and (min-width: 0px) and (max-width: 428px) { .tile_grid_small .item .item_wrap { padding: 20px; } .tile_grid_small .item.has_icon .item_wrap { padding-top: 30px; padding-bottom: 30px; } .tile_grid_small .item .item_wrap.has_link { padding-bottom: 60px; } .tile_grid_small .item .link { right: 20px; bottom: 20px; left: 20px; } } /*- Three Across -*/ .tile_grid_small .three_across .item { width: 31.33%; margin-right: 3%; margin-top: 3%; } .tile_grid_small .three_across .item:nth-child(3n) { margin-right: 0; } .tile_grid_small .three_across .item:nth-child(1), .tile_grid_small .three_across .item:nth-child(2), .tile_grid_small .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .tile_grid_small .three_across .item { width: 47.5%; margin-right: 5%; margin-top: 5%; } .tile_grid_small .three_across .item:nth-child(3n) { margin-right: 5%; } .tile_grid_small .three_across .item:nth-child(2n) { margin-right: 0; } .tile_grid_small .three_across .item:nth-child(3) { margin-top: 5%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .tile_grid_small .three_across { max-width: 600px; } .tile_grid_small .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .tile_grid_small .three_across .item:nth-child(1) { margin-top: 0 !important; } } /*------------------------------------------------------------------*/ /* 4. Owl Carousel /*------------------------------------------------------------------*/ /*- Customise Owl Carousel -*/ .owl-dots .owl-dot span { background-color: #BEBEBE; } .text_white .owl-dots .owl-dot span { background-color: #FAFAFA; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #FFC857; } /*- Quotes -*/ .owl_quotes .owl-dots { margin: 20px 0 -20px 0; }