/*-------------------------------------------------------------------- Author: The Pixel Parlour Author URI: https://www.pixelparlour.co.uk Updated: 09.11.2024 Designed & Handcrafted by The Pixel Parlour 2. Common Styles 3. Universal Elements 4. Common Page Elements 5. Content Blocks --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 2. Common Styles /*------------------------------------------------------------------*/ body { letter-spacing: -0.02em; } body.no_scroll { overflow: hidden; } .embedcontainer { position: relative; height: 0; padding-top: 0; padding-bottom: 56.25%; } .embedcontainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000 !important; margin-bottom: 0; } .embedcontainer video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000 !important; margin-bottom: 0; } .embedcontainer p { margin: 0; } a, .btn { transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out; -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out; -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out; -ms-transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out; -o-transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out; } img, input, select, textarea, .owl-dots .owl-dot span, .animatefast, .svg_icon circle, .svg_icon path, .svg_icon polygon, .svg_icon polyline, .svg_icon rect { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .animateslow { transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } .animatesuperslow { transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } .notransition { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; } .font_size_18 { font-size: 18px; } .font_size_19 { font-size: 19px; } .no_margin { margin-bottom: 0; } .btn { display: inline-block; line-height: 42px; text-align: center; text-transform: uppercase; color: #FFF; padding: 0 20px; background-color: #47505A; border-radius: 2px; cursor: pointer; } .btn:hover, .btn:active, .btn:focus { background-color: #2E3438; } .fw_btn, a.fw_btn { display: block; } .purple_btn, a.purple_btn { background-color: #9C99BE; } .purple_btn:hover, .purple_btn:active, .purple_btn:focus, a.purple_btn:hover, a.purple_btn:active, a.purple_btn:focus { background-color: #8C89AB; } .outline_btn, a.outline_btn { color: #47505A; background-color: transparent !important; border: 1px solid #47505A; } .outline_btn:hover, .outline_btn:active, .outline_btn:focus, a.outline_btn:hover, a.outline_btn:active, a.outline_btn:focus { color: #2E3438; border-color: #2E3438; } .purple_outline_btn, a.purple_outline_btn { color: #9C99BE; border-color: #9C99BE; } .purple_btn_outline, a.purple_btn_outline { line-height: 38px; color: #9C99BE; background-color: transparent !important; border: 2px solid #9C99BE; } .purple_btn_outline:hover, .purple_btn_outline:active, .purple_btn_outline:focus, a.purple_btn_outline:hover, a.purple_btn_outline:active, a.purple_btn_outline:focus { color: #303541; border-color: #303541; } .white_outline_btn, a.white_outline_btn { color: #FFF; border-color: #FFF; } .white_outline_btn:hover, .white_outline_btn:active, .white_outline_btn:focus, a.white_outline_btn:hover, a.white_outline_btn:active, a.white_outline_btn:focus { color: #FFF; border-color: #FFF; opacity: 0.8; } .blue_btn, a.blue_btn { background-color: #0083AA; } .blue_btn:hover, .blue_btn:active, .blue_btn:focus, a.blue_btn:hover, a.blue_btn:active, a.blue_btn:focus { background-color: #70838D; } .blue_btn_outline, a.blue_btn_outline { line-height: 38px; color: #0083AA; background-color: transparent !important; border: 2px solid #0083AA; } .blue_btn_outline:hover, .blue_btn_outline:active, .blue_btn_outline:focus, a.blue_btn_outline:hover, a.blue_btn_outline:active, a.blue_btn_outline:focus { color: #70838D; border-color: #70838D; } .grey_btn, a.grey_btn { background-color: #70838D; } .grey_btn:hover, .grey_btn:active, .grey_btn:focus, a.grey_btn:hover, a.grey_btn:active, a.grey_btn:focus { background-color: #303541; } .grey_btn_outline, a.grey_btn_outline { line-height: 38px; color: #70838D; background-color: transparent !important; border: 2px solid #70838D; } .grey_btn_outline:hover, .grey_btn_outline:active, .grey_btn_outline:focus, a.grey_btn_outline:hover, a.grey_btn_outline:active, a.grey_btn_outline:focus { color: #303541; border-color: #303541; } .sage_btn, a.sage_btn { background-color: #99BC9B; } .sage_btn:hover, .sage_btn:active, .sage_btn:focus, a.sage_btn:hover, a.sage_btn:active, a.sage_btn:focus { background-color: #70838D; } .sage_btn_outline, a.sage_btn_outline { line-height: 38px; color: #99BC9B; background-color: transparent !important; border: 2px solid #99BC9B; } .sage_btn_outline:hover, .sage_btn_outline:active, .sage_btn_outline:focus, a.sage_btn_outline:hover, a.sage_btn_outline:active, a.sage_btn_outline:focus { color: #70838D; border-color: #70838D; } .text_link { position: relative; display: inline-block; line-height: 16px; text-transform: uppercase; font-weight: 600; padding-right: 14px; } .text_link .arrow { position: absolute; top: 50%; right: 0; width: 7px; height: 12px; margin-top: -6px; } .text_link .arrow svg { vertical-align: top; } .text_link:hover, .text_link:active, .text_link:focus { color: #70838D !important; padding-right: 18px; } .text_link:hover svg, .text_link:active svg, .text_link:focus svg { fill: #70838D !important; } .buttons .btn { margin: 0 8px 8px 0; } .buttons .btn:last-child { margin: 0; } /* Colours */ /*.bkgd_very_light_grey { background-color: #F3F3F5 !important; }*/ .bkgd_very_light_grey { background-color: #F5F1EF !important; } .bkgd_light_grey { background-color: #EAEAEB !important; } .bkgd_paper { background-color: #F8F7F6 !important; } .bkgd_very_light_blue { background-color: #F4F9FA !important; } .bkgd_very_light_purple { background-color: #F0F0F5 !important; } .bkgd_dark_grey { background-color: #303541 !important; } .bkgd_dark_blue { background-color: #0A3959 !important; } .bkgd_light_blue { background-color: #0083AA !important; } .fill_dark_blue { fill: #0A3959; } .fill_light_blue { fill: #0083AA; } .fill_pastel_blue { fill: #8CC7D9; } /* Filters */ .blend_left.dark_grey { background: linear-gradient(270deg, rgba(48,53,65,0) 0%, rgba(48,53,65,1) 95%) !important; } .blend_right.dark_grey { background: linear-gradient(90deg, rgba(48,53,65,0) 0%, rgba(48,53,65,1) 95%) !important; } /*.opacity_15 { opacity: 0.15; }*/ .opacity_20 { opacity: 0.2; } /*.opacity_45 { opacity: 0.45; }*/ /* Contacts */ /* NEEDED TO REMOVE FOR OLD SITE SUPPORT ul.contacts { float: left; font-size: 0; line-height: 0; color: #47505A; } ul.contacts a { color: #47505A; } ul.contacts a:hover, ul.contacts a:active, ul.contacts a:focus { color: rgba(71,80,90,0.85); } ul.contacts li { display: inline-block; font-size: 28px; line-height: 38px; font-weight: 200; padding: 0; margin: 0 20px 0 0; } ul.contacts li:last-child { margin-right: 0; } ul.contacts li.intro_text { display: block; font-size: 15px; line-height: 18px; font-weight: 400; text-transform: uppercase; margin: 0 0 6px 0; } ul.contacts li a { background-repeat: no-repeat; background-position: left center; } ul.contacts li.tel a { padding: 0 0 0 30px; background-image: url(_images/common/icon-tel-large-mid-grey.svg); } ul.contacts li.email a { padding: 0 0 0 38px; background-image: url(_images/common/icon-email-large-mid-grey.svg); } ul.contacts li.location a { padding: 0 0 0 32px; background-image: url(_images/common/icon-location-large-mid-grey.svg); } @media screen and (min-width: 0px) and (max-width: 480px) { ul.contacts li { font-size: 22px; line-height: 28px; } ul.contacts li.tel a { padding-left: 22px; background-size: 15px 20px; } ul.contacts li.email a { padding-left: 28px; background-size: 19px 12px; } ul.contacts li.location a { padding-left: 22px; background-size: 15px 20px; } } */ /* Horizontal Tab */ .horizontal_tab { opacity: 0.5; } .horizontal_tab .tab_line { width: 135px; height: 1px; background-color: #70838D; } .horizontal_tab .tab_block { width: 80px; height: 4px; background-color: #70838D; } .horizontal_tab.long .tab_line { width: 270px; } .horizontal_tab.top { margin-bottom: 20px; } .horizontal_tab.bottom { margin-top: 30px; } /* Vertical Tab */ .vertical_tab { opacity: 0.5; } .vertical_tab .tab_line { height: 135px; width: 1px; background-color: #70838D; } .vertical_tab .tab_block { position: absolute; top: 0; height: 80px; width: 4px; background-color: #70838D; } /* Accent Colours */ .accent_blue h2::after { color: #0083AA; } .accent_blue h3::after { color: #0083AA; } .accent_blue .text_link { color: #0083AA; } .accent_blue .text_link svg { fill: #0083AA; } .accent_blue .horizontal_tab .tab_line, .accent_blue .horizontal_tab .tab_block, .accent_blue .side_tab { background-color: #0083AA; } .accent_purple h2::after { color: #9B97BC; } .accent_purple h3::after { color: #9B97BC; } .accent_purple .text_link { color: #9B97BC; } .accent_purple .text_link svg { fill: #9B97BC; } .accent_purple .horizontal_tab .tab_line, .accent_purple .horizontal_tab .tab_block, .accent_purple .side_tab { background-color: #9B97BC; } .accent_sage p a { color: #99BC9B; } .accent_sage p a:hover, .accent_sage p a:active, .accent_sage p a:focus { color: #70838D; } .accent_sage h2::after { color: #99BC9B; } .accent_sage h3::after { color: #99BC9B; } .accent_sage .text_link { color: #99BC9B; } .accent_sage .text_link svg { fill: #99BC9B; } .accent_sage .horizontal_tab .tab_line, .accent_sage .horizontal_tab .tab_block, .accent_sage .side_tab { background-color: #99BC9B; } /*------------------------------------------------------------------*/ /* Dev Divide */ .devdivide { position: relative; min-height: 200px; color: #FFF; background-color: #EC1780; } .devdivide h1 { line-height: 200px; margin: 0; } @media screen and (min-width: 0px) and (max-width: 600px) { .devdivide h1 { font-size: 2em; } } /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { padding-top: 156px; } .sitewrapper.no_contact_bar { padding-top: 100px; } @media screen and (min-width: 0px) and (max-width: 767px) { .sitewrapper { padding-top: 176px; } .sitewrapper.has_anniversary_mark { padding-top: 184px; } .sitewrapper.no_contact_bar { padding-top: 136px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .sitewrapper { padding-top: 156px; } .sitewrapper.has_anniversary_mark { padding-top: 209px; } .sitewrapper.no_contact_bar { padding-top: 116px; } } .container.overflow { overflow: visible; } .container.extra_wide_width { max-width: 1240px; } .container.fw_container { max-width: none; padding: 0; } .container.fw_container .section_intro { padding-left: 20px; padding-right: 20px; } /*------------------------------------------------------------------*/ /*--- Nav Bar ---*/ #navbar { position: fixed; top: 0; left: 0; width: 100%; /* Can remove this >>> */ line-height: inherit; /* <<< */ background-color: #FFF; /* Can remove this >>> */ border-bottom: none; /* <<< */ z-index: 999; } #navbar .container { max-width: 1090px; padding-right: 10px; overflow: visible; } #navbar a { display: inline-block; } /* Header Logo */ #navbar .logo { float: left; width: 30%; line-height: 100px; text-align: left; } #navbar .logo img { opacity: 1; } #navbar .logo span { display: none; } #navbar .logo img:hover, #navbar .logo img:active, #navbar .logo img:focus { opacity: 0.9; } #navbar .logo img { vertical-align: middle; } @media screen and (min-width: 0px) and (max-width: 767px) { #navbar .container { padding: 0; } #navbar .logo { float: none; width: 70%; text-align: center; padding: 0; margin: 0 auto; } #navbar .logo img { width: auto; } } @media screen and (min-width: 0px) and (max-width: 480px) { #navbar .logo { max-width: 220px; line-height: 80px; } } /*------------*/ /* Header Nav */ #navbar .menu { float: right; width: 70%; height: 100px; text-align: right; } #navbar ul { display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; } #navbar ul li { display: inline-block; font-size: 19px; line-height: 90px; font-weight: 600; margin: 0; } /* IE7 */ .ie7 #navbar ul li { display: inline; } /* IE7 */ #navbar ul li a { display: block; color: #47505A; text-decoration: none; padding: 0 4px 5px 4px; border-top: 5px solid transparent; } #navbar ul li:hover a, #navbar ul li:active a, #navbar ul li:focus a { color: #0083AA; border-top: 5px solid #D2D2D2; } #navbar ul li.current-menu-item a, #navbar ul li.current_page_item a, #navbar ul li.current_page_parent a, #navbar ul li.current-page-ancestor a { color: #0083AA; border-top: 5px solid #0083AA; } /* Main Menu */ #navbar ul.main_menu { } #navbar ul.main_menu li a { padding-left: 10px; padding-right: 10px; } /* Supplementary Menu */ #navbar span.divide { line-height: 26px; margin: 0 6px 0 5px; border-left: 1px solid #D2D2D2; vertical-align: middle; } #navbar ul.supplementary_menu { } #navbar ul.supplementary_menu li { font-size: 16px; font-weight: inherit; } #navbar ul.supplementary_menu li a { color: #47505A; padding-left: 9px; padding-right: 9px; } #navbar ul.supplementary_menu li:hover a, #navbar ul.supplementary_menu li:active a, #navbar ul.supplementary_menu li:focus a { color: #2E3438; } @media screen and (min-width: 0px) and (max-width:920px) { #navbar ul.supplementary_menu li#menu-item-4144 { display: none; } } @media screen and (min-width: 0px) and (max-width: 767px) { #navbar .menu { display: none; } } /*------------*/ /* Nav Drop Down */ #navbar ul .subnav { display: none; } #navbar ul li:hover > .subnav { display: block; } #navbar ul .subnav { position: absolute; top: 100px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 999; background-color: rgba(0,131,170,0.95); } #navbar ul.supplementary_menu .subnav { background-color: rgba(71,80,90,0.95); } #navbar ul .subnav .container { padding-top: 20px; padding-bottom: 20px; overflow: hidden; } #navbar ul .review { float: left; width: 40%; padding: 10px 5%; text-align: left; color: #FFF; } #navbar ul .review h4 { font-size: 26px; } #navbar ul ul { float: left; width: 48%; border-left: 1px solid rgba(255,255,255,0.4); } #navbar ul ul li { display: block; font-size: 18px !important; line-height: 20px; font-weight: 400; text-align: left; padding: 0; margin: 0; border: none; } #navbar 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; } #navbar ul li:hover ul.sub-menu li a { color: #FFF; border: none; } #navbar ul li:hover ul.sub-menu li a:hover { /* color: #B2DAE5 !important; */ color: rgba(255,255,255,0.7) !important; border: none; } /* Nav Drop Down Content */ #navbar ul ul.subnavlogos { width: 100%; border: none; } #navbar ul ul.subnavlogos li { display: inline-block; margin: 0 6px 0 0; } #navbar ul ul.subnavlogos li:hover { opacity: 0.8; } #navbar ul ul.subnavlogos li a { padding: 0; } /*------------*/ /* Contact Bar */ #navbar .contact_bar { font-size: 26px; line-height: 56px; font-weight: 200; color: #FFF; background-color: #303541; overflow: hidden; } #navbar .contact_bar a { color: #FFF; } #navbar .contact_bar a:hover { color: rgba(255,255,255,0.85); } #navbar .contact_bar u { font-weight: 500; } #navbar .contact_bar .container { max-width: 1080px; padding-right: 20px; overflow: hidden; } #navbar .contact_bar .col_left { float: left; } #navbar .contact_bar .col_left .twenty_years_mark img { max-height: 56px; } #navbar .contact_bar .col_right { float: right; text-align: right; } #navbar .contact_bar .tel a { padding: 0 0 0 30px; background-image: url(_images/common/icon-tel-large-white.svg); background-repeat: no-repeat; background-position: left center; } #navbar .contact_bar .valuation a { padding: 0 0 0 36px; background-image: url(_images/common/bkgd-icon-house-large.svg); background-repeat: no-repeat; background-position: left center; } @media screen and (min-width: 0px) and (max-width: 767px) { #navbar .contact_bar { font-size: 18px; line-height: 40px; } #navbar .contact_bar.has_anniversary_mark { line-height: 48px; } #navbar .contact_bar .container { padding: 0 20px; } #navbar .contact_bar .col_left .twenty_years_mark img { max-height: 48px; } #navbar .contact_bar .tel a { padding-left: 20px; background-size: 14px 20px; } #navbar .contact_bar .valuation a { padding-left: 26px; background-size: 20px 14px; } } @media screen and (min-width: 0px) and (max-width: 480px) { #navbar .contact_bar .tel { display: none; } #navbar .contact_bar .col_left { float: none; text-align: center; } #navbar .contact_bar .col_right { float: none; text-align: center; } #navbar .contact_bar.has_anniversary_mark .col_left { padding-top: 5px; } #navbar .contact_bar.has_anniversary_mark .col_right { line-height: 35px; padding-bottom: 5px; } } /*------------*/ /*-- Moving Nav Bar---*/ /* Can remove this >>> */ #navbar.moving { line-height: inherit; } /* <<< */ #navbar.moving .logo { width: 25%; line-height: 60px; text-align: left; } #navbar.moving .logo img { width: 217px; height: 45px; } #navbar.moving .menu { height: 60px; } #navbar.moving ul li { line-height: 50px; } #navbar.moving ul .subnav { top: 60px; /* Can remove this >>> */ background-color: rgba(0,131,170,0.95) !important; /* <<< */ } /* Can remove this >>> */ #navbar.moving ul.supplementary_menu .subnav { background-color: rgba(71,80,90,0.95) !important; } /* <<< */ /* Contact Bar */ #navbar.moving .contact_bar { font-size: 18px; line-height: 40px; } #navbar.moving .contact_bar.has_anniversary_mark { line-height: 48px; } #navbar.moving .contact_bar .col_left .twenty_years_mark img { max-height: 48px; } #navbar.moving .contact_bar .tel a { padding-left: 20px; background-size: 14px 20px; } #navbar.moving .contact_bar .instant_valuation a { padding-left: 26px; background-size: 20px 14px; } @media screen and (min-width: 0px) and (max-width: 767px) { /* Can remove this >>> */ #navbar.moving { line-height: inherit; } /* <<< */ #navbar.moving .logo { width: 180px; } } /*------------------------------------------------------------------*/ /*--- Mobile Nav / Layer ---*/ /* Open Mobile Nav */ #navbar .open_mobile_nav { display: none; position: absolute; top: 38px; right: 16px; width: 24px; height: 24px; line-height: 24px; text-decoration: none; margin: 0; background-image: url(_images/common/bkgd-opennav.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index: 99999; } .no-svg #navbar .open_mobile_nav { background-image: url(_images/common/bkgd-opennav.png); } /* No SVG */ #navbar.moving .open_mobile_nav { top: 18px; } /* Mobile Quick Nav */ ul.mobilequicknav { display: none; overflow: hidden; } ul.mobilequicknav li { float: left; width: 50%; text-align: center; padding: 0; margin: 0; } ul.mobilequicknav li a { display: block; font-size: 19px; line-height: 36px; text-transform: uppercase; color: #FFF !important; padding: 0; background-color: #0A3959; border: none !important; } ul.mobilequicknav li a:hover { background-color: #003251; } ul.mobilequicknav li:last-child a { background-color: #0083AA; } ul.mobilequicknav li:last-child a:hover { background-color: #007799; } #mobile_nav { position: fixed; top: 0; right: 0; bottom: 0; left: 100%; width: 50%; background-color: #303541; overflow: scroll; z-index: 9999999999; } #mobile_nav.active { display: block; left: 50%; } #mobile_nav .title { height: 60px; /* border-bottom: 1px solid rgba(255,255,255,0.2); */ } #mobile_nav .title .home_icon { position: absolute; top: 20px; left: 20px; width: 30px; height: 20px; background-image: url(_images/common/bkgd-icon-house-large.svg); background-repeat: no-repeat; background-position: 0 0; } .no-svg #mobile_nav .title .home_icon { background-image: url(_images/common/bkgd-icon-house-large.png); } /* No SVG */ #mobile_nav .title .home_icon:hover, #mobile_nav .title .home_icon:active, #mobile_nav .title .home_icon:focus { opacity: 0.8; } #mobile_nav .title .close_mobile_nav { position: absolute; top: 10px; right: 14px; font-size: 30px; line-height: 28px; text-align: center; color: #FFF; padding: 6px; cursor: pointer } #mobile_nav .title .close_mobile_nav:hover, #mobile_nav .title .close_mobile_nav:active, #mobile_nav .title .close_mobile_nav:focus { color: rgba(255,255,255,0.8); } #mobile_nav ul { font-size: 0; line-height: 0; } #mobile_nav ul li a { color: #FFF; padding: 0 0 0 20px; } #mobile_nav ul li a:hover { opacity: 0.8; } #mobile_nav ul li.menu-item-has-children a { display: inline-block; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mobile_nav ul li.menu-item-has-children span.toggle_sub_menu { display: inline-block; width: 20%; vertical-align: top; background-image: url(_images/common/bkgd_icon_mobile_sub_menu_toggle.svg); background-repeat: no-repeat; background-position: right 20px center; } .no-svg #mobile_nav ul li.menu-item-has-children span.toggle_sub_menu { background-image: url(_images/common/bkgd_icon_mobile_sub_menu_toggle.png); } /* No SVG */ #mobile_nav ul li.menu-item-has-children.expanded span.toggle_sub_menu { transform: rotate(180deg); background-position: left 20px center; } #mobile_nav ul li.menu-item-has-children.expanded ul.sub-menu { display: block; } #mobile_nav ul li.menu-item-has-children ul.sub-menu span.toggle_sub_menu { display: none; visibility: hidden; } #mobile_nav ul.mobilequicknav { display: block; } #mobile_nav ul.mobilequicknav li a { padding: 0; } #mobile_nav ul.main_menu { padding: 10px 0 0 0; } #mobile_nav ul.main_menu li { font-size: 19px; line-height: 32px; } #mobile_nav ul.main_menu li.menu-item-has-children span.toggle_sub_menu { height: 32px; line-height: 32px; } #mobile_nav ul.supplementary_menu { padding: 10px 0 0 0; margin: 10px 0; border-top: 1px solid rgba(255,255,255,0.2); } #mobile_nav ul.supplementary_menu li { font-size: 16px; line-height: 28px; } #mobile_nav ul.supplementary_menu li.menu-item-has-children span.toggle_sub_menu { height: 28px; line-height: 28px; background-size: 14px 8px; } #mobile_nav ul ul.sub-menu { display: none; } #mobile_nav ul ul.sub-menu li { font-size: 16px; line-height: 28px; padding-left: 10px; } #mobile_nav ul ul.sub-menu li:last-child { margin-bottom: 10px; } #mobile_nav .mobile_cta { margin: 20px 20px 0 20px; } #mobile_nav .mobile_cta a { display: block; } #mobile_nav ul.contacts { margin: 20px; } #mobile_nav ul.contacts li { font-size: 22px; line-height: 28px; font-weight: 200; margin: 0 0 10px 0; } #mobile_nav ul.contacts li:last-child { margin-bottom: 0; } #mobile_nav ul.contacts li a { background-repeat: no-repeat; background-position: left center; } #mobile_nav ul.contacts li.tel a { padding-left: 22px; background-size: 15px 20px; background-image: url(_images/common/icon-tel-large-white.svg); } #mobile_nav ul.contacts li.email a { padding-left: 28px; background-size: 19px 12px; background-image: url(_images/common/icon-email-large-white.svg); } #mobile_nav ul.contacts li.location a { padding-left: 22px; background-size: 15px 20px; background-image: url(_images/common/icon-location-large-white.svg); } #mobile_nav ul.social_links { margin: 20px; } #bkgd_page_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(48,53,65,0); z-index: -1; } #bkgd_page_overlay.active { background-color: rgba(48,53,65,0.9); z-index: 9998; } @media screen and (min-width: 0px) and (max-width: 767px) { #navbar .open_mobile_nav { display: inline-block; } #navbar ul.mobilequicknav { display: block; } } @media screen and (min-width: 0px) and (max-width: 600px) { #mobile_nav { width: 70%; } #mobile_nav.active { left: 30%; } } @media screen and (min-width: 0px) and (max-width: 480px) { #navbar .open_mobile_nav { top: 28px; } } @media screen and (min-width: 0px) and (max-width: 440px) { #mobile_nav { width: 90%; } #mobile_nav.active { left: 10%; } } /*------------------------------------------------------------------*/ /*--- Footer ---*/ #footer { color: #FFF; } #footer a { color: #FFF; } #footer a:hover, #footer a:active, #footer a:focus { color: rgba(255,255,255,0.85); } #footer .footer_illustration { position: relative; overflow: hidden; } /* body.search #footer .footer_illustration { margin-top: 20px; } */ #footer .footer_illustration img { position: relative; z-index: 1; } #footer .footer_illustration .bkgd_bar { position: absolute; right: 0; bottom: -2px; left: 0; height: 28%; background-color: #303541; z-index: 0; } @media screen and (min-width: 0px) and (max-width: 600px) { #footer .footer_illustration .container { width: 130%; margin: 0 0 0 -15%; } } /*- Upper Footer -*/ #footer .upper_footer { padding: 20px 0 40px 0; background-color: #303541; overflow: hidden; } #footer .upper_footer .col_left { float: left; width: 60%; max-width: 440px; } #footer .upper_footer .col_right { float: right; width: 38%; text-align: right; padding: 30px 0 0 0; } #footer .upper_footer .col_left h3 { font-size: 2em; margin: 0; } #footer .upper_footer .col_left p { font-size: 1.25em; line-height: 1.3em; color: #9C99BE; margin: 0; } #footer .upper_footer .col_right ul { font-size: 0; line-height: 0; } #footer .upper_footer .col_right ul li { display: inline-block; line-height: 40px; margin: 0 0 5px 5px; } #footer .upper_footer .col_right.has_anniversary_mark { padding: 0; margin: -10px 0; } #footer .upper_footer .col_right .twenty_years_mark img { max-height: 110px; } @media screen and (min-width: 0px) and (max-width: 767px) { #footer .upper_footer .col_left { width: 73%; } #footer .upper_footer .col_right { width: 25%; padding-top: 0; } #footer .upper_footer .col_right.has_anniversary_mark { width: 32%; } } @media screen and (min-width: 601px) and (max-width: 690px) { #footer .upper_footer .col_right.has_anniversary_mark { width: 27%; margin-top: 5px; } } @media screen and (min-width: 0px) and (max-width: 600px) { #footer .upper_footer .col_left { width: 100%; max-width: 100%; text-align: center; } #footer .upper_footer .col_right { width: 100%; padding-top: 20px; text-align: center; } #footer .upper_footer .col_right.has_anniversary_mark { width: 100%; padding-top: 20px; margin-top: 0; } #footer .upper_footer .col_right ul li { margin: 0 5px; } } @media screen and (min-width: 0px) and (max-width: 480px) { #footer .upper_footer .col_left p { font-size: 1.125em; padding-top: 6px; } } /*- Contacts Footer -*/ #footer .contacts_footer { padding: 0 0 40px 0; background-color: #303541; } #footer .contacts_footer .wrap { padding: 15px 0; border-top: 1px solid #9C99BE; border-bottom: 1px solid #9C99BE; overflow: hidden; } #footer .contacts_footer ul.contacts { float: left; font-size: 0; line-height: 0; } #footer .contacts_footer ul.contacts a { color: #FFF; } #footer .contacts_footer ul.contacts a:hover, #footer .contacts_footer ul.contacts a:active, #footer .contacts_footer ul.contacts a:focus { color: rgba(255,255,255,0.85); } #footer .contacts_footer ul.contacts li { display: inline-block; font-size: 28px; line-height: 38px; font-weight: 200; padding: 0; margin: 0 20px 0 0; } #footer .contacts_footer ul.contacts li:last-child { margin-right: 0; } #footer .contacts_footer ul.contacts li a { background-repeat: no-repeat; background-position: left center; } #footer .contacts_footer ul.contacts li.tel a { padding: 0 0 0 30px; background-image: url(_images/common/icon-tel-large-white.svg); } #footer .contacts_footer ul.contacts li.email a { padding: 0 0 0 38px; background-image: url(_images/common/icon-email-large-white.svg); } #footer .contacts_footer ul.contacts li.location a { padding: 0 0 0 32px; background-image: url(_images/common/icon-location-large-white.svg); } #footer .contacts_footer ul.social_links { float: right; line-height: 38px; text-align: right; } #footer.slim_footer .contacts_footer .wrap { padding-bottom: 0; border-top-color: transparent; border-bottom-color: transparent; } @media screen and (min-width: 0px) and (max-width: 820px) { #footer .contacts_footer ul.contacts, #footer .contacts_footer ul.social_links { float: none; text-align: center; } #footer .contacts_footer ul.social_links { padding: 14px 0 0 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { #footer .contacts_footer ul.contacts li { font-size: 22px; line-height: 28px; } #footer .contacts_footer ul.contacts li.tel a { padding-left: 22px; background-size: 15px 20px; } #footer .contacts_footer ul.contacts li.email a { padding-left: 28px; background-size: 19px 12px; } #footer .contacts_footer ul.contacts li.location a { padding-left: 22px; background-size: 15px 20px; } } /*- Lower Footer -*/ #footer .lower_footer { padding: 0 0 30px 0; background-color: #303541; overflow: hidden; } #footer .lower_footer .col_left { float: left; width: 32%; } #footer .lower_footer .col_left ul { font-size: 0; line-height: 0; margin: 0 0 10px 0; } #footer .lower_footer .col_left ul li { display: inline-block; line-height: 40px; margin: 0 5px 5px 0; } #footer .lower_footer .col_left .trustpilot { display: block; } #footer .lower_footer .col_left .trustpilot a { display: block; } #footer .lower_footer .col_right { float: right; width: 66%; overflow: hidden; } #footer .lower_footer .col_right .footer_menu { float: left; width: 25%; } #footer .lower_footer .col_right .footer_menu.wide { width: 50%; } #footer .lower_footer .col_right .footer_menu .title { font-size: 18px; font-weight: 600; margin: 0 0 6px 0; } #footer .lower_footer .col_right .footer_menu .half { float: left; width: 50%; } #footer .lower_footer .col_right .footer_menu ul { font-size: 0; line-height: 0; padding: 0 10px 0 0; } #footer .lower_footer .col_right .footer_menu ul li { font-size: 15px; line-height: 22px; } #footer .lower_footer .col_right .footer_menu ul li a { color: #D2D2D2; } #footer .lower_footer .col_right .footer_menu ul li a:hover, #footer .lower_footer .col_right .footer_menu ul li a:active, #footer .lower_footer .col_right .footer_menu ul li a:focus { color: #FFF; } @media screen and (min-width: 0px) and (max-width: 900px) { #footer .lower_footer .col_left { width: 100%; text-align: center; } #footer .lower_footer .col_left ul li { margin: 0 8px 8px 8px; } #footer .lower_footer .col_right { width: 100%; padding: 30px 0 0 0; } #footer .lower_footer .trustpilot-widget { width: 180px; margin: 0 auto; } } @media screen and (min-width: 0px) and (max-width: 620px) { #footer .lower_footer .col_left { float: none; /* max-width: 60%; */ margin: 0 auto; } #footer .lower_footer .col_left .slogan { max-width: 60%; margin: 0 auto; } /* #footer .lower_footer .col_right { display: none; } */ #footer .lower_footer .col_right .footer_menu { width: 100%; text-align: center; margin: 20px 0 0 0; } #footer .lower_footer .col_right .footer_menu:first-child { margin-top: 0; } #footer .lower_footer .col_right .footer_menu.wide { width: 100%; } #footer .lower_footer .col_right .footer_menu .half { float: none; display: inline; width: inherit; } #footer .lower_footer .col_right .footer_menu ul { display: inline; } #footer .lower_footer .col_right .footer_menu ul li { display: inline-block; margin: 2px 6px; } } /*- Legal Footer -*/ #footer .legal_footer { font-size: 0.75em; letter-spacing: normal; text-align: center; color: rgba(255,255,255,0.6); background-color: #303541; } #footer .legal_footer a { color: rgba(255,255,255,0.6); } #footer .legal_footer a:hover, #footer .legal_footer a:active, #footer .legal_footer a:focus { color: rgba(255,255,255,0.9); } #footer .legal_footer .wrap { padding: 25px 0 40px 0; border-top: 1px solid rgba(255,255,255,0.2); } #footer .legal_footer ul.legal_menu { font-size: 0; line-height: 0; } #footer .legal_footer ul.legal_menu li { display: inline-block; font-size: 13px; line-height: 16px; margin: 5px 7px; } #footer .legal_footer ul.legal_menu li.no_link { color: rgba(255,255,255,0.6); cursor: pointer; } #footer .legal_footer ul.legal_menu li.no_link:hover { color: rgba(255,255,255,0.9); } /* #footer .legal_footer .col { float: left; width: 21%; line-height: 23px; } */ #footer .legal_footer .portals { padding: 10px 0 0 0; } #footer .legal_footer .portals a { opacity: 0.6; } #footer .legal_footer .portals a:hover, #footer .legal_footer .portals a:active, #footer .legal_footer .portals a:focus { opacity: 0.9; } #footer .legal_footer .portals ul { font-size: 0; line-height: 0; } #footer .legal_footer .portals ul li { display: inline-block; font-size: 16px; line-height: 23px; margin: 6px 14px; } #footer .legal_footer .portals ul li img { vertical-align: middle; } /*#footer .legal_footer .credits { text-align: right; }*/ /* @media screen and (min-width: 0px) and (max-width: 960px) { #footer .legal_footer .col { width: 100%; text-align: center; line-height: inherit; margin: 0 0 20px 0; } #footer .legal_footer .col:last-child { margin-bottom: 0; } #footer .legal_footer .portals { width: 100%; margin-bottom: 15px; } } */ /*------------------------------------------------------------------*/ /*--- Sticky CTA Banner ---*/ .call_to_action_sticky { display: block; position: fixed; left: 0; right: 0; bottom: 0; text-align: center; color: #FFF; background-color: #9C99BE; box-shadow: 0 -4px 20px rgba(55,61,65,0.2); z-index: 999; } .call_to_action_sticky:hover { background-color: #2E3438; cursor: pointer; } .call_to_action_sticky.hide { bottom: -140px; } .call_to_action_sticky.out { bottom: -140px; } .call_to_action_sticky.in { bottom: 0; } .call_to_action_sticky.in.hide { bottom: -140px; } .call_to_action_sticky .wrap { display: inline-block; font-size: 19px; font-weight: 600; padding: 20px 0 20px 30px; background-image: url(_images/common/bkgd_video_viewings_banner_icon.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .call_to_action_sticky .wrap { background-image: url(_images/common/bkgd_video_viewings_banner_icon.png); } /* No SVG */ .call_to_action_sticky span { display: inline-block; text-transform: uppercase; padding-left: 6px; } @media screen and (min-width: 480px) and (max-width: 660px) { .call_to_action_sticky span { display: block; } } @media screen and (min-width: 0px) and (max-width: 660px) { .call_to_action_sticky .wrap { padding-left: 30px; padding-right: 30px; background-position: right center; } } /*------------------------------------------------------------------*/ /*--- Sticky CTA Banner Full Screen ---*/ .call_to_action_sticky_fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding: 0 20px; background-color: rgba(55,61,65,0); z-index: 999999; overflow: scroll; } .call_to_action_sticky_fullscreen.out { top: 100%; } .call_to_action_sticky_fullscreen.in { top: 0; background-color: rgba(55,61,65,0.8); } .call_to_action_sticky_fullscreen.in.hide { top: 100%; } .call_to_action_sticky_fullscreen .wrap { position: relative; max-width: 480px; padding: 30px 290px 20px 30px; margin: 185px auto 60px auto; background-color: #F5F1EF; background-image: url(_images/common/bkgd_video_viewings_overlay.png); background-repeat: no-repeat; background-position: right bottom; background-size: 360px 380px; border-radius: 6px 6px 160px 6px; box-shadow: 0 4px 6px rgba(55,61,65,0.2); } .call_to_action_sticky_fullscreen .wrap .close { position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; line-height: 26px; font-weight: 600; text-align: center; color: #FFF; background-color: #2E3438; border-radius: 50%; cursor: pointer; } .call_to_action_sticky_fullscreen .wrap .close:hover { color: #FFF; background-color: #9C99BE; } .call_to_action_sticky_fullscreen .wrap .title { max-width: 375px; margin: 0 auto 20px auto; } .call_to_action_sticky_fullscreen .wrap p { margin-bottom: 10px; } .call_to_action_sticky_fullscreen ul.contacts { font-size: 0; line-height: 0; margin-bottom: 20px; } .call_to_action_sticky_fullscreen ul.contacts a { color: #47505A; } .call_to_action_sticky_fullscreen ul.contacts a:hover, .call_to_action_sticky_fullscreen ul.contacts a:active, .call_to_action_sticky_fullscreen ul.contacts a:focus { opacity: 0.8; } .call_to_action_sticky_fullscreen ul.contacts li { display: inline-block; font-size: 28px; line-height: 38px; font-weight: 200; padding: 0; margin: 0 20px 0 0; } .call_to_action_sticky_fullscreen ul.contacts li:last-child { margin-right: 0; } .call_to_action_sticky_fullscreen ul.contacts li a { background-repeat: no-repeat; background-position: left center; } .call_to_action_sticky_fullscreen ul.contacts li.tel a { padding: 0 0 0 30px; background-image: url(_images/common/icon-tel-large-mid-grey.svg); } .call_to_action_sticky_fullscreen ul.contacts li.email a { padding: 0 0 0 38px; background-image: url(_images/common/icon-email-large-mid-grey.svg); } .no-svg .call_to_action_sticky_fullscreen ul.contacts li.tel a { background-image: url(_images/common/icon-tel-large-mid-grey.png); } /* No SVG */ .no-svg .call_to_action_sticky_fullscreen ul.contacts li.email a { background-image: url(_images/common/icon-email-large-mid-grey.png); } /* No SVG */ .call_to_action_sticky_fullscreen .the_form { padding: 0 0 20px 0; border-bottom: 1px solid #D2D2D2; } .call_to_action_sticky_fullscreen .the_form .form_title { text-align: center; margin: 0 0 20px 0; background-image: url(_images/common/bkgd-greyline.svg); background-repeat: repeat-x; background-position: right center; } .no-svg .call_to_action_sticky_fullscreen .the_form .form_title { background-image: url(_images/common/bkgd-greyline.png); } /* No SVG */ .call_to_action_sticky_fullscreen .the_form .form_title span { font-size: 1.375em; font-weight: 600; text-transform: uppercase; padding: 0 10px; background-color: #F5F1EF; } .call_to_action_sticky_fullscreen input, .call_to_action_sticky_fullscreen select { width: 100%; } .call_to_action_sticky_fullscreen select { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M13%201L7%207%201%201%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px 6px; } .call_to_action_sticky_fullscreen .form_wrap { padding: 0 20px; } .call_to_action_sticky_fullscreen .input_block { margin-bottom: 2%; overflow: hidden; } .call_to_action_sticky_fullscreen .input_block.two_across .wpcf7-form-control-wrap { float: left; display: block; width: 49%; margin-right: 2%; } .call_to_action_sticky_fullscreen .input_block.two_across .wpcf7-form-control-wrap:last-of-type { margin-right: 0; } .call_to_action_sticky_fullscreen .submit_block { position: relative; } .call_to_action_sticky_fullscreen .submit_block input.submit, .call_to_action_sticky_fullscreen .submit_block input.wpcf7-submit { background-color: #9C99BE !important; } .call_to_action_sticky_fullscreen .submit_block input.submit:hover, .call_to_action_sticky_fullscreen .submit_block input.wpcf7-submit:hover, .call_to_action_sticky_fullscreen .submit_block input.submit:focus, .call_to_action_sticky_fullscreen .submit_block input.wpcf7-submit:focus { background-color: #47505A !important; } .call_to_action_sticky_fullscreen .submit_block img.ajax-loader { position: absolute; top: 10px; left: 10px;} .call_to_action_sticky_fullscreen .wpcf7-form.sent .input_block, .call_to_action_sticky_fullscreen .wpcf7-form.sent .submit_block { display: none; } @media screen and (min-width: 0px) and (max-width: 767px) { .call_to_action_sticky_fullscreen .wrap { max-width: 420px; padding-right: 30px; padding-bottom: 170px; margin-top: 90px; background-image: url(_images/common/bkgd_video_viewings_overlay_mobile.png?v2); background-position: center bottom; background-size: 480px 160px; border-radius: 4px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .call_to_action_sticky_fullscreen .wrap { margin-top: 70px; } .call_to_action_sticky_fullscreen .wrap .close { top: 8px; right: 8px; } .call_to_action_sticky_fullscreen .form_wrap { padding: 0; } .call_to_action_sticky_fullscreen .input_block.two_across .wpcf7-form-control-wrap { width: 100%; } .call_to_action_sticky_fullscreen .input_block.two_across .wpcf7-form-control-wrap:last-of-type { margin-top: 2%; } } /*- Clarendon Pop Up -*/ #clarendon_pop_up.call_to_action_sticky_fullscreen .wrap { margin-top: 90px; background-image: url(_images/common/bkgd-illustration-strip-clarendon.png); background-position: right -500px bottom; background-size: inherit; } #clarendon_pop_up textarea { min-height: 80px; max-height: 80px; } @media screen and (min-width: 768px) { #clarendon_pop_up.call_to_action_sticky_fullscreen .wrap { padding-right: 260px; border-radius: 50px; } #clarendon_pop_up.call_to_action_sticky_fullscreen .close { top: 26px; right: 26px; } } @media screen and (min-width: 0px) and (max-width: 767px) { #clarendon_pop_up.call_to_action_sticky_fullscreen .wrap { background-image: url(_images/common/bkgd-illustration-strip-clarendon-mobile.png); background-position: center bottom; background-size: 576px 150px; } } @media screen and (min-width: 600px) { #clarendon_pop_up .can_hide { display: none; } #clarendon_pop_up.call_to_action_sticky_fullscreen input, #clarendon_pop_up.call_to_action_sticky_fullscreen select { width: 70%; } } /*------------------------------------------------------------------*/ /*--- Other Common Elements ---*/ /*--- Brochure Overlay ---*/ #bkgd_brochure_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(48,53,65,0); z-index: -1; } #bkgd_brochure_overlay.active { background-color: rgba(48,53,65,0.9); z-index: 9998; } .brochure_overlay { position: fixed; top: 105%; right: 0; left: 0; bottom: 0; width: 100%; min-width: 260px; max-width: 400px; margin: 0 auto; overflow: hidden; z-index: 99999; } .brochure_overlay.active { top: 0; overflow: scroll; } .brochure_overlay .outer_wrap { display: table; height: 100%; } .brochure_overlay .mid_wrap { display: table-cell; vertical-align: middle; padding: 0 10px; } .brochure_overlay .inner_wrap { position: relative; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.40); } .brochure_overlay .close_overlay { position: absolute; top: 14px; right: 14px; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #FFF; background-color: rgba(255,255,255,0.2); background-image: url(https://www.cavendishvenues.co.uk/wp-content/themes/cavendishvenues/_images/common/bkgd-icon-close-overlay.svg); background-repeat: no-repeat; background-position: center center; border-radius: 50%; opacity: 0.6; cursor: pointer; } .brochure_overlay .close_overlay:hover { background-color: rgba(255,255,255,0.3); } .brochure_overlay .title { text-align: center; color: #FFF; padding: 30px; background-color: #303541; /* background-image: url(https://www.cavendishvenues.co.uk/wp-content/themes/cavendishvenues/_images/common/bkgd-icon-brochure-download.svg); background-repeat: no-repeat; background-position: center 26px; */ } .brochure_overlay .title .icon { height: 44px; margin: 0 auto 20px auto; } .brochure_overlay .title .icon svg { height: 100%; } .brochure_overlay .title h3 { text-transform: none; color: #FFF; } .brochure_overlay .title p { margin: 0; } .brochure_overlay .form { max-width: 340px; text-align: center; padding: 20px 30px; margin: 0 auto; } .brochure_overlay .form label { width: 100%; text-align: left; padding: 0; background: none; } .brochure_overlay .form input { width: 100%; } .brochure_overlay .form input.wpcf7-submit { background-color: #9C99BE; } .brochure_overlay .form input.wpcf7-submit:hover { background-color: #303541; } .brochure_overlay .form div.wpcf7 img.ajax-loader { position: absolute; } .brochure_overlay .privacy { font-size: 0.8em; line-height: 1.4em; text-align: center; padding: 10px 30px; background-color: #EAEAEB; } .brochure_overlay .privacy .padlock-icon { display: inline-block; width: 10px; height: 14px; margin: 0 9px -1px 0; background-image: url(https://www.cavendishvenues.co.uk/wp-content/themes/cavendishvenues/_images/common/bkgd-icon-privacy-padlock.svg); background-repeat: no-repeat; background-position: center center; } /*------------*/ /*--- Development Logos ---*/ ul.development_logos { font-size: 0; line-height: 0; } ul.development_logos a { display: block; } ul.development_logos li { display: inline-block; font-size: 12px; vertical-align: middle; margin: 10px 30px 10px 0; } ul.development_logos li:last-child { margin-right: 0; } ul.development_logos li img { max-height: 66px; } ul.development_logos li.clarendon img { max-height: 52px; } ul.development_logos li.smithfield img { max-height: 38px; } ul.development_logos li.nrv img { max-height: 42px; } /* Smaller */ ul.development_logos.smaller li { margin: 10px 20px 10px 0; } ul.development_logos.smaller li img { max-height: 60px; } ul.development_logos.smaller li.clarendon img { max-height: 46px; } ul.development_logos.smaller li.smithfield img { max-height: 33px; } ul.development_logos.smaller li.nrv img { max-height: 38px; } /*------------*/ /*--- Icons ---*/ .icon_check { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20px' height='16px' viewBox='0 0 20 16' xml:space='preserve'%3E%3Cpath fill='%2370838D' d='M19.7,0.2C19.5,0.1,19.3,0,19.1,0l0,0v0c-0.2,0-0.4,0.1-0.6,0.3L7,13.2L1.4,8.4v0C1.1,8.1,0.5,8.2,0.2,8.5c-0.3,0.4-0.3,0.9,0.1,1.2L6.5,15v0c0.4,0.3,0.9,0.3,1.2-0.1L19.8,1.4C20.1,1.1,20.1,0.5,19.7,0.2z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: auto; background-size: contain; } .icon_cross { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='15px' height='15px' viewBox='0 0 15 15' xml:space='preserve'%3E%3Cpath fill='%23B7C1C6' d='M8.6,7.5l6.1-6.1c0.3-0.3,0.3-0.8,0-1.1c-0.3-0.3-0.8-0.3-1.1,0L7.5,6.4L1.4,0.2c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l6.1,6.1l-6.1,6.1c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l6.1-6.1l6.1,6.1c0.2,0.2,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2c0.3-0.3,0.3-0.8,0-1.1L8.6,7.5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto; background-size: contain; } /*------------*/ /*--- Inline Contacts ---*/ ul.inline_contacts { } ul.inline_contacts li { display: inline-block; font-size: 1.6em; line-height: 30px; font-weight: 300; margin: 5px 20px 5px 0; } ul.inline_contacts li:last-child { margin-right: 0; } ul.inline_contacts li i { height: 30px; padding: 0 10px 0 0; } ul.inline_contacts li i svg { fill: #9C99BE; vertical-align: top; } ul.inline_contacts li a { color: #303541; } ul.inline_contacts li a:hover, ul.inline_contacts li a:active, ul.inline_contacts li a:focus { color: #9C99BE; } .accent_sage ul.inline_contacts li i svg { fill: #99BC9B; } .accent_sage ul.inline_contacts li a:hover, .accent_sage ul.inline_contacts li a:active, .accent_sage ul.inline_contacts li a:focus { color: #99BC9B; } /*------------*/ /*--- Pagination ---*/ .pagination { font-weight: 600; text-align: center; padding: 30px 0 0 0; } .pagination span, .pagination a { display: inline-block; min-width: 38px; height: 38px; line-height: 38px; margin: 4px; text-decoration: none; color: #2E3438; background-color: #EAEAEB; border: none; border-radius: 4px; } .pagination a:hover, .pagination a:active, .pagination a:focus { background-color: #CCC; } .pagination .current { color: #FFF; background-color: #0083AA; } /*------------*/ /*--- Social Links ---*/ ul.social_links { height: 38px; } ul.social_links li { display: inline-block; width: 38px; height: 38px; padding: 0; margin: 0 4px 0 0; border-radius: 2px; overflow: hidden; } ul.social_links li span { display: none; } ul.social_links li a { display: block; width: 38px; height: 38px; opacity: 1; background-color: #47505A; background-image: url(_images/common/bkgd_social_links.svg); background-repeat: no-repeat; background-position: 0 0; } ul.social_links li a:hover { background-color: #9C99BE; } ul.social_links li.twitter a { background-position: 0 0; } ul.social_links li.facebook a { background-position: -38px 0; } ul.social_links li.linkedin a { background-position: -76px 0; } ul.social_links li.googleplus a { background-position: -114px 0; } ul.social_links li.youtube a { background-position: -152px 0; } ul.social_links li.instagram a { background-position: -190px 0; } /*------------*/ /*--- Star Rating ---*/ .star_rating { } .star_rating .icon { display: inline-block; height: 24px; vertical-align: top; } .star_rating .text { display: inline-block; font-style: italic; line-height: 24px; padding: 0 0 0 10px; vertical-align: top; } .star_rating svg { width: auto; height: 100%; fill: #C39834; } @media screen and (min-width: 0px) and (max-width: 480px) { .star_rating .icon { height: 20px; } .star_rating .text { font-size: 0.9em; line-height: 20px; } } @media screen and (min-width: 0px) and (max-width: 400px) { .star_rating .text { display: block; padding: 6px 0 0 0; } } /* Stacked */ .star_rating.stacked .icon { display: block; } .star_rating.stacked .text { display: block; padding: 14px 0 0 0; } /*------------*/ /*--- Trustpilot ---*/ .trustpilot-widget iframe { margin: 0; } /*------------*/ /*--- Twenty Years Mark Inline ---*/ .twenty_years_mark_inline { height: 50px; margin: 0 0 14px 0; } .twenty_years_mark_inline img { max-height: 100%; } .twenty_years_mark_inline.align_center { text-align: center; margin-left: auto; margin-right: auto; } .twenty_years_mark_inline.margin_top { margin-top: 20px; } .twenty_years_mark_inline.no_margin_bottom { margin-bottom: 0; } @media screen and (min-width: 0px) and (max-width: 600px) { .twenty_years_mark_inline { height: 44px; } } /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ .container.no_padding { max-width: 1120px; padding: 0; } @media screen and (min-width: 0px) and (max-width: 767px) { .maincontent { padding-top: 40px; } } /*------------------------------------------------------------------*/ /* 5. Content Blocks /*------------------------------------------------------------------*/ /*--- Common ---*/ h3.unrestricted { max-width: inherit !important; } h3.no_dot::after { content: '' !important; } /*------------*/ /*--- Section Intro ---*/ .section_intro { position: relative; text-align: center; padding: 0 0 30px 0; margin: 0 auto; overflow: hidden; } .section_intro.no_content { padding: 0; } .section_intro.space_below { padding-bottom: 50px; } .section_intro h1, .section_intro h2, .section_intro h3, .section_intro h4, .section_intro h5, .section_intro h6 { margin: 0; } .section_intro p { font-size: 1.125em; } .section_intro p:first-of-type { padding: 12px 0 0 0; } .section_intro p:last-child { margin: 0; } .section_intro h2 { font-size: 3em; line-height: 0.95em; color: #0A3959; } .section_intro h2::after { content: '.'; } .section_intro h2 a { color: #0A3959; } .section_intro h2 a:hover { color: #0083AA; } .section_intro h3 { font-size: 2.375em; line-height: 0.95em; color: #0A3959; } .section_intro h3::after { content: '.'; } .section_intro.small_text p { font-size: 1em; } .text_white .section_intro h2, .text_white .section_intro h3 { color: #FFF; } @media screen and (min-width: 0px) and (max-width: 600px) { .section_intro h2 { font-size: 2.6em; } .section_intro h3 { font-size: 2em; } } @media screen and (min-width: 0px) and (max-width: 520px) { .section_intro p { font-size: 1.0625em; } } @media screen and (min-width: 0px) and (max-width: 480px) { .section_intro h2 { font-size: 2.4em; } .section_intro h3 { font-size: 1.8em; } } /* Accent Colours */ .section_intro.accent_blue a { color: #0083AA; } .section_intro.accent_blue a:hover, .section_intro.accent_blue a:active, .section_intro.accent_blue a:focus { color: #70838D; } .section_intro.accent_purple a { color: #9B97BC; } .section_intro.accent_purple a:hover, .section_intro.accent_purple a:active, .section_intro.accent_purple a:focus { color: #70838D; } .section_intro.accent_sage a { color: #99BC9B; } .section_intro.accent_sage a:hover, .section_intro.accent_sage a:active, .section_intro.accent_sage a:focus { color: #70838D; } /* Width Variations */ .section_intro.wide_width { max-width: 780px; } .section_intro.medium_width { max-width: 620px; } .section_intro.slim_width { max-width: 480px; } /* Other Elements */ .section_intro .star_rating { margin-top: 12px; } .section_intro .thinking_local_intro { position: relative; } .section_intro .thinking_local_intro span { display: inline-block; padding: 0 20px; background-color: #FFF; } .section_intro .thinking_local_intro .bkgd_line { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #D2D2D2; z-index: -1; } /* Center Aligned */ .section_intro.center_aligned { padding: 0 0 50px 0; } .section_intro.center_aligned .horizontal_tab .tab_line, .section_intro.center_aligned .horizontal_tab .tab_block { margin: 0 auto; } /* Left Aligned */ .section_intro.left_aligned { text-align: left; max-width: 1080px; padding: 0 0 50px 0; } .section_intro.left_aligned .left_col { float: left; width: 37%; } .section_intro.left_aligned .right_col { float: right; width: 60%; } @media screen and (min-width: 0px) and (max-width: 767px) { .section_intro.left_aligned .left_col { width: 100%; } .section_intro.left_aligned .right_col { width: 100%; padding-top: 20px; } } /* Left Aligned Restricted */ @media screen and (min-width: 960px) { .section_intro.left_aligned.restricted .right_col { width: 45%; padding-right: 15%; } } /*------------*/ /*--- Section Outro ---*/ .section_outro { text-align: center; padding: 40px 0 0 0; } .section_outro p { font-size: 1.125em; } @media screen and (min-width: 0px) and (max-width: 520px) { .section_outro p { font-size: 1.0625em; } } /*------------*/ /*--- Content Block ---*/ .content_block { position: relative; padding: 60px 0; background-color: transparent; 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: 5; } .content_block .bkgd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; z-index: -1; } .content_block .bkgd.blend_top { bottom: 70%; } .content_block .bkgd.blend_bottom { top: 70%; } .content_block .bkgd_photo { background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; } .content_block .anchor { position: absolute; top: -60px; width: 1px; height: 1px; background-color: transparent; } .content_block .wrap { position: relative; margin: 0 auto; } .content_block .wrap.wide_width { max-width: 840px; } .content_block .wrap.medium_width { max-width: 720px; } .content_block .wrap.slim_width { max-width: 480px; } .content_block p:last-child { margin-bottom: 0; } @media screen and (min-width: 900px) { .content_block .bkgd_photo.left_half { right: 50%; } .content_block .bkgd_photo.right_half { left: 50%; } } @media screen and (max-width: 899px) { .content_block .bkgd_photo.left_half .bkgd, .content_block .bkgd_photo.right_half .bkgd { display: none; } } /* Padding Options */ .content_block.no_padding_top { padding-top: 0; } .content_block.no_padding_bottom { padding-bottom: 0; } .content_block.slim_padding_top { padding-top: 20px; } .content_block.slim_padding_bottom { padding-bottom: 20px; } .content_block.regular_padding_top { padding-top: 40px; } .content_block.regular_padding_bottom { padding-bottom: 40px; } .content_block.medium_padding_top { padding-top: 60px; } .content_block.medium_padding_bottom { padding-bottom: 60px; } .content_block.large_padding_top { padding-top: 90px; } .content_block.large_padding_bottom { padding-bottom: 90px; } /* Anchor */ .content_block.no_padding_top .anchor { top: -120px; } .content_block.slim_padding_top .anchor { top: -100px; } .content_block.regular_padding_top .anchor { top: -80px; } .content_block.medium_padding_top .anchor { top: -60px; } .content_block.large_padding_top .anchor { top: -30px; } /* Bkgd */ .content_block .bkgd.blend_bottom.very_light_grey { background: -webkit-linear-gradient(bottom, rgba(240,243,244,1), rgba(240,243,244,0)) !important; background: -o-linear-gradient(bottom, rgba(240,243,244,1), rgba(240,243,244,0)) !important; background: -moz-linear-gradient(bottom, rgba(240,243,244,1), rgba(240,243,244,0)) !important; background: linear-gradient(to top, rgba(240,243,244,1), rgba(240,243,244,0)) !important; } .content_block .bkgd.blend_bottom.very_light_purple { background: -webkit-linear-gradient(bottom, rgba(240,240,245,1), rgba(240,240,245,0)) !important; background: -o-linear-gradient(bottom, rgba(240,240,245,1), rgba(240,240,245,0)) !important; background: -moz-linear-gradient(bottom, rgba(240,240,245,1), rgba(240,240,245,0)) !important; background: linear-gradient(to top, rgba(240,240,245,1), rgba(240,240,245,0)) !important; } /*------------------------------------------------------------------*/ /*--- Page Intro ---*/ .page_intro .container { position: relative; z-index: 3; } .page_intro .wrap { max-width: 600px; margin-left: 0 !important; } .page_intro h1 { font-size: 4.5em; line-height: 1em; color: #0A3959; } .page_intro h1 span { color: #0083AA; } .page_intro h1::after { content: '.'; } .page_intro p { font-size: 20px; line-height: 1.2em; margin: 20px 0 0 0; } .page_intro.accent_blue h1::after { color: #0083AA; } .page_intro.accent_purple h1::after { color: #9B97BC; } .page_intro.accent_sage h1::after { color: #99BC9B; } /* Breadcrumbs */ .page_intro .breadcrumbs { font-size: 0; font-weight: 500; color: #70838D; margin: 0 0 20px 0; } .page_intro .breadcrumbs span { display: inline-block; font-size: 15px; line-height: 22px; vertical-align: top; } .page_intro .breadcrumbs a { color: #70838D; } .page_intro .breadcrumbs a:hover, .page_intro .breadcrumbs a:active, .page_intro .breadcrumbs a:focus { color: #0083AA; } .page_intro .breadcrumbs .divider { font-size: 22px; line-height: 20px; font-weight: 400; color: #70838D; padding: 0 8px; } .page_intro .breadcrumbs .current-item { color: #70838D; } @media screen and (min-width: 0px) and (max-width: 900px) { .page_intro h1 { font-size: 3.5em; } } @media screen and (min-width: 0px) and (max-width: 600px) { .page_intro h1 { font-size: 3em; } .page_intro p { font-size: 18px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .page_intro h1 { font-size: 2.8em; } } /* Staff Profile */ .page_intro .staff_profile { position: absolute; right: 30px; bottom: 0; max-width: 360px; min-height: 124px; } .page_intro .staff_profile .photo { position: absolute; width: 120px; height: 120px; top: 50%; right: 0; margin: -62px 0 0 0; border: 2px solid rgba(255,255,255,0.8); border-radius: 50%; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,.15); } .page_intro .staff_profile .desc { padding: 10px 0; } .page_intro .staff_profile .desc .inner_wrap { text-align: right; padding: 10px 80px 10px 10px; margin: 0 60px 0 0; background-color: rgba(255,255,255,0.8); border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,.15); } .page_intro .staff_profile .desc p { font-size: 16px !important; font-style: italic; margin: 0; } .page_intro .staff_profile .desc span { display: inline-block; } .page_intro .staff_profile .desc a::after { display: none; } @media screen and (min-width: 0px) and (max-width: 900px) { .page_intro .staff_profile { position: relative; right: auto; margin: 40px 0 -40px 0; } } @media screen and (min-width: 0px) and (max-width: 428px) { .page_intro .staff_profile { min-height: 94px; } .page_intro .staff_profile .photo { width: 90px; height: 90px; margin-top: -47px; } .page_intro .staff_profile .desc { padding: 0; } .page_intro .staff_profile .desc .inner_wrap { padding-right: 60px; margin-right: 45px; } } /* Thinking Local */ .page_intro .thinking_local { position: absolute; top: 60px; right: 100px; opacity: 0.1; z-index: -1; } .page_intro .thinking_local svg { width: 100%; height: auto; fill: #70838D; } @media screen and (min-width: 1920px) { .page_intro .thinking_local { right: 300px; } } @media screen and (min-width: 0px) and (max-width: 1280px) { .page_intro .thinking_local { top: 40px; right: 40px; width: 50%; } } @media screen and (min-width: 0px) and (max-width: 900px) { .page_intro .thinking_local { top: 30px; right: 30px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .page_intro .thinking_local { top: 20px; right: 20px; left: 20px; width: auto; } } /*------------------------------------------------------------------*/ /* ADD MAIN BLOCKS IN ALPHABETICAL ORDER */ /*------------*/ /*--- Areas Covered ---*/ .areas_covered { } .areas_covered .item { position: relative; } .areas_covered .item img { width: 100%; } .areas_covered .item .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .areas_covered .item .overlay h4 { position: absolute; left: 30px; bottom: 30px; font-size: 2.4em; line-height: 1em; color: #FFF; padding: 0 15% 0 0; margin: 0; z-index: 2; } .areas_covered .item .overlay h4 span { font-size: 0.6em; line-height: 0.6em; font-weight: 400; opacity: 0.7; } .areas_covered .item .overlay .blendbottom { position: absolute; top: 60%; right: 0; bottom: 0; left: 0; background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)) !important; background: -o-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)) !important; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)) !important; } @media screen and (min-width: 720px) and (max-width: 840px) { .areas_covered .item .overlay h4 { font-size: 2em; } } @media screen and (min-width: 480px) and (max-width: 600px) { .areas_covered .item .overlay h4 { font-size: 2em; } } /* Nav */ .areas_covered_nav { position: relative; width: 82px; height: 36px; margin-top: -26px; z-index: 1; } .areas_covered_nav .previous_btn, .areas_covered_nav .next_btn { position: absolute; top: 0; display: block; width: 36px; height: 36px; cursor: pointer; } .areas_covered_nav .previous_btn { left: 0; } .areas_covered_nav .next_btn { right: 0; } .areas_covered_nav .previous_btn svg, .areas_covered_nav .next_btn svg { width: 100%; height: 100%; fill: #70838D; vertical-align: top; } .areas_covered_nav .previous_btn:hover svg, .areas_covered_nav .next_btn:hover svg { fill: #9C99BE; } @media screen and (min-width: 0px) and (max-width: 479px) { .areas_covered_nav { max-width: 100px; margin: 20px auto 0 auto; } } /* Owl Carousel */ .owl_areas_covered .owl-stage-outer { border-radius: 6px; } .owl_areas_covered .owl-dots { text-align: left; padding: 0 0 0 92px; margin: 20px 0 0 0; } @media screen and (min-width: 0px) and (max-width: 479px) { .owl_areas_covered .owl-dots { display: none !important; } } /*------------*/ /*--- Article Content ---*/ .article_content { } .article_content .article_block { margin: 0 0 40px 0; } .article_content .article_block:last-child { margin-bottom: 0; } .article_content .article_block h1, .article_content .article_block h2, .article_content .article_block h3, .article_content .article_block h4, .article_content .article_block h5, .article_content .article_block h6 { color: #0A3959; } .article_content .article_block p:last-child { margin-bottom: 0; } .article_content .article_block.photo_block p { margin: 0; } .article_content .article_block.photo_block img { width: 100%; } .article_content .article_block.photo_block .caption { font-size: 15px; font-weight: 400; color: #70838D; padding: 14px 20px 0 20px; } .article_content .article_block.text_block { padding: 0 20px; } /*------------*/ /*--- Article Meta ---*/ .article_meta { } .article_meta ul { padding: 0 20px; margin: 0 0 20px 0; } .article_meta ul li { display: inline-block; text-transform: uppercase; line-height: 22px; font-weight: 400; } .article_meta ul li strong { font-weight: 600; } .article_meta ul li.divider { color: #0083AA; padding: 0 6px; } .article_meta ul li a { display: inline-block; color: #3B4559; border-bottom: 1px solid transparent; } .article_meta ul li a:hover, .article_meta ul li a:active, .article_meta ul li a:focus { border-bottom-color: #D2D2D2; } .article_meta .share_article { } .article_meta ul.social_share { font-size: 0; line-height: 0; } .article_meta ul.social_share li { font-size: 14px; line-height: 44px; margin: 0 6px 0 0; } .article_meta ul.social_share li.legend { display: block; line-height: 22px; margin-bottom: 6px; } .article_meta ul.social_share li a { display: block; background-color: #EAEAEB; border: none; border-radius: 4px; } .article_meta ul.social_share li a:hover, .article_meta ul.social_share li a:active, .article_meta ul.social_share li a:focus { background-color: #CCC; } .article_meta ul.social_share li .text { display: none; } .article_meta ul.social_share li .icon { display: block; width: 44px; height: 44px; } /*------------*/ /*--- Award Banner ---*/ .award_banner { text-align: center; } .award_banner .graphic { display: inline-block; max-height: 80px; padding: 0 10px; } .award_banner .graphic img { max-height: 80px; } .award_banner .text { display: inline-block; max-width: 500px; font-size: 1.25em; line-height: 1.05em; font-weight: 600; color: #2E3438; padding: 10px 20px 0 20px; vertical-align: top; } .award_banner .text .gold { color: #CAAB10; } @media screen and (min-width: 0px) and (max-width: 540px) { .award_banner .graphic { max-width: 220px; text-align: center; padding-left: 40px; padding-right: 40px; } .award_banner .graphic:first-child { padding-bottom: 10px; } .award_banner .text { display: block; padding-left: 0; padding-right: 0; } } /* If Home / Search / 404 / Thinking Local / School Fair */ .home .award_banner { margin-top: -20px; } .home .award_banner .wrap, .search .award_banner .wrap, .error404 .award_banner .wrap, .page-template-template-home-2022 .award_banner .wrap, .page-template-template-thinking-local .award_banner .wrap, .parent-pageid-14 .award_banner .wrap { padding-top: 20px; border-top: 1px solid #D2D2D2; } /*------------*/ /*--- Columned Text ---*/ .columned_text { color: #303541; } .columned_text .wrap { overflow: hidden; } .columned_text .item { } .columned_text .item .outer_wrap { position: relative; padding: 0 0 22px 14px; } .columned_text .item .side_tab { position: absolute; top: 0; left: 0; width: 4px; height: 80px; opacity: 0.5; } .columned_text .item h3 { font-size: 3em; line-height: 0.8em; color: #0A3959; } .columned_text .item h3::after { content: '.'; } .columned_text .item a p { color: #303541; } .columned_text .item p { font-size: 17px; } .columned_text .item p:last-child { margin: 0; } .columned_text .item .text_link { position: absolute; left: 14px; bottom: 0; } .columned_text .item.accent_blue .outer_wrap { border-left: 1px solid rgba(0,131,170,0.5); } .columned_text .item.accent_purple .outer_wrap { border-left: 1px solid rgba(155,151,188,0.5); } .columned_text .item.accent_sage .outer_wrap { border-left: 1px solid rgba(153,188,155,0.5); } .columned_text .item a:hover .text_link { color: #70838D; padding-right: 18px; } .columned_text .item a:hover .text_link svg { fill: #70838D !important; } @media screen and (min-width: 0px) and (max-width: 660px) { .columned_text .item h3 { font-size: 2.4em; } } /* Four Across */ .columned_text .four_across .item { float: left; width: 23.5%; margin: 30px 2% 0 0; } .columned_text .four_across .item:nth-child(4n) { margin-right: 0; } .columned_text .four_across .item:nth-child(1), .columned_text .four_across .item:nth-child(2), .columned_text .four_across .item:nth-child(3), .columned_text .four_across .item:nth-child(4) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .columned_text .four_across .item { width: 48%; margin-right: 4%; } .columned_text .four_across .item:nth-child(2n) { margin-right: 0; } .columned_text .four_across .item:nth-child(3), .columned_text .four_across .item:nth-child(4) { margin-top: 30px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .columned_text .four_across .item { width: 100%; } .columned_text .four_across .item:nth-child(2) { margin-top: 30px; } } /*------------*/ /*--- Compare Plans ---*/ .compare_plans { } .compare_plans .wrap { overflow-x: auto !important; } .compare_plans .row { border-top: 1px solid #B7C1C6; overflow: hidden; } .compare_plans .row:last-child .col { border-radius: 0 0 6px 6px; } .compare_plans .col { float: left; width: 18.5%; text-align: center; margin: 0 1% 0 0; } .compare_plans .col:last-child { margin-right: 0; } .compare_plans .col_label { width: 59%; font-size: 18px; text-align: left; margin-right: 3%; } .compare_plans .col .inner_wrap { padding: 20px 10px; } .compare_plans .col .inner_wrap i { display: inline-block; width: 20px; height: 16px; } .compare_plans .col_label .inner_wrap { line-height: 1.3em; padding: 20px; } .compare_plans .col_fee { font-size: 24px; font-weight: 600; } .compare_plans .col_fee .inner_wrap { padding: 10px; } .compare_plans .col_fee span { display: block; font-size: 0.9em; font-weight: 400; padding: 4px 0 0 0; opacity: 0.5; } .compare_plans .col_fee span small { font-size: 0.7em; } .compare_plans .title_row { color: #FFF; border-top: none; } .compare_plans .title_row h4 { font-size: 22px; margin: 0; } .compare_plans .title_row .col { border-radius: 6px 6px 0 0; } .compare_plans .title_row .col .inner_wrap { padding: 14px; } .compare_plans .col.theme_light_blue { background-color: rgba(0,131,170,0.1); } .compare_plans .title_row .col.theme_light_blue { background-color: #0083AA; } .compare_plans .col.theme_dark_blue { background-color: rgba(10,57,89,0.1); } .compare_plans .title_row .col.theme_dark_blue { background-color: #0A3959; } .compare_plans .scroll_prompt { display: none; height: 2px; font-size: 14px; text-transform: uppercase; background-color: #303541; } .compare_plans .scroll_prompt span { position: absolute; right: 30px; line-height: 20px; color: #FFF; background-color: #303541; padding: 0 10px; margin-top: -10px; border-radius: 6px; } .compare_plans .scroll_prompt.top { position: sticky; right: 0; left: 0; } @media screen and (min-width: 0px) and (max-width: 720px) { .compare_plans .col { width: 20%; } .compare_plans .col_label { width: 59%; margin-right: 0; } .compare_plans .col_fee { font-size: 22px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .compare_plans .col_fee { font-size: 21px; } .compare_plans .title_row h4 { font-size: 20px; } } @media screen and (min-width: 0px) and (max-width: 560px) { .compare_plans .col { width: 24.5%; } .compare_plans .col_label { width: 50%; font-size: 17px; } .compare_plans .col_fee { font-size: 20px; } .compare_plans .title_row h4 { font-size: 18px; } } @media screen and (min-width: 0px) and (max-width: 520px) { .compare_plans .row { width: 100%; min-width: 520px; } .compare_plans .col .inner_wrap { padding: 12px; } .compare_plans .col_label { font-size: 16px; } .compare_plans .col_label .inner_wrap { padding-left: 0; } .compare_plans .scroll_prompt { display: block; } } /*------------*/ /*--- Divide Line ---*/ .divide_line { } .divide_line .line { width: 100%; background-color: #D2D2D2; } .divide_line .line.slim { height: 1px; } .divide_line .line.standard { height: 2px; } .divide_line .line.thick { height: 4px; } /*------------*/ /*--- Home Carousel ---*/ /* OLD .home_carousel { max-width: 1440px; margin: 0 auto; background-color: #F5F1EF; } .home_carousel .wrap { max-width: 1680px; margin: 0 auto; } .home_carousel .slide { position: relative; height: 440px; overflow: hidden; } .home_carousel .slide .text { position: absolute; top: 20%; z-index: 3; } .home_carousel .slide .graphic { position: absolute; right: 0; z-index: 1; } @media screen and (min-width: 1025px) and (max-width: 1279px) { .home_carousel .slide { height: 380px; } } @media screen and (min-width: 900px) and (max-width: 1024px) { .home_carousel .slide { height: 360px; } .home_carousel .slide .text { max-width: 40%; } } @media screen and (min-width: 0px) and (max-width: 899px) { .home_carousel .slide { height: 400px; } .home_carousel .slide .text { position: relative; max-width: 400px; text-align: center; padding: 30px 0; margin: 0 auto; } } /* Owl - Home Slider */ /* OLD .home_slider.owl-theme .owl-controls { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0; } .home_slider.owl-theme .owl-controls .owl-page span { width: 10px; height: 10px; margin: 5px; background-color: transparent; border: 2px solid #70838D; } .home_slider.owl-theme .owl-controls .owl-page.active span { background-color: #70838D; } /*- Rightmove Slide -*/ /* OLD .home_carousel .slide.rightmove .text { max-width: 480px; } .home_carousel .slide.rightmove .graphic { bottom: 0; right: -110px; max-width: 833px; } .home_carousel .slide.rightmove .graphic img { width: auto; height: 100%; vertical-align: bottom; } @media screen and (min-width: 1440px) { .home_carousel .slide.rightmove .graphic img { height: inherit; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .home_carousel .slide.rightmove .graphic { right: -200px; } .home_carousel .slide.rightmove .graphic img { height: inherit; } } @media screen and (min-width: 900px) and (max-width: 1279px) { .home_carousel .slide.rightmove .text { max-width: 40%; } .home_carousel .slide.rightmove .graphic { height: 300px; right: -110px; } } @media screen and (min-width: 900px) and (max-width: 1024px) { .home_carousel .slide.rightmove .text { max-width: 40%; } .home_carousel .slide.rightmove .graphic { right: -160px; } } @media screen and (min-width: 0px) and (max-width: 899px) { .home_carousel .slide.rightmove .text { max-width: 400px; } .home_carousel .slide.rightmove .graphic { left: 0; right: 0; max-width: 480px; text-align: center; margin: 0 auto; } .home_carousel .slide.rightmove .graphic img { height: auto; } } @media screen and (min-width: 400px) and (max-width: 899px) { .home_carousel .slide.rightmove .graphic { bottom: -15%; } } /*- Award Slide -*/ /* OLD .home_carousel .slide.award .text { max-width: 426px; } .home_carousel .slide.award .graphic { top: 22%; right: 10%; max-width: 610px; } .home_carousel .slide.award .graphic img { width: auto; vertical-align: top; } @media screen and (min-width: 900px) and (max-width: 1279px) { .home_carousel .slide.award .text { width: 35%; } .home_carousel .slide.award .graphic { width: 55%; left: 43%; right: auto; } } @media screen and (min-width: 0px) and (max-width: 899px) { .home_carousel .slide.award .text { max-width: 320px; padding-bottom: 20px; } .home_carousel .slide.award .graphic { top: auto; left: 20px; right: 20px; max-width: 460px; text-align: center; margin: 0 auto; } } @media screen and (min-width: 0px) and (max-width: 399px) { .home_carousel .slide.award .text { max-width: 300px; } .home_carousel .slide.award .graphic { top: auto; right: 20px; bottom: 45px; left: 20px; } } /*- Multi-Awards Slide -*/ /* OLD .home_carousel .slide.awards .text { max-width: 426px; } .home_carousel .slide.awards .graphic { bottom: 0; right: 0; max-width: 730px; } .home_carousel .slide.awards .graphic img { width: auto; vertical-align: top; } .home_carousel .slide.awards .graphic .tablet { display: none; } @media screen and (min-width: 900px) and (max-width: 1279px) { .home_carousel .slide.awards .text { width: 35%; } .home_carousel .slide.awards .graphic { right: -50px; max-width: 660px; } } @media screen and (min-width: 900px) and (max-width: 1024px) { .home_carousel .slide.awards .graphic { right: -70px; max-width: 600px; } } @media screen and (min-width: 0px) and (max-width: 899px) { .home_carousel .slide.awards .text { max-width: 320px; padding-bottom: 20px; } .home_carousel .slide.awards .graphic { left: 20px; right: 20px; bottom: 70px; max-width: 600px; text-align: center; margin: 0 auto; } .home_carousel .slide.awards .graphic .main { display: none; } .home_carousel .slide.awards .graphic .tablet { display: block; } } @media screen and (min-width: 0px) and (max-width: 421px) { .home_carousel .slide.awards .graphic { left: 20px; right: 0; bottom: -40px; max-width: 460px; text-align: center; margin: 0 auto; } .home_carousel .slide.awards .graphic .main { display: block; } .home_carousel .slide.awards .graphic .tablet { display: none; } } @media screen and (min-width: 0px) and (max-width: 420px) { .home_carousel .slide.awards .graphic { right: 0; bottom: 0; left: 20px; } } @media screen and (min-width: 0px) and (max-width: 399px) { .home_carousel .slide.awards .text { max-width: 300px; } } /*- Reviews Slide -*/ /* OLD .home_carousel .slide.reviews .text { max-width: 441px; } .home_carousel .slide.reviews .graphic { bottom: 0; right: 8%; max-width: 593px; } .home_carousel .slide.reviews .graphic img { width: auto; vertical-align: bottom; } @media screen and (min-width: 1080px) and (max-width: 1279px) { .home_carousel .slide.reviews .graphic { right: 40px; } } @media screen and (min-width: 900px) and (max-width: 1079px) { .home_carousel .slide.reviews .text { max-width: 37%; } .home_carousel .slide.reviews .graphic { right: -20px; } } @media screen and (min-width: 900px) and (max-width: 959px) { .home_carousel .slide.reviews .graphic { right: -60px; } } @media screen and (min-width: 0px) and (max-width: 899px) { .home_carousel .slide.reviews .text { max-width: 320px; padding-bottom: 20px; } .home_carousel .slide.reviews .graphic { position: relative; right: 0; max-width: 500px; margin: -45px auto 0 auto; } } @media screen and (min-width: 0px) and (max-width: 520px) { .home_carousel .slide.reviews .graphic { width: 110%; left: -5%; right: -5%; margin-top: -8px; } } @media screen and (min-width: 0px) and (max-width: 399px) { .home_carousel .slide.reviews .text { max-width: 300px; } .home_carousel .slide.reviews .graphic { position: absolute; width: 90%; left: 5%; right: 5%; bottom: -20px; margin-top: 0; } } /*- GetAgent Slide -*/ /* OLD .home_carousel .slide.getagent .text { max-width: 423px; } .home_carousel .slide.getagent .graphic { top: 50%; right: 8%; max-width: 544px; margin-top: -160px; } .home_carousel .slide.getagent .graphic img { width: auto; vertical-align: bottom; } @media screen and (min-width: 900px) and (max-width: 1279px) { .home_carousel .slide.getagent .graphic { right: 20px; } } @media screen and (min-width: 900px) and (max-width: 1079px) { .home_carousel .slide.getagent .text { max-width: 37%; } } @media screen and (min-width: 0px) and (max-width: 899px) { .home_carousel .slide.getagent .text { max-width: 320px; padding-bottom: 20px; } .home_carousel .slide.getagent .graphic { position: relative; top: auto; right: 0; max-width: 370px; margin: -10px auto 0 auto; } } @media screen and (min-width: 0px) and (max-width: 399px) { .home_carousel .slide.getagent .text { max-width: 300px; } } /*- Gold Winner Slide -*/ /* OLD .home_carousel .slide.gold .text { top: 22%; max-width: 556px; } .home_carousel .slide.gold .graphic { top: 0; bottom: 0; text-align: right; } .home_carousel .slide.gold .graphic img { height: 100%; } .home_carousel .slide.gold .graphic .tablet { display: none; } @media screen and (min-width: 1025px) and (max-width: 1120px) { .home_carousel .slide.gold .graphic { right: -60px; } } @media screen and (min-width: 900px) and (max-width: 1040px) { .home_carousel .slide.gold .text { max-width: 50%; } .home_carousel .slide.gold .graphic { right: -100px; } } @media screen and (min-width: 0px) and (max-width: 899px) { .home_carousel .slide.gold .text { max-width: 400px; padding-bottom: 20px; } .home_carousel .slide.gold .graphic { position: relative; top: auto; right: 0; max-width: 400px; margin: -10px auto 0 auto; } .home_carousel .slide.gold .graphic img { height: auto; } .home_carousel .slide.gold .graphic .main { display: none; } .home_carousel .slide.gold .graphic .tablet { display: block; } } @media screen and (min-width: 0px) and (max-width: 375px) { .home_carousel .slide.gold .graphic { margin-top: 0; } .home_carousel .slide.gold .graphic .tablet { margin: 0 -30px; } } */ /*------------*/ /*--- Icon Grid ---*/ .icon_grid { } .icon_grid ul { font-size: 0; line-height: 0; text-align: center; margin-top: -15px; } .icon_grid ul li { position: relative; display: inline-block; height: 50px; font-size: 18px; line-height: 22px; text-align: left; font-weight: 600; color: #0083AA; padding: 2px 0 0 70px; margin: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .icon_grid ul li i { position: absolute; top: 0; left: 0; width: 50px; height: 50px; } .icon_grid ul li i svg { width: 100%; height: 100%; } .icon_grid.text_white ul li { color: #FFF; } @media screen and (min-width: 0px) and (max-width: 640px) { .icon_grid ul li { width: 50%; height: 70px; padding-top: 20px; margin: 15px 0 0 0; border-top: 1px solid #B7C1C6; } .icon_grid ul li i { top: 15px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .icon_grid ul li { height: 60px; font-size: 16px; line-height: 20px; padding: 17px 0 0 60px; } .icon_grid ul li i { width: 44px; height: 44px; } } @media screen and (min-width: 375px) and (max-width: 390px) { .icon_grid ul li { font-size: 15px; } } @media screen and (min-width: 0px) and (max-width: 374px) { .icon_grid ul li { display: block; width: 100%; } } /*------------*/ /*--- Illustration FW ---*/ .illustration_fw { text-align: center; margin-top: -290px; } .illustration_fw .illustration { height: 400px; background-position: center center; background-repeat: no-repeat; background-size: 1552px 400px; } @media screen and (min-width: 0px) and (max-width: 1440px) { .illustration_fw { margin-top: -250px; } .illustration_fw .illustration { height: 340px; background-size: 1318px 340px; } } @media screen and (min-width: 0px) and (max-width: 1080px) { .illustration_fw { margin-top: -210px; } .illustration_fw .illustration { height: 290px; background-size: 1125px 290px; } } @media screen and (min-width: 0px) and (max-width: 900px) { .illustration_fw { margin-top: -180px; } .illustration_fw .illustration { height: 250px; background-size: 970px 250px; } } @media screen and (min-width: 0px) and (max-width: 660px) { .illustration_fw { margin-top: -170px; } .illustration_fw .illustration { height: 240px; background-size: 854px 220px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .illustration_fw { margin-top: -140px; } .illustration_fw .illustration { height: 180px; background-size: 698px 180px; } } /*- Restricted Version -*/ .illustration_fw.restricted { margin-top: -210px; } .illustration_fw.restricted .illustration { height: 290px; background-size: 1125px 290px; } @media screen and (min-width: 0px) and (max-width: 900px) { .illustration_fw.restricted { margin-top: -180px; } .illustration_fw.restricted .illustration { height: 250px; background-size: 970px 250px; } } @media screen and (min-width: 0px) and (max-width: 660px) { .illustration_fw.restricted { margin-top: -170px; } .illustration_fw.restricted .illustration { height: 240px; background-size: 854px 220px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .illustration_fw.restricted { margin-top: -140px; } .illustration_fw.restricted .illustration { height: 180px; background-size: 698px 180px; } } /*- Right Aligned Verison -*/ .illustration_fw.right_aligned { margin-top: -175px; } .illustration_fw.right_aligned .illustration { height: 240px; background-position: right center; background-size: 931px 240px; } @media screen and (min-width: 2240px) { .illustration_fw.right_aligned { margin-right: 17%; } } @media screen and (min-width: 1921px) and (max-width: 2239px) { .illustration_fw.right_aligned { margin-right: 10%; } } @media screen and (min-width: 1680px) and (max-width: 1920px) { .illustration_fw.right_aligned { margin-right: 5%; } } @media screen and (min-width: 1580px) and (max-width: 1679px) { .illustration_fw.right_aligned { margin-right: 2%; } } @media screen and (min-width: 0px) and (max-width: 960px) { .illustration_fw.right_aligned { margin-top: -145px; } .illustration_fw.right_aligned .illustration { height: 200px; background-position: center center; background-size: 776px 200px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .illustration_fw.right_aligned { margin-top: -100px; } .illustration_fw.right_aligned .illustration { height: 140px; background-size: 543px 140px; } } /*- Inline Version -*/ .illustration_fw.inline { margin-top: 0; } .illustration_fw.inline .illustration { height: inherit; margin: 0 auto; } .illustration_fw.inline .illustration .bkgd_bar { position: absolute; right: 0; bottom: -2px; left: 0; height: 28%; background-color: #303541; z-index: -1; } .illustration_fw.inline .illustration img { width: 100%; } .illustration_fw.inline .illustration.medium_width img { max-width: 720px; } /*------------*/ /*--- Inline CTA ---*/ .inline_cta { } .inline_cta .wrap { padding: 20px 180px 0 20px; border-top: 1px solid #B7C1C6; overflow: hidden; } .inline_cta .col { float: left; width: 45%; } .inline_cta .col_wide { width: 50%; } .inline_cta .the_btn { position: absolute; top: 20px; right: 20px; } .inline_cta h4 { font-size: 2.25em; line-height: 45px; color: #0A3959; } .inline_cta h4 i { padding: 0 10px 0 0; } .inline_cta h4 svg { fill: #0A3959; vertical-align: top; } .inline_cta.accent_sage h4 svg { fill: #99BC9B; } @media screen and (min-width: 661px) and (max-width: 900px) { .inline_cta .col { float: none; width: 100%; max-width: 540px; } .inline_cta .the_btn { top: 50%; margin-top: -8px; } } @media screen and (min-width: 0px) and (max-width: 660px) { .inline_cta .wrap { padding-right: 20px; } .inline_cta .col { float: none; width: 100%; text-align: center; } .inline_cta .the_btn { position: relative; top: auto; right: auto; text-align: center; margin: 20px auto 0 auto; } } @media screen and (min-width: 0px) and (max-width: 390px) { .inline_cta .wrap { padding-left: 0; padding-right: 0; } } /*------------*/ /*--- Instant Valuation ---*/ .instant_valuation { } .instant_valuation .graphic { position: absolute; top: 0; right: 0; max-width: 500px; z-index: -1; } .instant_valuation .content { max-width: 580px; padding: 20px 0; } .instant_valuation .title h1 { font-size: 3.5em; } .instant_valuation .copy { max-width: 520px; } .instant_valuation .copy h4 { font-size: 2.125em; color: #303541; } .instant_valuation .copy p { font-size: 1.1875em; } .instant_valuation .buttons { padding: 8px 0 14px 0; } .instant_valuation .buttons .btn { margin: 0 6px 6px 0; } .instant_valuation .buttons .btn:last-child { margin-right: 0; } .instant_valuation .ivsales, .instant_valuation .ivrental { padding: 6px 0 0 0; margin: 0 0 20px 0; background-color: #EAEAEB; } .instant_valuation .ivsales .marker, .instant_valuation .ivrental .marker { position: absolute; top: -100px; } .instant_valuation .ivsales iframe, .instant_valuation .ivrental iframe { margin: 0; } .instant_valuation .small_print { font-size: 0.79em; opacity: 0.7; padding: 16px 0; margin: 10px 0 0 0; border-top: 1px solid #D2D2D2; border-bottom: 1px solid rgba(48,53,65,0.2); } .instant_valuation .small_print p { line-height: 1.3em; } .instant_valuation .small_print p:last-child { margin-bottom: 0; } .instant_valuation ul.contacts { padding: 20px 0 0 0; } .instant_valuation ul.contacts { float: left; font-size: 0; line-height: 0; color: #47505A; } .instant_valuation ul.contacts a { color: #47505A; } .instant_valuation ul.contacts a:hover, .instant_valuation ul.contacts a:active, .instant_valuation ul.contacts a:focus { color: rgba(71,80,90,0.85); } .instant_valuation ul.contacts li { display: inline-block; font-size: 28px; line-height: 38px; font-weight: 200; padding: 0; margin: 0 20px 0 0; } .instant_valuation ul.contacts li:last-child { margin-right: 0; } .instant_valuation ul.contacts li.intro_text { display: block; font-size: 15px; line-height: 18px; font-weight: 400; text-transform: uppercase; margin: 0 0 6px 0; } .instant_valuation ul.contacts li a { background-repeat: no-repeat; background-position: left center; } .instant_valuation ul.contacts li.tel a { padding: 0 0 0 30px; background-image: url(_images/common/icon-tel-large-mid-grey.svg); } .instant_valuation ul.contacts li.email a { padding: 0 0 0 38px; background-image: url(_images/common/icon-email-large-mid-grey.svg); } /*.instant_valuation ul.contacts li.location a { padding: 0 0 0 32px; background-image: url(_images/common/icon-location-large-mid-grey.svg); }*/ @media screen and (min-width: 1024px) and (max-width: 1060px) { .instant_valuation .graphic { max-width: 460px; } } @media screen and (min-width: 901px) and (max-width: 1023px) { .instant_valuation .graphic { max-width: 40%; } .instant_valuation .content { padding: 0; } } @media screen and (min-width: 769px) and (max-width: 900px) { .instant_valuation .graphic { max-width: 39%; } .instant_valuation .content { max-width: 60%; padding: 0; } .instant_valuation .title h1 { font-size: 2.75em; } .instant_valuation .copy h4 { font-size: 1.75em; } } @media screen and (min-width: 0px) and (max-width: 768px) { .instant_valuation { padding-top: 40px; } .instant_valuation { padding-bottom: 40px; } .instant_valuation .graphic { position: relative; top: 0; right: 0; max-width: 500px; margin: 0 auto 20px auto; } .instant_valuation .content { max-width: 500px; padding: 0; margin: 0 auto; } .instant_valuation .title h1 { font-size: 2.75em; } .instant_valuation .copy h4 { font-size: 1.75em; } } @media screen and (min-width: 0px) and (max-width: 767px) { .instant_valuation .ivsales .marker, .instant_valuation .ivrental .marker { top: -136px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .instant_valuation .graphic { max-width: 90%; } .instant_valuation .title h1 { font-size: 2.5em; } .instant_valuation .copy h4 { font-size: 1.5em; } .instant_valuation ul.contacts li { font-size: 22px; line-height: 28px; } .instant_valuation ul.contacts li.tel a { padding-left: 22px; background-size: 15px 20px; } .instant_valuation ul.contacts li.email a { padding-left: 28px; background-size: 19px 12px; } .instant_valuation ul.contacts li.location a { padding-left: 22px; background-size: 15px 20px; } } @media screen and (min-width: 0px) and (max-width: 400px) { .instant_valuation .buttons .btn { display: block; margin-right: 0; } } /*------------*/ /*--- Landlord Plans ---*/ .landlord_plans { } .landlord_plans .plan { position: relative; background-color: #FFF; border-radius: 6px; box-shadow: 0px 4px 10px rgba(0,0,0,0.15); } .landlord_plans .plan .recommended { position: absolute; top: -3px; left: -3px; width: 104px; height: 104px; } .landlord_plans .plan .recommended svg { width: 100%; height: 100%; } .landlord_plans .plan .title { text-align: center; padding: 30px 20px; border-bottom: 6px solid rgb(255,255,255,0.5); border-radius: 6px 6px 0 0; } .landlord_plans .plan .title h3 { font-size: 36px; margin-bottom: 0; } .landlord_plans .plan .title h4 { font-size: 24px; margin: 12px 0 0 0; } .landlord_plans .plan .title h4 span { font-size: 0.9em; font-weight: 400; padding: 0 0 0 6px; opacity: 0.5; } .landlord_plans .plan .title h4 span small { font-size: 0.7em; } .landlord_plans .plan .desc { padding: 20px 30px; border-left: 1px solid #D9DADE; border-right: 1px solid #D9DADE; } .landlord_plans .plan .desc p { font-size: 17px; } .landlord_plans .plan .desc ul { margin: 20px 0 0 0; } .landlord_plans .plan .desc ul li { position: relative; font-size: 18px; padding: 0 0 0 30px; margin: 0 0 14px 0; } .landlord_plans .plan .desc ul li:last-child { margin-bottom: 0; } .landlord_plans .plan .desc ul li i { position: absolute; top: 2px; left: 0; width: 18px; height: 14px; } .landlord_plans .plan .desc ul li.label { font-size: 22px; padding: 0; margin-bottom: 20px; } .landlord_plans .plan .desc ul li.label b { display: inline-block; } .landlord_plans .plan .compare { position: relative; font-size: 17px; font-weight: 600; text-align: center; padding: 20px 30px 20px 30px; border-left: 1px solid #D9DADE; border-right: 1px solid #D9DADE; } .landlord_plans .plan .compare .bkgd_line { position: absolute; top: 50%; left: 30px; right: 30px; height: 1px; background-color: #B7C1C6; } .landlord_plans .plan .compare span { position: relative; display: inline-block; padding: 0 12px; background-color: #FFF; z-index: 1; } .landlord_plans .plan .cta { padding: 30px; border-radius: 0 0 6px 6px; } .landlord_plans .plan .cta .btn { display: block; } /* Light Blue Theme */ .landlord_plans .plan.theme_light_blue .title { background-color: #0083AA; } .landlord_plans .plan.theme_light_blue .cta { background-color: rgba(0,131,170,0.25); } .landlord_plans .plan.theme_light_blue .btn { background-color: #0083AA; } .landlord_plans .plan.theme_light_blue .compare a { color: #0083AA; } /* Dark Blue Theme */ .landlord_plans .plan.theme_dark_blue .title { background-color: #0A3959; } .landlord_plans .plan.theme_dark_blue .cta { background-color: rgba(10,57,89,0.25); } .landlord_plans .plan.theme_dark_blue .btn { background-color: #0A3959; } .landlord_plans .plan.theme_dark_blue .compare a { color: #0A3959; } /* Common */ .landlord_plans .plan .btn:hover, .landlord_plans .plan .btn:active, .landlord_plans .plan .btn:focus { background-color: #2E3438; } .landlord_plans .plan .compare a:hover, .landlord_plans .plan .compare a:active, .landlord_plans .plan .compare a:focus { color: #2E3438; } @media screen and (min-width: 0px) and (max-width: 428px) { .landlord_plans .plan .title { padding: 24px 16px; } .landlord_plans .plan .title h3 { font-size: 32px; } .landlord_plans .plan .title h4 { font-size: 21px; } } @media screen and (min-width: 0px) and (max-width: 390px) { .landlord_plans .plan .recommended { width: 90px; height: 90px; } } @media screen and (min-width: 0px) and (max-width: 359px) { .landlord_plans .plan .recommended { width: 80px; height: 80px; } } /* Two Across */ .landlord_plans .two_across { max-width: 860px; } .landlord_plans .two_across .plan { float: left; width: 46.5%; margin: 4% 7% 0 0; } .landlord_plans .two_across .plan:nth-child(2n) { margin-right: 0; } .landlord_plans .two_across .plan:nth-child(1), .landlord_plans .two_across .plan:nth-child(2) { margin-top: 0; } @media screen and (min-width: 661px) and (max-width: 810px) { .landlord_plans .two_across .plan { width: 48%; margin-right: 4%; } } @media screen and (min-width: 661px) and (max-width: 760px) { .landlord_plans .two_across .plan .recommended { width: 84px; height: 84px; } } @media screen and (min-width: 0px) and (max-width: 660px) { .landlord_plans .two_across { max-width: 480px; } .landlord_plans .two_across .plan { width: 100%; margin: 0 0 30px 0; } .landlord_plans .two_across .plan:last-child { margin-bottom: 0; } } /*------------*/ /*--- News Grid ---*/ .news_grid { } .news_grid .item { } .news_grid .item a { display: block; } .news_grid .item a:hover h4 { color: #0083AA; } .news_grid .item .photo { margin: 0 0 22px 0; } .news_grid .item .photo p { margin: 0; } .news_grid .item .photo img { width: 100%; border-radius: 6px; } .news_grid .item .desc { position: relative; min-height: 80px; padding: 0 100px 0 0; } .news_grid .item .desc h4 { font-size: 1.375em; color: #2E3438; } .news_grid .item .desc .meta { font-size: 15px; text-transform: uppercase; color: #70838D; } .news_grid .item .desc .date { position: absolute; top: 0; right: 0; bottom: 0; width: 70px; text-transform: uppercase; padding: 0 0 0 14px; border-left: 1px solid transparent; } .news_grid .item .desc .date .side_tab { position: absolute; top: 0; left: 0; width: 4px; height: 42px; opacity: 0.5; } .news_grid .item .desc .date .day { font-size: 3em; line-height: 1em; font-weight: 600; color: #0A3959; } .news_grid .item .desc .date .month { font-size: 15px; color: #70838D; } .news_grid.accent_blue .item .desc .date { border-color: rgba(0,131,170,0.5); } .news_grid.accent_purple .item .desc .date { border-color: rgba(155,151,188,0.5); } .news_grid.accent_sage .item .desc .date { border-color: rgba(153,188,155,0.5); } /* Three Across */ .news_grid .three_across { overflow: hidden; } .news_grid .three_across .item { float: left; width: 31.33%; margin: 3% 3% 0 0; } .news_grid .three_across .item:nth-child(3n) { margin-right: 0; } .news_grid .three_across .item:nth-child(1), .news_grid .three_across .item:nth-child(2), .news_grid .three_across .item:nth-child(3) { margin-top: 0; } .news_grid.related .three_across .item:nth-child(4) { display: none; } @media screen and (min-width: 601px) and (max-width: 920px) { .news_grid .three_across .item { width: 48%; margin: 4% 4% 0 0; } .news_grid .three_across .item:nth-child(3n) { margin-right: 4%; } .news_grid .three_across .item:nth-child(2n) { margin-right: 0; } .news_grid .three_across .item:nth-child(3) { margin-top: 4%; } .news_grid.related .three_across .item:nth-child(4) { display: block; } } @media screen and (min-width: 601px) and (max-width: 767px) { .news_grid .item .desc h4 { font-size: 1.2em; } .news_grid .item .desc .date .side_tab { height: 34px; } .news_grid .item .desc .date .day { font-size: 2.5em; } } @media screen and (min-width: 0px) and (max-width: 600px) { .news_grid .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .news_grid .three_across .item:first-child { margin-top: 0 !important; } } @media screen and (min-width: 0px) and (max-width: 480px) { .news_grid .item .desc .date .side_tab { height: 34px; } .news_grid .item .desc .date .day { font-size: 2.5em; } } /*------------*/ /*--- Photo Strip ---*/ .photo_strip .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; } .photo_strip.short { height: 135px; } .photo_strip.standard { height: 270px; } .photo_strip.tall { height: 360px; } /* Inline Version */ .photo_strip.inline .wrap { max-width: 1920px; margin: 0 auto; } .photo_strip.inline img { width: 100%; height: auto; } @media screen and (min-width: 0px) and (max-width: 660px) { .photo_strip.inline .wrap { margin: 0 -100px; } } /*------------*/ /*--- Property Valuation ---*/ .property_valuation { padding: 200px 0 60px 0 !important; } .property_valuation .wrap { position: relative; max-width: 820px; z-index: 5; } .property_valuation .bkgd_photo { position: absolute; top: 20%; right: 0; bottom: 30%; left: 0; max-width: 1680px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.5; z-index: 0; } .property_valuation .bkgd_filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #F5F1EF; opacity: 0.5; z-index: 2; } .property_valuation .bkgd_top_grad { position: absolute; top: 0; right: 0; left: 0; height: 30%; background: -webkit-linear-gradient(top, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -o-linear-gradient(top, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -moz-linear-gradient(top, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: linear-gradient(to bottom, rgba(245,241,239,1), rgba(245,241,239,0)) !important; z-index: 1; } .property_valuation .bkgd_bottom_grad { position: absolute; bottom: 0; right: 0; left: 0; height: 30%; background: -webkit-linear-gradient(bottom, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -o-linear-gradient(bottom, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -moz-linear-gradient(bottom, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: linear-gradient(to top, rgba(245,241,239,1), rgba(245,241,239,0)) !important; z-index: 1; } .property_valuation .bkgd_left_grad { position: absolute; top: 0; bottom: 0; left: 0; width: 20%; background: -webkit-linear-gradient(left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -o-linear-gradient(left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -moz-linear-gradient(left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: linear-gradient(to right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; opacity: 0; z-index: 1; } .property_valuation .bkgd_right_grad { position: absolute; top: 0; right: 0; bottom: 0; width: 20%; background: -webkit-linear-gradient(right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -o-linear-gradient(right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -moz-linear-gradient(right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: linear-gradient(to left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; opacity: 0; z-index: 1; } @media screen and (min-width: 1520px) { .property_valuation .bkgd_left_grad, .property_valuation .bkgd_right_grad { opacity: 1; } } @media screen and (min-width: 0px) and (max-width: 1080px) { .property_valuation { padding-top: 160px !important; } } @media screen and (min-width: 0px) and (max-width: 767px) { .property_valuation { padding-top: 200px !important; } } @media screen and (min-width: 0px) and (max-width: 600px) { .property_valuation .bkgd_photo { display: none; } } @media screen and (min-width: 0px) and (max-width: 480px) { .property_valuation { padding-top: 160px !important; } } /*- Intro -*/ .property_valuation .valuation_intro { text-align: center; } .property_valuation .valuation_intro h1 { font-size: 3.5em; line-height: 1em; color: #0083AA; } .property_valuation .valuation_intro h2 { max-width: 660px; font-size: 1.625em; margin: 0 auto; } @media screen and (min-width: 0px) and (max-width: 900px) { .property_valuation .valuation_intro h1 { font-size: 3.2em; } .property_valuation .valuation_intro h2 { max-width: 600px; font-size: 1.5em; } } @media screen and (min-width: 0px) and (max-width: 660px) { .property_valuation .valuation_intro h2 { max-width: 480px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .property_valuation .valuation_intro h1 { font-size: 2.8em; } .property_valuation .valuation_intro h2 { font-size: 1.4em; } } @media screen and (min-width: 0px) and (max-width: 428px) { .property_valuation .valuation_intro h1 { font-size: 2.5em; } .property_valuation .valuation_intro h2 { font-size: 1.3em; } } @media screen and (min-width: 0px) and (max-width: 359px) { .property_valuation .valuation_intro h1 { font-size: 2.1em; } } /*- Highlights -*/ .property_valuation .valuation_highlights { margin: 60px 0 0 0; overflow: hidden; } .property_valuation .valuation_highlights .item { text-align: center; } .property_valuation .valuation_highlights .item .inner_wrap { position: relative; padding: 0 30px; border-right: 1px solid rgba(0,131,170,0.5); } .property_valuation .valuation_highlights .item .icon { margin: 0 auto 20px auto; } .property_valuation .valuation_highlights .item .icon svg { fill: #0083AA; } .property_valuation .valuation_highlights .item h3 { font-size: 1.375em; color: #0083AA; margin: 0 0 8px 0; } .property_valuation .valuation_highlights .item p { font-size: 1.25em; line-height: 1.2em; font-weight: 600; margin: 0; } .property_valuation .valuation_highlights .item .side_tab { position: absolute; top: 0; right: -4px; width: 4px; height: 60px; opacity: 0.5; } /* Three Across */ .property_valuation .valuation_highlights.three_across .item { float: left; width: 33.33%; } .property_valuation .valuation_highlights.three_across .item:last-child .inner_wrap { border-right: none; } .property_valuation .valuation_highlights.three_across .item:last-child .side_tab { display: none; } @media screen and (min-width: 0px) and (max-width: 660px) { .property_valuation .valuation_highlights { max-width: 450px; margin: 20px auto 0 auto; } .property_valuation .valuation_highlights .item { text-align: left; } .property_valuation .valuation_highlights .item .inner_wrap { padding: 20px 0 20px 80px; border-right: none; border-bottom: 1px solid rgba(0,131,170,0.5); } .property_valuation .valuation_highlights .item .icon { position: absolute; top: 50%; left: 0; margin-top: -30px; } .property_valuation .valuation_highlights .item .side_tab { display: none; } .property_valuation .valuation_highlights.three_across .item { width: 100%; } .property_valuation .valuation_highlights.three_across .item:last-child .inner_wrap { border-bottom: none; } } @media screen and (min-width: 0px) and (max-width: 428px) { .property_valuation .valuation_highlights .item .inner_wrap { padding-left: 68px; } .property_valuation .valuation_highlights .item h3 { font-size: 1.25em; margin: 0 0 4px 0; } .property_valuation .valuation_highlights .item p { font-size: 1.15em; } .property_valuation .valuation_highlights .item .icon { width: 48px; height: 48px; margin-top: -24px; } .property_valuation .valuation_highlights .item .icon svg { width: 100%; height: 100%; } } /*- Form -*/ .property_valuation .valuation_form { max-width: 538px; padding: 30px; background-color: #FFF; margin: 50px auto 20px auto; border: 1px solid #B7C0C6; box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.2); } @media screen and (min-width: 0px) and (max-width: 660px) { .property_valuation .valuation_form { margin-top: 30px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .property_valuation .valuation_form { margin-left: -20px; margin-right: -20px; border: none; box-shadow: none; } } @media screen and (min-width: 0px) and (max-width: 480px) { .property_valuation .valuation_form { padding: 20px; } } /*------------*/ /*--- Quotes ---*/ .quotes { } .quotes .quote { position: relative; padding: 60px 0 0 0; /* border-top: 1px solid #D2D2D2; */ } .quotes .quote .open_quote { position: absolute; top: 40px; left: 70px; width: 56px; } .quotes .quote .open_quote svg { width: 100%; height: auto; fill: #0083AA; } .quotes .quote .quote_text { font-size: 18px; font-style: italic; padding: 0 160px; } .quotes .quote .quote_text .quote_name { font-style: inherit; font-weight: 600; } .quotes .quote .quote_text .quote_name .organisation { color: #70838D; } @media screen and (min-width: 0px) and (max-width: 920px) { .quotes .quote .open_quote { left: 20px; } .quotes .quote .quote_text { padding: 0 20px 0 90px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .quotes .quote .open_quote { left: 10px; width: 36px; } .quotes .quote .quote_text { padding: 0 20px 0 60px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .quotes .quote .open_quote { top: 30px; left: 50%; margin-left: -18px; } .quotes .quote .quote_text { text-align: center; padding: 20px 10px 0 10px; } } /*------------*/ /*--- Reviews ---*/ .reviews { } .reviews .wrap { overflow: hidden; } .reviews .five_stars { padding: 20px 0 0 0; } .reviews .review { float: left; width: 30%; text-align: center; margin: 0 5% 0 0; } .reviews .review:last-child { margin: 0; } .reviews .review p { font-size: 18px; line-height: 1.3em; font-style: italic; margin: 0; } .reviews .review p.name { font-weight: 600; font-style: normal; padding: 6px 0 0 0; } .reviews .quote_mark_open { position: absolute; bottom: 30px; left: 16.66%; margin: 0 0 0 -30px; z-index: -1; } .reviews .quote_mark_close { position: absolute; bottom: 30px; right: 16.66%; margin: 0 -30px 0 0; z-index: -1; } @media screen and (min-width: 0px) and (max-width: 820px) { .reviews .review { width: 100%; margin: 0 0 20px 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { .reviews .quote_mark_open { left: 10%; } .reviews .quote_mark_close { right: 10%; } } @media screen and (min-width: 0px) and (max-width: 480px) { .reviews .quote_mark_open { left: 0%; } .reviews .quote_mark_close { right: 0%; } } /*------------*/ /*--- Reviews Grid ---*/ .reviews_grid { } .reviews_grid .item { position: relative; font-size: 18px; display: table; } .reviews_grid .item p { } .reviews_grid .item p.quote { line-height: 1.3em; font-style: italic; margin-bottom: 4px; } .reviews_grid .item p.name { font-weight: 600; padding-right: 40px; } .reviews_grid .item p.name span { color: #70838D; } .reviews_grid .item .star_rating .icon { height: 18px; } .reviews_grid .item .photo { position: absolute; right: 0; bottom: 0; width: 44px; height: 44px; font-size: 22px; line-height: 44px; text-align: center; font-weight: 600; color: rgba(255,255,255,0.4); background-color: #C8C6C7; border-radius: 50%; } /* One Across */ .reviews_grid .one_across .item { width: 100%; margin: 30px 0 0 0; } .reviews_grid .one_across .item:first-child { margin-top: 0 !important; } /* Three Across */ .reviews_grid .three_across { overflow: hidden; } .reviews_grid .three_across .item { float: left; width: 30.66%; margin: 4% 4% 0 0; } .reviews_grid .three_across .item:nth-child(3n) { margin-right: 0; } .reviews_grid .three_across .item:nth-child(1), .reviews_grid .three_across .item:nth-child(2), .reviews_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 767px) { .reviews_grid .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .reviews_grid .three_across .item:first-child { margin-top: 0 !important; } } /* If Standard Page */ .wideleftcol .reviews_grid .three_across .item { width: 48%; } .wideleftcol .reviews_grid .three_across .item:nth-child(3n) { margin-right: 4%; } .wideleftcol .reviews_grid .three_across .item:nth-child(2n) { margin-right: 0; } .wideleftcol .reviews_grid .three_across .item:nth-child(3) { display: none; } @media screen and (min-width: 521px) and (max-width: 767px) { .wideleftcol .reviews_grid .three_across .item { margin: 4% 4% 0 0 !important; } .wideleftcol .reviews_grid .three_across .item:nth-child(2n) { margin-right: 0 !important; } .wideleftcol .reviews_grid .three_across .item:nth-child(1), .wideleftcol .reviews_grid .three_across .item:nth-child(2) { margin-top: 0 !important; } } @media screen and (min-width: 0px) and (max-width: 520px) { .wideleftcol .reviews_grid .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .wideleftcol .reviews_grid .three_across .item:first-child { margin-top: 0 !important; } } /* Four Across */ .reviews_grid .four_across { overflow: hidden; } .reviews_grid .four_across .item { float: left; width: 22%; margin: 4% 4% 0 0; } .reviews_grid .four_across .item:nth-child(4n) { margin-right: 0; } .reviews_grid .four_across .item:nth-child(1), .reviews_grid .four_across .item:nth-child(2), .reviews_grid .four_across .item:nth-child(3), .reviews_grid .four_across .item:nth-child(4) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 1024px) { .reviews_grid .four_across .item { width: 48%; } .reviews_grid .four_across .item:nth-child(2n) { margin-right: 0; } .reviews_grid .four_across .item:nth-child(3), .reviews_grid .four_across .item:nth-child(4) { margin-top: 4%; } } @media screen and (min-width: 0px) and (max-width: 520px) { .reviews_grid .four_across .item { width: 100%; margin: 30px 0 0 0 !important; } .reviews_grid .four_across .item:first-child { margin-top: 0 !important; } } /* Refined / Carousel Version */ .reviews_grid .item .outer_wrap { display: table-cell; font-size: 16px; vertical-align: middle; } .reviews_grid .item .inner_wrap { background-color: #F0F5F0; border-radius: 20px; overflow: hidden; } .reviews_grid .item .quote_wrap { padding: 26px; } .reviews_grid .item .quote_wrap .star_rating { margin: 0 0 20px 0; } .reviews_grid .item .quote_wrap .star_rating .icon { height: 24px; } .reviews_grid .item .quote_wrap .star_rating .date { display: inline-block; line-height: 24px; padding: 0 0 0 12px; opacity: 0.5; } .reviews_grid .item .quote_wrap h4 { font-size: 1.25em; font-style: italic; margin: 0 0 12px 0; } .reviews_grid .item .attribution { position: relative; } .reviews_grid .item .attribution .photo { position: absolute; top: -22px; right: 26px; width: 44px; height: 44px; font-size: 22px; line-height: 44px; font-weight: 600; text-align: center; color: rgba(255,255,255,0.4); background-color: #99BC9B; border-radius: 50%; } .reviews_grid .item .attribution .attribution_wrap { font-size: 15px; font-weight: 600; padding: 10px 26px; background-color: #D6E4D7; } .reviews_grid .item .attribution .attribution_wrap span { color: rgba(46,52,56,0.6); } @media screen and (min-width: 0px) and (max-width: 390px) { .reviews_grid .item .quote_wrap .star_rating .date { display: block; padding: 4px 0 0 0; } } /* Colour Coding */ .reviews_grid .item:nth-child(2n) .inner_wrap { background-color: #F0EFF4; } .reviews_grid .item:nth-child(2n) .attribution .photo { background-color: #9B97BC; } .reviews_grid .item:nth-child(2n) .attribution .attribution_wrap { background-color: #D8D5E4; } .reviews_grid .owl-item:nth-child(2n) .item .inner_wrap { background-color: #F0EFF4; } .reviews_grid .owl-item:nth-child(2n) .item .attribution .photo { background-color: #9B97BC; } .reviews_grid .owl-item:nth-child(2n) .item .attribution .attribution_wrap { background-color: #D8D5E4; } /* Navigation */ .reviews_grid ul.reviews_navigation { line-height: 42px; text-align: center; margin: 30px auto 0 auto; } .reviews_grid ul.reviews_navigation li { display: inline-block; vertical-align: top; } .reviews_grid ul.reviews_navigation li svg { fill: #70838D; vertical-align: middle; } .reviews_grid ul.reviews_navigation li.prev, .reviews_grid ul.reviews_navigation li.next { padding: 0 20px; opacity: 0.5; cursor: pointer; } .reviews_grid ul.reviews_navigation li.prev:hover, .reviews_grid ul.reviews_navigation li.next:hover { opacity: 0.7; } /* Reviews with Comment */ .reviews_grid.reviews_with_comment .comment { margin: -35px 0 10px 0; } .reviews_grid.reviews_with_comment .comment .inner_wrap { background-color: #F4F5F4 !important; box-shadow: 0px 2px 4px rgba(0,0,0,0.15); } .reviews_grid.reviews_with_comment .comment .quote_wrap { position: relative; font-style: italic; padding: 60px 16px 16px 80px; } .reviews_grid.reviews_with_comment .comment .quote_wrap h4 { margin-bottom: 6px; } .reviews_grid.reviews_with_comment .comment .staff_photo { position: absolute; top: 50px; left: 16px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; overflow: hidden; } /*------------*/ /*--- Service Boxes ---*/ .service_boxes { } .service_boxes .container { max-width: 1440px; } .service_boxes .wrap { overflow: hidden; } .service_boxes .box { position: relative; float: left; width: 100%; height: 240px; text-align: center; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .service_boxes .box .button { position: relative; font-size: 1.5em; line-height: 240px; z-index: 3; } .service_boxes .box .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(55,61,65,0.5); } .service_boxes .box a:hover .filter { background-color: rgba(55,61,65,0.4); } .service_boxes .three_boxes .box { width: 33.33%; } @media screen and (min-width: 0px) and (max-width: 660px) { .service_boxes .box { height: 180px; } .service_boxes .box .button { line-height: 180px; } .service_boxes .three_boxes .box { width: 100%; } /*.service_boxes .three_boxes .box { width: 50%; } .service_boxes .three_boxes .box:last-child { width: 50%; margin: 0 25%; } */ } @media screen and (min-width: 0px) and (max-width: 520px) { .service_boxes .box .button { line-height: 180px; } .service_boxes .three_boxes .box { width: 100%; height: 180px; } .service_boxes .three_boxes .box:last-child { width: 100%; margin: 0; } } /*------------*/ /*--- Service Grid ---*/ .services_grid { } .services_grid .service { float: left; width: 25%; text-align: center; color: #FFF; background-color: #303541; cursor: pointer; } .services_grid .service a { display: block; color: #FFF; } .services_grid .service:hover, .services_grid .service:active, .services_grid .service:focus { background-color: #47505A; } .services_grid .service .outer_wrap { border: 1px solid #FFF; } .services_grid .service .inner_wrap { padding: 50px 20px 20px 20px; } .services_grid .service .icon { height: 110px; line-height: 110px; } .services_grid .service .icon img, .services_grid .service .icon svg { max-height: 110px; vertical-align: middle; } .services_grid .service .tab { width: 30%; height: 2px; margin: 20px auto; background-color: #9C99BE; } .services_grid .service .title { height: 50px; font-size: 1.5em; } @media screen and (min-width: 0px) and (max-width: 767px) { .services_grid .service { width: 33.33%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .services_grid .service { width: 50%; } .services_grid .service .icon { height: 60px; line-height: 60px; } .services_grid .service .icon img, .services_grid .service .icon svg { max-height: 60px; line-height: 60px; } .services_grid .service .title { font-size: 1.2em; } .services_grid .service.valuation svg, .services_grid .service.thinking_local svg { max-height: 50px; } .services_grid .service.jargon_buster svg { max-height: 40px; } } /*------------*/ /*--- Social Feed ---*/ .social_feed { } .social_feed .title_bar { padding: 20px 0; border-top: 1px solid #D2D2D2; overflow: hidden; } .social_feed .title_bar .col_left { position: relative; float: left; width: 60%; } .social_feed .title_bar .col_left .icon { position: absolute; top: 0; left: 0; } .social_feed .title_bar .col_left .copy { font-size: 17px; line-height: 1.3em; font-style: italic; padding: 0 0 0 70px; } .social_feed .title_bar .col_left .copy p { font-size: 17px; line-height: 1.3em; margin: 0; } .social_feed .title_bar .col_right { float: right; width: 40%; text-align: right; } .social_feed .instagram_feed .title_bar .col_left { width: 50%; } .social_feed .instagram_feed #sb_instagram { margin: 0 0 20px 0; } .social_feed .twitter_feed .title_bar { padding-bottom: 0; } .social_feed .twitter_feed .title_bar .col_left .copy a { color: #9C99BE; border-bottom: 1px solid transparent; } .social_feed .twitter_feed .title_bar .col_left .copy a:hover, .social_feed .twitter_feed .title_bar .col_left .copy a:active, .social_feed .twitter_feed .title_bar .col_left .copy a:focus { border-bottom-color: #9C99BE;} .social_feed .twitter_feed ul.good_old_twitter_widget li span.gotw_comma { display: none; } .social_feed .twitter_feed ul.good_old_twitter_widget li span { display: block; opacity: 0.5; } @media screen and (min-width: 0px) and (max-width: 767px) { .social_feed .title_bar .col_left { width: 100% !important; } .social_feed .title_bar .col_left .copy { padding: 0 0 0 60px; } .social_feed .title_bar .col_right { width: 100%; text-align: left; padding: 14px 0 0 0; } .social_feed .title_bar .col_right .btn { margin-left: 60px; } } /*------------*/ /*--- Staff Profile CTA ---*/ .staff_profile_cta { } .staff_profile_cta .wrap { overflow: visible; } .staff_profile_cta .photo { position: absolute; top: 50%; left: 0; width: 220px; height: 220px; line-height: 220px; text-align: center; margin-top: -110px; border-radius: 50%; overflow: hidden; } .staff_profile_cta .photo.no_radius { border-radius: 0; } .staff_profile_cta .text { padding-left: 260px; } .staff_profile_cta .text .outer_wrap { display: table; width: 100%; height: 100%; min-height: 220px; } .staff_profile_cta .text .inner_wrap { display: table-cell; vertical-align: middle; } .staff_profile_cta .text p { font-size: 1.125em; } .staff_profile_cta .text .buttons { padding: 10px 0 0 0; } @media screen and (min-width: 0px) and (max-width: 720px) { .staff_profile_cta .photo { width: 180px; height: 180px; line-height: 180px; margin-top: -90px; } .staff_profile_cta .text { padding-left: 220px; } .staff_profile_cta .text .outer_wrap { min-height: 180px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .staff_profile_cta .photo { top: 0; left: auto; right: 0; width: 100px; height: 100px; line-height: 100px; margin-top: 0; } .staff_profile_cta .text { padding: 0; } .staff_profile_cta .text .outer_wrap { min-height: inherit; } .staff_profile_cta .text h3, .staff_profile_cta .text p { padding-right: 120px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .staff_profile_cta .photo { top: -10px; } .staff_profile_cta .text p { padding-right: 0; } } @media screen and (min-width: 0px) and (max-width: 428px) { .staff_profile_cta .buttons .btn { display: block; margin: 0 0 10px 0; } } /*------------*/ /*--- Start Search ---*/ .start_search .searchbar { padding: 12px 0 20px 0; } .start_search .sstitle span { font-size: 1.375em; text-transform: uppercase; } /*------------*/ /*--- Team Members ---*/ .team_members { } .team_members .profile { } .team_members .profile .photo { } .team_members .profile .photo img, .team_members .profile .photo svg { width: 100%; height: 100%; border-radius: 6px; vertical-align: top; } .team_members .profile .details { padding: 20px 0 10px 0; } .team_members .profile .details h4 { font-size: 1.375em; color: #0A3959; margin: 0; } .team_members .profile .details h4 span { font-size: 0.8em; font-weight: 400; padding: 0 0 0 4px; } .team_members .profile .details h6 { font-size: 1.25em; color: #0083AA; margin: 4px 0 0 0; } /* Two Across */ .team_members .two_across { max-width: 720px; } .team_members .two_across .profile { float: left; width: 48%; margin: 4% 4% 0 0; } .team_members .two_across .profile:nth-child(2n) { margin-right: 0; } .team_members .two_across .profile:nth-child(1), .team_members .two_across .profile:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 480px) { .team_members .two_across .profile { width: 100%; margin: 30px 0 0 0 !important; } .team_members .two_across .profile:nth-child(1) { margin-top: 0 !important; } /* Two Across - Slim */ .team_members .two_across.slim .profile { width: 48%; font-size: 0.85em; margin: 4% 4% 0 0 !important; } .team_members .two_across.slim .profile:nth-child(2n) { margin-right: 0 !important; } .team_members .two_across.slim .profile:nth-child(1), .team_members .two_across.slim .profile:nth-child(2) { margin-top: 0 !important; } } /* Three Across */ .team_members .three_across .profile { float: left; width: 31.33%; margin: 3% 3% 0 0; } .team_members .three_across .profile:nth-child(3n) { margin-right: 0; } .team_members .three_across .profile:nth-child(1), .team_members .three_across .profile:nth-child(2), .team_members .three_across .profile:nth-child(3) { margin-top: 0; } @media screen and (min-width: 481px) and (max-width: 820px) { .team_members .three_across .profile { width: 48%; margin: 4% 4% 0 0; } .team_members .three_across .profile:nth-child(3n) { margin-right: 4%; } .team_members .three_across .profile:nth-child(2n) { margin-right: 0; } .team_members .three_across .profile:nth-child(3) { margin-top: 4%; } } @media screen and (min-width: 0px) and (max-width: 480px) { .team_members .three_across .profile { width: 100%; margin: 30px 0 0 0 !important; } .team_members .three_across .profile:nth-child(1) { margin-top: 0 !important; } } /* Three Across - Slim */ .team_members .three_across.slim .profile { width: 31.33%; margin: 3% 3% 0 0 !important; } .team_members .three_across.slim .profile:nth-child(3n) { margin-right: 0 !important; } .team_members .three_across.slim .profile:nth-child(1), .team_members .three_across.slim .profile:nth-child(2), .team_members .three_across.slim .profile:nth-child(3) { margin-top: 0 !important; } @media screen and (min-width: 0px) and (max-width: 660px) { .team_members .three_across.slim .profile { font-size: 0.85em; } } @media screen and (min-width: 0px) and (max-width: 540px) { .team_members .three_across.slim .profile { width: 48%; margin: 4% 4% 0 0 !important; } .team_members .three_across.slim .profile:nth-child(3n) { margin-right: 4% !important; } .team_members .three_across.slim .profile:nth-child(2n) { margin-right: 0 !important; } .team_members .three_across.slim .profile:nth-child(3) { margin-top: 4% !important; } .team_members .three_across.slim.count_3 .profile:nth-child(3) { margin-left: 24% !important; } } /*------------*/ /*--- Team Quote ---*/ .team_quote { } .team_quote .wrap { max-width: 980px; min-height: 250px; overflow: hidden; } .team_quote .wrap.has_award { max-width: 850px; padding-left: 130px; } .team_quote .award { position: absolute; top: 50%; left: 0; margin-top: -123px; } .team_quote .award .main { width: 88px; } .team_quote .award .alt { display: none; } .team_quote .award .alt img { max-height: 80px; } .team_quote .desc { position: relative; float: left; width: 64%; padding: 0 0 0 22px; margin: 0 0 0 4px; } .team_quote .desc .side_tab { position: absolute; top: 0; left: -4px; width: 4px; height: 80px; opacity: 0.5; } .team_quote .desc p { font-size: 19px; line-height: 1.3em; font-style: italic; } .team_quote .desc .name { padding: 20px 0 0 0; } .team_quote .desc h3 { color: #0A3959; margin: 0; } .team_quote .desc h5 { margin: 0; } .team_quote .photo { float: right; width: 28%; border-radius: 50%; overflow: hidden; } .team_quote.accent_blue .desc { border-left: 1px solid rgba(0,131,170,0.5); } .team_quote.accent_blue .desc h5 { color: #0083AA; } .team_quote.accent_purple .desc { border-left: 1px solid rgba(155,151,188,0.5); } .team_quote.accent_purple .desc h5 { color: #9B97BC; } .team_quote.accent_sage .desc { border-left: 1px solid rgba(153,188,155,0.5); } .team_quote.accent_sage .desc h5 { color: #99BC9B; } @media screen and (min-width: 0px) and (max-width: 767px) { .team_quote .wrap.has_award { padding-left: 0; } .team_quote .award { position: relative; top: auto; float: left; width: 100%; margin-top: 0; } .team_quote .award .main { display: none; } .team_quote .award .alt { display: block; margin: 20px 0 0 26px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .team_quote .desc { float: none; width: auto; } .team_quote .photo { width: 100px; margin: -75px 0 0 0; } .team_quote .award .alt { margin-top: 10px; } .team_quote .award .alt img { max-height: 60px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .team_quote .desc { padding-left: 14px; } .team_quote .photo { width: 80px; margin: -65px 0 0 0; } .team_quote .award .alt { margin-left: 18px; } } @media screen and (min-width: 0px) and (max-width: 390px) { .team_quote .photo { float: left; margin: 20px 0 0 18px; } .team_quote .award { width: auto; } .team_quote .award .alt { margin-top: 30px; } } /*------------*/ /*--- Text and Photo ---*/ .text_and_photo { } .text_and_photo .col { float: left; width: 48%; } .text_and_photo .photo { float: right; } .text_and_photo .text p, .text_and_photo .text ol, .text_and_photo .text ul { font-size: 17px; } .text_and_photo .cta_buttons .btn { margin: 0 8px 8px 0; } .text_and_photo .cta_buttons .btn:last-child { margin: 0; } .text_and_photo .photo img { width: 100%; } /* Photo Left */ .text_and_photo.photo_left .text { float: right; } .text_and_photo.photo_left .photo { float: left; } @media screen and (min-width: 0px) and (max-width: 768px) { .text_and_photo .col { float: none; width: inherit; } .text_and_photo .col.photo { padding: 20px 0 0 0; margin: 0 -20px; } } /*------------*/ /*--- Text and Photo - Refined ---*/ .text_and_photo.refined { } .text_and_photo.refined .outer_wrap { display: table; width: 100%; height: 100%; } .text_and_photo.refined .outer_wrap .inner_wrap { display: table-cell; vertical-align: middle; } .text_and_photo.refined h3 { max-width: 420px; font-size: 3em; color: #0A3959; } .text_and_photo.refined h3::after { content: '.'; } .text_and_photo.refined.accent_blue h3::after { color: #0083AA; } .text_and_photo.refined.accent_purple h3::after { color: #9B97BC; } .text_and_photo.refined.accent_sage h3::after { color: #99BC9B; } .text_and_photo.refined .col { width: 42%; } .text_and_photo.refined .col.photo { width: 54%; overflow: hidden; } @media screen and (min-width: 901px) { .text_and_photo.refined .col.photo img { border-radius: 6px; } .text_and_photo.refined .col.photo .embedcontainer { border-radius: 6px; overflow: hidden; } } @media screen and (min-width: 0px) and (max-width: 900px) { .text_and_photo.refined.reflow_no_padding_bottom { padding-bottom: 0; } .text_and_photo.refined .col { float: none; width: inherit; } .text_and_photo.refined .col.photo { width: inherit; padding: 20px 0 0 0; margin: 0 -20px; } .text_and_photo.refined.photo_first .col.photo { padding: 0 0 60px 0; } } /* @media screen and (min-width: 0px) and (max-width: 768px) { .text_and_photo.refined .col.photo { width: calc(100% + 40px); } } */ @media screen and (min-width: 0px) and (max-width: 660px) { .text_and_photo.refined h3 { font-size: 2.4em; } } /*------------*/ /*--- Text and Photo - Refined Square ---*/ .text_and_photo.refined.square .container { } .text_and_photo.refined.square .photo { width: 38%; } .text_and_photo.refined.square .photo .inner_wrap { position: relative; } .text_and_photo.refined.square .photo .image_wrap { padding: 0 20px 20px 0; } .text_and_photo.refined.square .photo .image_wrap p { margin: 0; } .text_and_photo.refined.square .photo .photo_shadow { position: absolute; top: 20px; right: 0; bottom: 0; left: 20px; background-color: #000; border-radius: 6px; z-index: -1; } .text_and_photo.refined.square .photo img { border-radius: 6px; } .text_and_photo.refined.square .text { width: 42%; } .text_and_photo.refined.square .text p { margin-bottom: 22px; } .text_and_photo.refined.square .text.font_size_22 p { font-size: 22px; } .text_and_photo.refined.square.photo_left .text { padding-right: 15%; } .text_and_photo.refined.square.photo_right .text { padding-left: 15%; } @media screen and (min-width: 0px) and (max-width: 1200px) { .text_and_photo.refined.square .container { max-width: 900px; } .text_and_photo.refined.square .text { width: 52%; } .text_and_photo.refined.square.photo_left .text { padding-right: 0%; } .text_and_photo.refined.square.photo_right .text { padding-left: 0%; } } @media screen and (min-width: 0px) and (max-width: 900px) { .text_and_photo.refined.square .outer_wrap { display: block; } .text_and_photo.refined.square .col { float: left; } .text_and_photo.refined.square .col.photo { padding: 0; margin: 0; } .text_and_photo.refined.square.photo_left .text, .text_and_photo.refined.square.photo_right .text { width: 57%; padding-left: 5%; } } @media screen and (min-width: 0px) and (max-width: 810px) { .text_and_photo.refined.square .text.font_size_22 p { font-size: 18px; } } @media screen and (min-width: 521px) and (max-width: 660px) { .text_and_photo.refined.square .photo .image_wrap { padding: 0 10px 10px 0; } .text_and_photo.refined.square .photo .photo_shadow { top: 10px; left: 10px; } } @media screen and (min-width: 0px) and (max-width: 520px) { .text_and_photo.refined.square.photo_first .col.photo { width: 100%; padding-bottom: 40px; } .text_and_photo.refined.square .text { width: 100% !important; padding: 0 !important; } } /*------------*/ /*--- Text and Photo Grid ---*/ .text_and_photo_grid { } .text_and_photo_grid .item { } .text_and_photo_grid .item .desc { } .text_and_photo_grid .item .desc h4 { font-size: 1.625em; color: #0A3959; } .text_and_photo_grid .item .desc p { font-size: 17px; margin: 0; } .text_and_photo_grid .item .desc .text_link { margin: 14px 0 0 0; } .text_and_photo_grid .item .photo { padding: 20px 0 0 0; } .text_and_photo_grid .item.photo_first .photo { padding: 0 0 20px 0; } .text_and_photo_grid .item .photo img, .text_and_photo_grid .item .photo svg { width: 100%; height: 100%; border-radius: 6px; vertical-align: top; } /* Three Across */ .text_and_photo_grid .three_across .item { float: left; width: 31.33%; margin: 3% 3% 0 0; } .text_and_photo_grid .three_across .item:nth-child(3n) { margin-right: 0; } .text_and_photo_grid .three_across .item:nth-child(1), .text_and_photo_grid .three_across .item:nth-child(2), .text_and_photo_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 601px) and (max-width: 920px) { .text_and_photo_grid .three_across .item { width: 48%; margin: 4% 4% 0 0; } .text_and_photo_grid .three_across .item:nth-child(3n) { margin-right: 4%; } .text_and_photo_grid .three_across .item:nth-child(2n) { margin-right: 0; } .text_and_photo_grid .three_across .item:nth-child(3) { margin-top: 4%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .text_and_photo_grid .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .text_and_photo_grid .three_across .item:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- Text Block ---*/ .text_block { } .text_block .wrap.left_aligned { margin-left: 0; } .text_block .the_content p, .text_block .the_content ol, .text_block .the_content ul { font-size: 17px; } /*------------*/ /*--- Text Blocks Expandable ---*/ .text_blocks_expandable { } .text_blocks_expandable h4 { font-size: 22px; margin: 0; } .text_blocks_expandable .toggle-title { position: relative; color: #303541; padding: 18px 52px 18px 0; border-top: 1px solid #B7C1C6; cursor: pointer; } .text_blocks_expandable .toggle-title .ui-icon { display: none; } .text_blocks_expandable .toggle-title .icon { position: absolute; top: 50%; right: 10px; width: 18px; height: 11px; margin: -5px 0 0 0; } .text_blocks_expandable .toggle-title .icon svg { width: 100%; height: auto; fill: #9B97BC; vertical-align: top; } .text_blocks_expandable .toggle-title:hover .icon svg, .text_blocks_expandable .toggle-title:active .icon svg { fill: #0A3959; } .text_blocks_expandable .toggle-title.ui-state-active { color: #9B97BC; } .text_blocks_expandable .toggle-title.ui-state-active .icon { margin: -8px 0 0 0; transform: rotate(-180deg); } .text_blocks_expandable .toggle-title.ui-state-active .icon svg { fill: #0A3959; } .text_blocks_expandable .toggle-inner { height: 0; padding: 0; } .text_blocks_expandable .toggle-inner.loaded { height: inherit; padding: 0 0 20px 0; } @media screen and (min-width: 0px) and (max-width: 600px) { .text_blocks_expandable h4 { font-size: 19px; } } /*------------*/ /*--- Text Intro ---*/ .text_intro { } .text_intro .breadcrumbs { text-transform: uppercase; line-height: 22px; font-weight: 400; margin: 0 0 20px 0; } .text_intro .breadcrumbs strong { font-weight: 600; } .text_intro .breadcrumbs span.divider { color: #0083AA; padding: 0 4px; } .text_intro .breadcrumbs a { display: inline-block; color: #3B4559; border-bottom: 1px solid transparent; } .text_intro .breadcrumbs a:hover, .text_intro .breadcrumbs a:active, .text_intro .breadcrumbs a:focus { border-bottom-color: #D2D2D2; } .text_intro h1 { font-size: 3em; line-height: 1em; color: #0083AA; margin: 0 0 4px 0; } .text_intro h2 { font-size: 1.6em; line-height: 1.3em; font-weight: 300; color: #0A3959; margin: 20px 0 0 0; } .text_intro .article_date { font-size: 20px; font-weight: 600; color: #0A3959; margin: 20px 0 2px 0; } /* Centered */ .text_intro.centered .wrap { text-align: center; } @media screen and (min-width: 0px) and (max-width: 720px) { .text_intro h1 { font-size: 2.4em; } .text_intro h2 { font-size: 1.4em; } } @media screen and (min-width: 0px) and (max-width: 520px) { .text_intro h1 { font-size: 2.1em; } .text_intro p { font-size: 1.3em; } } /*------------*/ /*--- Thinking Local Logo ---*/ .thinking_local_logo { } .thinking_local_logo .thinking_local { width: 60%; max-width: 480px; padding: 0 40px; background-color: #FFF; margin: 0 auto; } .thinking_local_logo .thinking_local svg { width: 100%; height: auto; fill: #70838D; } .thinking_local_logo .bkgd_line { position: absolute; top: 40%; right: 0; left: 0; height: 1px; background-color: #70838D; z-index: -1; } @media screen and (min-width: 0px) and (max-width: 900px) { .thinking_local_logo .thinking_local { padding: 0 20px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .thinking_local_logo .thinking_local { width: 70%; } } /*------------*/ /*--- Video Intro ---*/ .video_intro { padding: 180px 0 260px 0; background-color: #F5F1EF; overflow: hidden; } .video_intro .wrap { position: relative; max-width: 700px; margin-left: 0; z-index: 5; } .video_intro h1 { font-size: 4.5em; line-height: 1em; color: #0A3959; } .video_intro h1 span { color: #0083AA; } .video_intro h2 { font-size: 2.6em; color: #0A3959; } .video_intro p { max-width: 500px; font-size: 28px; line-height: 1.1em; margin: 20px 0 0 0; } .video_intro p a { position: relative; display: inline-block; color: #303541; } .video_intro p a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 2px solid rgba(0,131,170,0.5); } .video_intro p a:hover, .video_intro p a:active, .video_intro p a:focus { color: #0083AA; } .video_intro .twenty_years_mark { height: 50px; } .video_intro .twenty_years_mark img { max-height: 100%; } .video_intro .cta_buttons { margin: 26px 0 0 0; } .video_intro .cta_buttons .btn { margin: 3px 6px 3px 0; } .video_intro .cta_buttons .text_link { margin-top: 18px; margin-right: 18px; } .video_intro .cta_buttons .text_link:hover, .video_intro .cta_buttons .text_link:active, .video_intro .cta_buttons .text_link:focus { margin-right: 14px; } .video_intro .star_rating { margin: 40px 0 0 0; } .video_intro .awards { margin: 20px 0 0 0; } .video_intro .awards .award { display: inline-block; margin: 10px 20px 10px 0; } .video_intro .awards .award img { max-height: 60px; } @media screen and (min-width: 0px) and (max-width: 1440px) { .video_intro { padding-bottom: 200px; } } @media screen and (min-width: 0px) and (max-width: 1080px) { .video_intro { padding-bottom: 170px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .video_intro { padding: 170px 0 160px 0; } } /*---*/ /*- Accent Purple -*/ .video_intro.accent_purple { background-color: #E7E6EF; } .video_intro.accent_purple h1 span { color: #9B97BC; } .video_intro.accent_purple .bkgd_filter { background-color: #E7E6EF; } .video_intro.accent_purple .bkgd_grad { background: -webkit-linear-gradient(left, rgba(231,230,239,1), rgba(231,230,239,0)) !important; background: -o-linear-gradient(left, rgba(231,230,239,1), rgba(231,230,239,0)) !important; background: -moz-linear-gradient(left, rgba(231,230,239,1), rgba(231,230,239,0)) !important; background: linear-gradient(to right, rgba(231,230,239,1), rgba(231,230,239,0)) !important; } .video_intro.accent_purple .bkgd_right_grad { background: -webkit-linear-gradient(right, rgba(231,230,239,1), rgba(231,230,239,0)) !important; background: -o-linear-gradient(right, rgba(231,230,239,1), rgba(231,230,239,0)) !important; background: -moz-linear-gradient(right, rgba(231,230,239,1), rgba(231,230,239,0)) !important; background: linear-gradient(to left, rgba(231,230,239,1), rgba(231,230,239,0)) !important; } .video_intro.accent_purple .bkgd_left_mask { background-color: #E7E6EF; } .video_intro.accent_purple .bkgd_right_mask { background-color: #E7E6EF; } /*---*/ /*- Text -*/ @media screen and (min-width: 0px) and (max-width: 900px) { .video_intro h1 { font-size: 3.5em; } .video_intro h1 span { display: inline-block; } .video_intro h2 { font-size: 2.5em; } .video_intro p { font-size: 22px; line-height: 1.2em; } .video_intro .twenty_years_mark { height: 44px; margin: 0 0 10px 0; } } @media screen and (min-width: 0px) and (max-width: 600px) { .video_intro h1 { font-size: 3em; } .video_intro h2 { font-size: 2.1em; } } @media screen and (min-width: 0px) and (max-width: 480px) { .video_intro h1 { font-size: 2.8em; } .video_intro h2 { font-size: 1.8em; } .video_intro p { font-size: 21px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .video_intro h1 { font-size: 2.4em; } .video_intro h2 { font-size: 1.6em; } .video_intro .cta_buttons .btn { display: block; margin: 0 0 10px 0; } } /*---*/ /*- Homepage Only -*/ @media screen and (min-width: 0px) and (max-width: 390px) { .page-template-template-home-2022 .video_intro h1 { font-size: 2.25em; } } @media screen and (min-width: 0px) and (max-width: 360px) { .page-template-template-home-2022 .video_intro h1 { font-size: 2.1em; } } /*---*/ /*- Filters -*/ .video_intro .bkgd_filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #F5F1EF; opacity: 0.5; z-index: 2; } .video_intro.minimal_filter .bkgd_filter { opacity: 0.1; } .video_intro.no_filter .bkgd_filter { display: none; opacity: 0; } .video_intro .bkgd_grad { position: absolute; top: 0; right: 0; bottom: 0; left: 35%; width: 20%; background: -webkit-linear-gradient(left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -o-linear-gradient(left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -moz-linear-gradient(left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: linear-gradient(to right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; z-index: 1; } .video_intro .bkgd_right_grad { position: absolute; top: 0; right: 5%; bottom: 0; width: 20%; background: -webkit-linear-gradient(right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -o-linear-gradient(right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: -moz-linear-gradient(right, rgba(245,241,239,1), rgba(245,241,239,0)) !important; background: linear-gradient(to left, rgba(245,241,239,1), rgba(245,241,239,0)) !important; opacity: 0; z-index: 1; } .video_intro .bkgd_left_mask { position: absolute; top: 0; left: 0; bottom: 0; width: 35%; background-color: #F5F1EF; z-index: 1; } .video_intro .bkgd_right_mask { position: absolute; top: 0; right: 0; bottom: 0; width: 5%; background-color: #F5F1EF; opacity: 0; z-index: 1; } /*---*/ /*- Video -*/ .video_intro .bkgd_video { position: absolute; top: 0; right: 0; bottom: 0; left: 35%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.85; z-index: 0; } .video_intro .bkgd_video video { max-width: inherit; height: 100%; margin: 0; vertical-align: top; } /* Video Above / Below */ @media screen and (min-width: 901px) and (max-width: 1080px) { .video_intro.video_above .bkgd_video, .video_intro.video_below .bkgd_video { max-height: 500px; margin-top: -8% !important; overflow: hidden; } } @media screen and (min-width: 0px) and (max-width: 1080px) { /* Video Above / Below */ .video_intro.video_above .wrap, .video_intro.video_below .wrap { max-width: 600px; text-align: center; margin-left: auto !important; } .video_intro.video_above p, .video_intro.video_below p { max-width: inherit; } .video_intro.video_above .bkgd_video, .video_intro.video_below .bkgd_video { position: relative; top: 0 !important; left: 0 !important; opacity: 1; } .video_intro.video_above .bkgd_video video, .video_intro.video_below .bkgd_video video { width: 100%; height: inherit; } .video_intro.video_above .bkgd_filter, .video_intro.video_below .bkgd_filter { display: none; } /* Above */ .video_intro.video_above { padding-top: 0 !important; padding-bottom: 60px !important; } .video_intro.video_above .bkgd_video { margin: 0 0 60px 0; } /* Below */ .video_intro.video_below { padding-bottom: 0 !important; } .video_intro.video_below .bkgd_video { position: relative; top: 0 !important; left: 0 !important; margin: 60px 0 0 0; opacity: 1; } } /* Above */ @media screen and (min-width: 0px) and (max-width: 480px) { .video_intro.video_above { padding-bottom: 40px !important; } .video_intro.video_above .bkgd_video { margin-bottom: 40px; } } /*---*/ /*- Photo -*/ .video_intro .bkgd_photo { position: absolute; top: 0; right: 0; bottom: 0; left: 35%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0.85; z-index: 0; } @media screen and (min-width: 0px) and (max-width: 767px) { .video_intro .bkgd_photo { left: 0; opacity: 0.4; } } /*---*/ /*- Gallery -*/ .video_intro .bkgd_gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 35%; opacity: 0.85; z-index: 0; } .video_intro .bkgd_gallery .slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .video_intro .bkgd_gallery .owl-carousel { display: block; width: 100%; height: 100%; } .video_intro .bkgd_gallery .owl-carousel .owl-stage-outer, .video_intro .bkgd_gallery .owl-carousel .owl-stage, .video_intro .bkgd_gallery .owl-carousel .owl-item { height: 100% !important; } /*---*/ /*- Team Intro Variation -*/ .video_intro.team_intro { text-align: center; } .video_intro.team_intro .wrap { max-width: 600px; padding: 0 20px; margin: 0 auto !important; } .video_intro.team_intro .profile { padding: 0 0 40px 0; } .video_intro.team_intro .profile .photo { width: 90px; margin: 0 auto 10px auto; border-radius: 50%; overflow: hidden; } .video_intro.team_intro .profile h3 { color: #0A3959; margin: 0; } .video_intro.team_intro h1 span { padding-right: 10px; } .video_intro.team_intro h1::after { margin-left: -10px; } @media screen and (min-width: 0px) and (max-width: 428px) { .video_intro.team_intro .profile .photo { width: 80px; } .video_intro.team_intro .profile h3 { font-size: 1.6em; } } /*---*/ @media screen and (min-width: 2341px) { .video_intro .bkgd_right_grad { right: 13%; } .video_intro .bkgd_right_mask { width: 13%; } } @media screen and (min-width: 2240px) and (max-width: 2340px) { .video_intro .bkgd_right_grad { right: 8%; } .video_intro .bkgd_right_mask { width: 8%; } } @media screen and (min-width: 2080px) { .video_intro .bkgd_right_grad, .video_intro .bkgd_right_mask { opacity: 1; } } @media screen and (min-width: 0px) and (max-width: 1080px) { .video_intro .bkgd_grad { display: none; } .video_intro .bkgd_left_mask { display: none; } .video_intro .bkgd_video { left: -15%; opacity: 0.4; } .video_intro .bkgd_gallery { left: -15%; opacity: 0.4; } } @media screen and (min-width: 0px) and (max-width: 767px) { .video_intro .bkgd_video { top: 100px; left: -25%; } .video_intro .bkgd_gallery { left: -25%; } }