@charset "UTF-8"; /* Theme Name: ClickPay Theme URI: http://clickpay.com Description: This site was built for ClickPay. Design & Development by Curran & Connors (http://curran-connors.com) Author: Thomas Bove Author URI: http://www.curran-connors.com Version: 1.0 */ body { font-weight: 400; font-family: 'Lato', sans-serif; } /********************************************* RESET **********************************************/ blockquote,body,form,img,li,ol,ul{margin:0;padding:0}h1,h2,h3,h4,h5{font-weight:600}ol,ul{list-style:none}code{background:#FFFFC1}a{text-decoration:none}a img,img{border:0}blockquote p{padding:5px 0}.aligncenter{margin:5px auto 20px;display:block}.alignleft{margin:5px 20px 8px 0;float:left}.alignright{margin:5px 0 8px 20px;float:right}.col-left{float:left}.col-right{float:right}.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}.fix{clear:both;height:1px;margin:-1px 0 0;overflow:hidden}.fl{float:left}.fr{float:right}.ac{text-align:center}.ar{text-align:right}img.centered{display:block;margin-left:auto;margin-right:auto}.group:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.group{clear:both}* html .group{height:1%}.group{display:block} /********************************************* HTML 5 **********************************************/ article, aside, figure, footer, header, nav, section { display: block; } /********************************************* GENERAL **********************************************/ html, body { /* height: 100%; */ margin:0; padding:0; } body { color: #484d51; } a { color: inherit; text-decoration: none; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } a:hover { color: #fff; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } input { outline:none; } hr { margin: 28px 0 !important; clear: both; border-top: solid 1px #dce2e5 !important; border-bottom: solid 1px #dce2e5 !important; border-left: 0; border-right: 0; } .content { margin: 20px 0; } .clear, .clearAll { clear: both; } iframe { width: 100%; height: 100%; } body > iframe { height: 0 !important; } .indent { padding-left: 20px; padding-top: 20px; } .padded { padding: 10px; background: #fff; border: 1px solid #E0E0E0; } .inlineBlock { display: inline-block; } .small { font-size: .75em; } .container { padding-left:5px !important; padding-right:5px !important } .noPad { padding-left:0 !important; padding-right:0 !important } .page-template-page-mri .wpcf7pm.container { width: 100%; } .page-template-page-mri-php .wpcf7pm .wpcf7-submit { line-height: 58px; } .col-xs-1.first, .col-sm-1.first, .col-md-1.first, .col-lg-1.first, .col-xs-2.first, .col-sm-2.first, .col-md-2.first, .col-lg-2.first, .col-xs-3.first, .col-sm-3.first, .col-md-3.first, .col-lg-3.first, .col-xs-4.first, .col-sm-4.first, .col-md-4.first, .col-lg-4.first, .col-xs-5.first, .col-sm-5.first, .col-md-5.first, .col-lg-5.first, .col-xs-6.first, .col-sm-6.first, .col-md-6.first, .col-lg-6.first, .col-xs-7.first, .col-sm-7.first, .col-md-7.first, .col-lg-7.first, .col-xs-8.first, .col-sm-8.first, .col-md-8.first, .col-lg-8.first, .col-xs-9.first, .col-sm-9.first, .col-md-9.first, .col-lg-9.first, .col-xs-10.first, .col-sm-10.first, .col-md-10.first, .col-lg-10.first, .col-xs-11.first, .col-sm-11.first, .col-md-11.first, .col-lg-11.first, .col-xs-12.first, .col-sm-12.first, .col-md-12.first, .col-lg-12.first { padding-left: 0; } .col-xs-1.last, .col-sm-1.last, .col-md-1.last, .col-lg-1.last, .col-xs-2.last, .col-sm-2.last, .col-md-2.last, .col-lg-2.last, .col-xs-3.last, .col-sm-3.last, .col-md-3.last, .col-lg-3.last, .col-xs-4.last, .col-sm-4.last, .col-md-4.last, .col-lg-4.last, .col-xs-5.last, .col-sm-5.last, .col-md-5.last, .col-lg-5.last, .col-xs-6.last, .col-sm-6.last, .col-md-6.last, .col-lg-6.last, .col-xs-7.last, .col-sm-7.last, .col-md-7.last, .col-lg-7.last, .col-xs-8.last, .col-sm-8.last, .col-md-8.last, .col-lg-8.last, .col-xs-9.last, .col-sm-9.last, .col-md-9.last, .col-lg-9.last, .col-xs-10.last, .col-sm-10.last, .col-md-10.last, .col-lg-10.last, .col-xs-11.last, .col-sm-11.last, .col-md-11.last, .col-lg-11.last, .col-xs-12.last, .col-sm-12.last, .col-md-12.last, .col-lg-12.last { padding-right: 0; } h1 { font-size: 44px; font-weight: 700; color: #282829; } h2 { font-size: 30px; font-weight: 700; color: #282829; } h3 { font-size: 24px; font-weight: 700; color: #282829; } h4 { font-size: 22px; font-weight: 700; color: #282829; } h5 { font-size: 18px; font-weight: 700; color: #282829; } h6 { color: #282829; } /********************************************* NAVIGATION **********************************************/ /* Main Navs */ nav.mainNav { z-index: 10; padding-top: 12px; } nav.mainNav ul { margin-bottom: 0; /*height: 86px;*/ } nav.mainNav li { padding: 0; vertical-align: top; position: relative; /* height: 86px; */ } nav.mainNav li a { color: #6a6e71; text-transform: uppercase; display: block; padding: 0 12px; line-height: 60px; font-weight: 300; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } nav.mainNav li a:hover { color: #fff; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } nav.mainNav li.login a { color: #fff; font-weight: 700; padding: 0 26px 0 22px; line-height: 30px; margin: 22px 12px 20px; background-color: #fff; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } nav.mainNav li.login a:hover { background-color: #53933a; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } nav.mainNav li.login a:before { content: ""; background: url(img/icon-lock.png) no-repeat; display: inline-block; position: relative; margin: 1px 4px -1px 0; height: 17px; width: 18px; top: 0; bottom: 0; } nav.mainNav a:hover { text-decoration: none; } nav.mainNav ul li ul li ul { top: auto !important; left: auto !important; } #menu-main-navigation .current-menu-item a { /* border-top: 6px solid #484d51; */ display: block; position: relative; } #menu-main-navigation > .menu-item-has-children > a:after { content: ""; padding-left: 4px; background:url(img/icon_caretdown.png) no-repeat center; height: 14px; width:13px; display: inline-block; /* content: "\f107"; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; text-rendering: auto; -moz-osx-font-smoothing: grayscale; */ } /* MENU ACTIVE STATES - THEY'RE ALL DIFFERENT COLOR */ #menu-main-navigation .current-menu-item.page-item-229 a { /* border-top: 6px solid #fe813f; */ } #menu-main-navigation .current-menu-item.page-item-231 a { /* border-top: 6px solid #208baf; */ } #menu-main-navigation .current-menu-item.login a { border-top: 6px solid #fff; } nav.mainNav ul.sub-menu { z-index:9999; display: none; position:absolute; top:60px; left:0; max-width: 100%; min-width: 200px; /*background:#084D91;*/ } nav.mainNav ul.sub-menu li { border: 0; padding: 0; text-align: left; } nav.mainNav ul.sub-menu li a { line-height: 38px; background: #fff; } nav.mainNav li:hover ul.sub-menu { display: block; } #menu-main-navigation ul.sub-menu li.current-menu-item a { line-height: 38px; color: #fff; background: #035372; } nav.mainNav ul.sub-menu li.menu > a { /*color:#fff;*/ color:#8ADDFF; font-size:18px; border-bottom:1px solid #003264; display:block; padding-bottom: 3px; margin-bottom: 0 /*7px*/; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } nav.mainNav ul.sub-menu li.menu { text-align:left; padding:12px 5px 20px;} nav.mainNav ul.sub-menu li.menu.col-sm-3 { margin-right: 35px; } nav.mainNav ul.sub-menu li.menu.last { margin-right: 0 !important; } nav.mainNav ul.sub-menu li.menu a:hover { color:#fff; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } nav.mainNav ul.sub-menu li.menu ul li a {background: url("img/arrow-hotbutton.png") no-repeat left center; border: 0 none; color:#8ADDFF; cursor: pointer; display: inline-block; float: left; font-size: 14px; margin-bottom: 0; padding: 6px 0 3px 15px; width: 50%; margin-top: 2px;} nav.mainNav ul.sub-menu li.menu ul li.topArrow a {background: url("img/arrow-hotbutton.png") no-repeat left 10px; } nav.mainNav ul.sub-menu li.menu.col-sm-3 ul li a, nav.mainNav ul.sub-menu li.menu.col-sm-4 ul li a { display:block; width:100%;} .mainNavBgWrap { background:#084D91; position:absolute; width:100%; min-height:242px; z-index:100; left:0; top:141px; border-top:48px solid #003264; display:none; } .subNavWrap { background:#084D91;min-height: 194px; } /* Mobile Nav */ nav.mobileNav { box-shadow: 0 25px 9px #333;position:absolute; z-index:999999999 !important; top:65px; left:0; display:none; width:100%; text-align:center; background:#eee; } nav.mobileNav .subNavWrap { height: 0; overflow: hidden; display: block; min-height: 0; } nav.mobileNav .sub-menu.level-0 { display: block; } nav.mobileNav .sub-menu.level-0 li { text-align: left; } nav.mobileNav .sub-menu.level-0 li.menu-item-has-children > a { padding-left: 0; padding-bottom: 5px; font-size: 20px; border-bottom: 1px solid #000; background: none; } nav.mobileNav .sub-menu.level-0 li a { font-size:16px; background:url(img/arrow-right-small.png) no-repeat left center; border: 0 none; color: #8ADDFF; } nav.mobileNav li.current-menu-ancestor > a { color:#fff !important; } nav.mobileNav > ul { padding:3px 0 15px; } nav.mobileNav li { } nav.mobileNav li a { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 3px solid #009CDB; display: block; padding: 15px; font-size: 20px; color: #00468D; position: relative; } nav.mobileNav li a span { display:block; border-bottom: 3px solid #009CDB; position:absolute; left:15px; bottom:0; width:90.5%; } nav.mobileNav li a.active span { border:0; } nav.mobileNav div.mobileSecondaryNav { padding-left: 15px !important; padding-right: 15px !important; } nav.mobileNav nav.secondaryNav { text-align: center; } nav.mobileNav nav.secondaryNav ul { margin-left: 0; } nav.mobileNav nav.secondaryNav li { padding: 20px 5px 0; } nav.mobileNav li.current-menu-item > a { color:#fff !important; background:url("img/arrow-right-small-white.png") no-repeat scroll left center !important; } nav.mobileNav nav.secondaryNav a { border:0; padding:0; margin:0; color:#666; font-size:14px;} nav.mobileNav nav.secondaryNav li.highlighted { display:block; padding:20px 0 0;} nav.mobileNav nav.secondaryNav li.highlighted a { background:#009CDB url(img/arrow-right-small-white.png) no-repeat 90% center; width: 100%; border-radius: 5px; padding: 15px; color: #fff; } .ccards { min-height: 22px; padding-right: 10px; } .ccards img { margin: 32px 3px; } .page-template-page-microsite #logo { height: 67px; left: 10px; } .page-template-page-microsite #underlay { border-bottom: 0; } .page-template-page-microsite #cta.container { height: 400px; left: 0; right: 0; } .page-template-page-microsite #cta h1 { font-size: 56px; line-height: 1em; margin-bottom: 0.25em; } .page-template-page-microsite #cta h2 { font-size: 44px; } .page-template-page-microsite #cta strong, .page-template-page-microsite #cta h3 { font-size: 24px; } .page-template-page-microsite #cta p, .page-template-page-microsite #cta li { font-size: 24px; } .page-template-page-microsite #cta p { color: #fff; } .page-template-page-microsite #cta li { color: rgba(255,255,255,0.7); position: relative; padding-left: 0.6em; } .page-template-page-microsite #cta li:before { content: '\2022'; font-size: 16px; padding-right: 4px; position: absolute; top: 14%; left: 0; } .page-template-page-microsite .cta_login { padding: 44px 0px 0px; color: #fff; } .page-template-page-microsite .cta_login h2 { font-size: 28px; } .wpcf7login input { margin-top: 18px !important; } .wpcf7login .wpcf7-submit, .wpcf7login .wpcf7-submit:hover { border: 1px solid #fff; line-height: 56px; background-color: transparent; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; position: relative; z-index: 9999999; } .wpcf7login p { font-size: 16px; font-style: italic; } .wpcf7login p a { display: inline-block; padding-left: 8px; text-decoration: underline; } .page-template-page-microsite footer { padding: 36px 0px 28px; } .page-template-page-microsite #footer-menu li { padding: 0 0 0 4px; } .page-template-page-microsite #footer-menu li:before { content: '\2022'; font-size: 10px; color: #adadaf; font-weight: 300; padding-right: 4px; } .page-template-page-microsite #footer-menu li:first-child { padding: 0; } .page-template-page-microsite #footer-menu li:first-child::before { content: ""; padding: 0; } .page-template-page-microsite #footer-menu li a { color: #adadaf; padding: 0; text-decoration: underline; font-weight: 400; font-size: 16px; } .page-template-page-microsite #footer-menu li.tel a { font-weight: 700; text-decoration: none; } .page-template-page-microsite .footerWrap .social { display: inline-block; color: #7f8386; font-size: 10px; text-align: center; text-transform: uppercase; } .page-template-page-mri-php .headerRight, .page-template-page-mri-php footer { display: none; } .page-template-page-mri-php .pageContent { padding-top: 0; } .page-template-page-mri-php h1 { padding-top: 78px; margin-bottom: 0; /* font-size: 48px; */} .page-template-page-mri-php h6 { color: #919497; font-size: 25px; font-style: italic; font-weight: 300; margin: 0 auto 1.5em; } .page-template-page-mri-php h3 { padding: 0 8%; margin-bottom: 2em; } .page-template-page-mri-php .wpcf7 { padding-right: 15px; padding-left: 15px; } .page-template-page-mri-php .wpcf7 form { margin-bottom: 5em; } .page-template-page-mri-php .wpcf7-text { border: 1px solid #969898; } .page-template-page-mri-php .wpcf7-submit { line-height: 76px; font-weight: 400; font-size: 20px; } .page-template-page-mri-php .pageContent h2 { color: #282829; font-size: 36px; text-align: center; font-weight: 700; padding: 0; margin-top: 1.25em; } .page-template-page-mri-php .wpcf7-form-control-wrap { width: 50%; float: left; padding-left: 0; } .page-template-page-mri-php .wpcf7-form-control-wrap:first-child { padding-right: 15px; } /********************************************* PAGE STRUCTURE **********************************************/ /* HEADER */ header { background-color: rgba(255,255,255,0.9); position: relative; z-index: 99; /* top: 10px; */ } header.scroll-to-fixed-fixed { background-color: #fff; z-index: 1001 !important; } .logged-in header.scroll-to-fixed-fixed { top: 32px !important; } .headerWrapTop { background-color: #3a3a3a; } .headerWrapTop a { width: 135px; display: inline-block; line-height: 45px; font-weight: 900; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; } .headerWrapTop a:hover { background-color: rgba(10, 134, 181, 0.33); } .headerWrapTop a.login { background-color: #0a86b5; } .headerWrapTop a.login:hover { background-color: #1995c4; } .headerWrap { position:relative; z-index:1100; margin: 0 auto; padding: 0; /* filter for IE8 */ } @media(max-width:767px) { .headerWrapTop .container { padding-left: 0 !important; padding-right: 0 !important; } .headerWrapTop a { max-width: 32%; } } #loginportal { position: absolute; right: 0; /* top: 86px; */ background-color: rgba(207, 213, 217, 0.9); width: 50%; padding: 16px; display:none; height: 0px; } #loginportal .forgot { margin-bottom: 12px; } #loginportal .register_today { margin-top: 12px; } #loginportal .forgot .checkbox { display: inline-block; width: 40%; float:left; margin: 0; } #loginportal p { margin: 0; } #loginportal input[type="text"],#loginportal input[type="password"] { line-height: 58px; height: 58px; width: 100%; color: #484D51; font-size: 18px; border: 0; padding: 0 18px; margin-bottom: 14px; } #loginportal input[type="submit"] { line-height: 58px; height: 58px; width: 100%; color: #fff; font-size: 14px; border: 0; padding: 0; text-align: center; background-color: #fff; text-transform: uppercase; } #loginportal a { text-decoration: underline; cursor: pointer; } .headerLeft { height: 86px; } #logo { display: inline-block; position: absolute; margin: auto !important; top: 5px; bottom: 0; height: 42px; } #logo #new { display: none; } #logo #old { display: block; } #menu_open { display: inline-block; position: absolute; margin: auto; top: 0; bottom: 0; right: 10px; height: 42px; width: 50px; padding: 9px 0; background: url(img/menu_icon.png) no-repeat center; } #login_open { display: inline-block; position: absolute; margin: auto; top: 0; bottom: 0; right: 80px; height: 42px; font-size: 14px; color: #62a349; padding: 10px 24px; text-transform: uppercase; border: 1px solid #62a349; } /* .headerRight { position: static !important; } */ #mobileMenu, .mainMobileNav { display: none; } /* MAIN CONTENT SECTIONS */ #underlay { border-bottom: 6px solid #e7eaec; background: url(img/overlay.png) no-repeat center; background-size: cover; position: relative; top: -96px; margin-bottom: -96px; width: 100%; height: 575px; } #home_banner { margin: 0 auto; text-align: center; width: 100%; height: 100%; top: 0; z-index: 1; opacity: 0.5; } section.mainContent #underlay #home_banner { background-position: center !important; } #cta { position: absolute; z-index: 2; width: 100%; height: 245px; margin: auto; top: 0; bottom: 0; padding-top: 96px; text-align: center; } .page-id-231.page-template-page-forusers #cta { padding-top: 36px; } .page-template-page-forusers #cta { height: 340px; } .page-template-page-forusers #cta .img-responsive { margin-top: 28px; } @media (max-width:767px){ .page-template-page-forusers #cta {height: 80%;} .cta_login .wpcf7pm .wpcf7-form-control-wrap { width: auto !important; } } #cta h1 { color: #fff; margin: 0; } #cta h2, #cta h3, #cta h4, #cta h5, #cta p { color: #fff; font-weight: 400; margin: 0 0 10px; } #cta h6 { font-weight: 700; font-size: 14px; color: #fff; margin: 0 0 10px; } .page-template-default #cta h2 { font-size: 48px; } .page-template-page-forusers #cta h1 { margin: 15px 0px; } #cta .button { display: inline-block; margin: 20px; line-height: 56px; width: 295px; color: #fff; font-size: 18px; text-align: center; text-transform: uppercase; } #cta .button.property-manager { background-color: #fe813f; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #cta .button.property-manager:hover { background-color: #eb6e2c; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #cta .button.resident { background-color: #208baf; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #cta .button.resident:hover { background-color: #117da1; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #cta .button.blue { background-color: #0a86b5; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #cta .button.green { background-color: #fff; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #cta .login { } #cta .login:before { content: ""; background: url(img/icon-lock.png) no-repeat; display: inline-block; position: relative; margin: 1px 4px -1px 0; height: 17px; width: 18px; top: 0; bottom: 0; } #cta #searchform { width: 752px; margin: 3% auto; background-color: rgba(32,139,175,0.9); padding: 28px; } #cta #searchform label.radios { width: auto; display: inline-block; padding-left: 25px; padding-right: 35px; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 28px; background: url(img/radio.png) no-repeat left center; position: relative; } #cta #searchform label.checked { background: url(img/radio_checked_gr.png) no-repeat left center; } #cta #searchform label input { margin-right: 4px; position: absolute; visibility: hidden; } #cta #searchform label span + input { margin-left: 24px; } #cta #s { border: 0; color: #484D51; margin:0; width: 72%; height: 58px; padding: 0 14px; font-size: 18px; vertical-align: top; } #cta #searchsubmit { border: 0; color:#fff; background-color: #fff; margin: 0 0 0 -3px; width: 25%; height:58px; padding: 0 10px; vertical-align: top; text-transform: uppercase; } #cta #searchsubmit.disabled { color: rgba(255,255,255,0.2); } #cta #searchform h3 { font-size: 22px; display: inline-block; width: 30%; /* text-align: left; */ } #cta #searchform label.error { color: #fe3f3f; position: absolute; font-size: 14px; left: 0; bottom: -20px; white-space: nowrap; width: 100%; } #cta #searchform input.error { border: 2px solid #fe3f3f; } #cta #searchform #category-error { left: -10%; } #cta #searchform a { color: #fff; text-decoration: underline; font-size: 16px; display: inline-block; line-height: 2em; } .page-template-page-forusers .banner_wrap { border-bottom: 6px solid #e7eaec; } .page-template-page-forusers #underlay { border-bottom: 0; height: 615px; } .search-results #underlay { margin-bottom: -24px; } .cta_login { height: 200px; margin: 0; text-align: center; } .cta_login.for-property-managers, .cta_login.for-property-managers-1, .cta_login.for-property-managers-2, .cta_login.for-property-managers-3 { background-color: #fe813f; padding: 20px 0px 0px; } .cta_login.for-residents { background-color: #208baf; padding: 12px 0px 0px; } .wpcf7.container { margin: 0 auto; } .cta_login .wpcf7 p { font-style: italic; color: #fff; font-size: 18px; } .cta_login .wpcf7-form-control-wrap { /*margin: 0; width: 35%;*/ padding-right: 10px; } .cta_login .wpcf7-form-control-wrap.descriptor { position:relative; top:2px; width:auto; color:#fff; font-size:28px; font-style:normal; } .cta_login .wpcf7-text { border: 2px solid #e7eaec; color: #484d51; } .cta_login .wpcf7-submit { /* border:1px solid #fff;background-color:transparent; */ color:#fff;margin:0;width:30%;height:58px;padding:0 10px;} .cta_login .wpcf7pm h3 { color: #fff; margin-top: 0; } .cta_login .wpcf7pm p { color: #fff; font-size: 16px; font-style: italic; margin: 0.3em 0; } .cta_login .wpcf7res-form + p { margin: 18px 0px 12px; } .page-template-page-home .pageContent { padding-top: 48px; } .pageContent { padding-top: 78px; padding-bottom: 54px; } .pageContent.search_results { padding: 24px 0; } .page-template-page-nobanner .pageContent h1, .page-template-page-news .pageContent h1 { text-align: center; font-size: 48px; margin-bottom: 0.3em; } .single-careers .pageContent h1 { text-align: center; font-size: 48px; margin-bottom: 0; } .page-template-page-nobanner .pageContent h3 { font-size: 26px; line-height: 1.35em; } .pageContent h2 { color: #282829; text-align: center; font-weight: 400; padding: 0 5% 58px; } .pageContent h3 { color: #282829; font-weight: 400; } .pageContent h4 { color: #282829; margin: 0; } .pageContent h4 span { color: #919497; font-size: 18px; font-style: italic; font-weight: 300; display: block; } .single-careers .pageContent h1 + h4 { color:#919497; font-size:24px; font-weight:300; font-style:italic; text-align:center; margin-top:0; } .single-careers .pageContent h4 { color: #484d51; margin-top: 2em; } .pageContent h5 { margin-bottom: 0; } .pageContent p { font-size: 18px; color: #484d51; font-weight: 300; } .page-template-page-default .pageContent p { padding-right: 25px; } .pageContent h4 + p { margin-top: 0.35em; } .pageContent ul { list-style: disc; } .pageContent ul li { font-size: 18px; color: #484d51; font-weight: 300; margin-left: 18px; } #our-services .pageContent.for-property-managers .col-sm-6:first-of-type, #our-services .pageContent.for-property-managers .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-1 .col-sm-6:first-of-type, #our-services .pageContent.for-property-managers-1 .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-2 .col-sm-6:first-of-type, #our-services .pageContent.for-property-managers-2 .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-3 .col-sm-6:first-of-type, #our-services .pageContent.for-property-managers-3 .col-sm-6 + .col-sm-6 { min-height: 340px; } #our-services .pageContent.for-property-managers .col-sm-6 + .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers .col-sm-6 + .col-sm-6 + .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-1 .col-sm-6 + .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-1 .col-sm-6 + .col-sm-6 + .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-2 .col-sm-6 + .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-2 .col-sm-6 + .col-sm-6 + .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-3 .col-sm-6 + .col-sm-6 + .col-sm-6, #our-services .pageContent.for-property-managers-3 .col-sm-6 + .col-sm-6 + .col-sm-6 + .col-sm-6 { min-height:100px; } #integrations-and-api--s .pageContent { padding-top: 32px; } .pageContent .pagination { position: relative; border-top: 0 solid transparent; margin-top: 0; margin-bottom: 0; width: 100%; } .pageContent .pagination .archives { position: absolute; right: 0; top: 12px; display: block; width: 20%; color: #919497; text-align: right; text-decoration: underline; } .pageContent .pagination .wp-pagenavi { text-align: center; float: none; display: block; margin-top: 12px; } .pageContent .pagination .wp-pagenavi a { font-size: 14px; color: #919497; font-weight: 400; font-family: "Lato", sans-serif; float: none; display: inline-block; border: 0; } .pageContent .pagination .wp-pagenavi span { border: 0; } .pageContent .pagination .wp-pagenavi a.nextpostslink { background: transparent url(img/pag-next.png) no-repeat scroll right; padding-right: 10px; width: auto; border: 0; } .pageContent .pagination .wp-pagenavi a.previouspostslink { background: transparent url(img/pag-prv.png) no-repeat scroll left; border: 0; } .pageContent .pagination .wp-pagenavi a:hover, .pageContent .pagination .wp-pagenavi span.current { color: #D2CCC6; display: inline-block; float: none; border: 0; } .page-template-page-home .pageContent .col-sm-6:first-of-type { border-right: 1px dashed #e7eaec; padding-right: 49px; } .page-template-page-home .pageContent .col-sm-6 + .col-sm-6 { padding-left: 54px; } .pageContent #careers { margin-top: 5.6em; } .pageContent #careers h4 { color: #484d51; font-size: 22px; font-weight: 400; margin-bottom: 1.5em; } .job-posting { display: block; border: 1px solid #e7eaec; font-size: 22px; font-weight: 700; color: #484d51; margin-bottom: 11px; padding-top: 40px; padding-bottom: 40px; text-align: center; } .job-posting span { display: block; padding-top: 2px; font-weight: 300; font-size: 16px; font-style: italic; color: #919497; } .single-careers .button { display: block; margin-top: 72px; line-height: 58px; width: 100%; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase; background-color: #208BAF; } .search-results h1.page-title { margin: 0; color: #484d51; } .search-results section.mainContent .container.contentWrap.group { padding-bottom: 54px; } .news_post { border-bottom: 3px solid #e7eaec; padding-top: 18px; padding-bottom: 32px; margin-bottom: 28px; } .news_post.last { margin-bottom: 0; } .pageContent .news_post h4 { margin-bottom: 22px; line-height: 1.3em; } /* News template (page-news.php) rebrand overrides */ .page-template-page-news .news_post h4 a { color: #282829; } /* Global rebrand override - applies to every page's .mainContent, not just News (this was template-scoped before and missed security/contact/etc). */ section.mainContent { background-color: #f0e9e0; } .pageContent .news_post .link { color:#484D51; text-decoration:underline; margin-top:18px; display: inline-block; font-size:18px; font-weight:300; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .pageContent .news_post .link:hover { color: #fff; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .excerpt-read-more { display: none; } .single-post h1 { text-align: center; } .single-post h2 { text-align: left; color: #282829; font-size: 22px; font-weight: 400; margin: auto; padding: 0; } .single-post h2 span { display: block; color: #919497; font-size: 18px; font-style: italic; font-weight: 300; } .single-post .postfoot { border-top: 3px solid #e7eaec; padding-top: 18px; margin-top: 44px; } .download_pr { color: #919497; font-size: 14px; text-decoration: underline; } .page-id-233 #cta { height: 320px; } .page-id-233 #cta h1 { font-weight: 400; font-size: 48px; } .page-id-233 .pageContent h4 { margin: 0 0 12px; } .page-id-233 .pageContent h5 { margin: 0 0 12px; color: #484d51; } .page-id-233 .pageContent ul { margin: 0 0 24px; } .page-id-233 .pageContent ul li { padding: 0 0 16px; } .page-id-233 .pageContent ul li a { text-decoration: underline; } #ourteam { position: relative; width: 100%; min-height: 840px; margin: 36px 0; padding: 0; text-align: center; background: url(img/ourteam_bg.png) repeat-x; } #ourteam .cycle-slide { /* margin-top: -123px; */ width: 660px; padding-left: 15px; padding-right: 15px; } #ourteam .cycle-slide h3 { font-size: 28px; margin-top: 1.8em; } #ourteam .cycle-slide h3 span { display: block; font-size: 16px; font-style: italic; font-weight: 300; color: #919497; line-height: 1.7em; } #ourteam .cycle-slide blockquote { color: #208baf; font-size: 22px; position: relative; text-align: left; line-height: 1.2em; } #ourteam .cycle-slide blockquote::before { content: open-quote; position: absolute; left: -8px; } #ourteam .cycle-slide blockquote::after { content: close-quote; } #ourteam .cycle-slide p { font-size: 18px; color: #484D51; font-weight: 300; text-align: left; line-height: 1.55em; padding-bottom: 1.5em; } .team_member img, .team_member .img_ph { min-height: 246px; width: auto; } /* EBOOKS */ .single-ebooks header, .page-template-page-ebooks header { box-shadow: 0 .125rem .375rem rgba(0,0,0,.2); } .single-ebooks .pageContent, .page-template-page-ebooks .pageContent { padding-top: 24px; } .page-template-page-ebooks .filters h3 { color: #484D51; font-size: 16px; font-weight: 600; padding-bottom: 1em; margin-bottom: 3em; position: relative; } .page-template-page-ebooks .filters h3:after { content: ''; background-color: #484D51; height: 1px; width: 100%; display: block; position: absolute; left: 0; bottom: 0; } .page-template-page-ebooks .verticals h4 { color: #484D51; font-size: 16px; font-weight: 500; } .page-template-page-ebooks .search_sort input { margin-left: 15px; line-height: 36px; border: 1px solid #aaa; border-radius: 4px; background: url(/clickpay/wp-content/uploads/2020/11/search_icon.jpg) no-repeat left 10px center; padding-left: 32px; } .page-template-page-ebooks .search_sort div { line-height: 36px; } .page-template-page-ebooks .search_sort select { margin-right: 15px; line-height: 36px; border: 0; } .ebook_block { min-height: 432px; background: #fff; border: 1px solid #dfdfdf; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); } .ebook_block a { display: block; } .ebook_block a > p { display: none; } .ebook_block figure { min-height: 258px; } .ebook_block .text_block { padding: 15px 30px; } .ebook_block p.category { font-size: 14px; font-weight: 600; color: #999; text-transform: uppercase; } .ebook_block p.category span { margin-right: 8px; } .ebook_block p.category img { float:right; max-height: 18px; } .ebook_block h4 { font-weight: 400; font-size: 18px; color: #0a86b5; } .ebooks .breadcrumbs { padding-left: 15px; padding-bottom: 15px; } .ebooks.type-ebooks .category span { color: #00aa17; background-color: rgba(0,170,23,.2); display: inline-block; padding: 8px; text-transform: uppercase; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 1; } .ebooks .form_block { background-color: #202945; border: 1px solid #202945; border-radius: 8px; overflow: hidden; } .ebooks .form_block figure { height: 0; padding-bottom: 55%; } .ebooks .form_block form { padding: 0 15px; display: block; } .ebooks .form_block h3 { color: #fff; } .ebooks .form_block input[type="text"], .ebooks .form_block input[type="tel"], .ebooks .form_block input[type="email"] { line-height: 44px; height: 44px; border-radius: 3px; font-size: 16px; border: 1px solid #d8d9db; margin: 0; } .ebooks .form_block input[type="submit"] { text-transform: uppercase; margin: 0; } .ebooks .form_block p small { color: #fff; font-size: 12px; line-height: 1.4; display: inline-block; } .share-dropdown { position: relative; } .share-dropdown .btn.btn-link span { vertical-align: middle; font-size: 16px; text-transform: uppercase; } .btn-link:focus { color: #2a6496; text-decoration: none; background-color: transparent; outline: #fff !important; } .share-dropdown .dropdown-menu { min-width: auto; width: 150px; position: absolute; will-change: transform; top: 32px !important; transform: unset !important; right: -48px; left: auto !important; padding: 0 0 4px; } .share-dropdown .dropdown-item { display: block; text-align: left; width: 150px; margin-bottom: 4px; } .share-dropdown .dropdown-item img { margin: 0px 6px; } .dropdown-text { line-height: 35px; display: inline-block; font-size: 16px; color: #999; padding: 0 4px; } .ebooks .ssba.ssba-wrap { display: none; } .page-template-page-ebooks .wp-pagenavi { position: absolute; bottom: 44px; right: 0; left: 30%; margin: auto; width: 44%; text-align: right; } .our-capabilities .pageContent.tab_content #capabilities_services { position: relative; padding-bottom: 44px; } #main_pager { margin-bottom: 64px; } #main_pager li { list-style: none; text-align: center; font-size: 16px; font-weight: 700; border-bottom: 6px solid transparent; } .pageContent ul#main_pager li.col-xs-3 { margin: 0; cursor: pointer; } #main_pager li .icon_active, #main_pager li.active .icon { display: none; } #main_pager li.active .icon_active, #main_pager li .icon { display: block; margin: auto; margin-bottom: 18px; } #main_pager li a { display: inline-block; padding-bottom: 10px; line-height: 1em; text-decoration: none; border-bottom: 6px solid transparent; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #main_pager li.active a { color: #fe813f; border-bottom: 6px solid #fe813f; } #main_pager li a:hover { color: #FE813F; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #capabilities_services .service.cycle-slide { width: 100%; min-height: 428px;} #capabilities_services .service h2 { color: #282829; text-align: left; font-size: 28px; padding: 0; margin: 0 0 1em; line-height: 1; } .pageContent.tab_content #capabilities_services .service h3 + p { margin-top: 0.25em; } #capabilities_services .service .button { display: inline-block; background-color: #fe813f; color: #fff; font-size: 14px; text-align: center; line-height: 48px; padding: 0 66px; text-transform: uppercase; text-decoration: none; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease;} #capabilities_services .service .button:hover { background-color: #eb6e2c; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #capabilities_services .service .vert-center { position: relative; } #capabilities_services .service .vert-center img { position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 100%;} #capabilities_services #slider_nav { top: 46%; } #capabilities_services #prev { left: -100px; } #capabilities_services #next { right: -100px; } #capabilities_services #pager { bottom: 0; } #capabilities_services #pager span.cycle-pager-active { color: #fff; } #slider_nav { position: absolute; z-index: 999; width: 100%; top: 188px; } #slider_nav .container { position: relative; margin: auto; } #prev { position: absolute; left: 0; cursor: pointer; } #next { position: absolute; right: 0; cursor: pointer; } #ourteam + .container article .clear { display: none; } #pager { position: absolute; bottom: 8px; text-align: center; width: 100%; } #pager span { font-size: 28px; margin: 0 2px; color: #dadbdc; cursor: pointer; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } #pager span.cycle-pager-active { color: #6d7174; } #pager span:hover { color: #208baf; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .search h1 { line-height: 0.9em; margin-top: -0.33em; margin-bottom: 1.2em; } .search h1 span { font-size: 40px; display: block; } section.mainContent { overflow-x: hidden; } .page-template-page-home section.mainContent .wp-post-image { position: absolute; top: 0; z-index: 1; min-width: 100%; width: auto; } .page-template-page-nobanner .col-sm-5.first p { line-height: 2em; } .page-template-page-nobanner .col-sm-5.first a { text-decoration: underline; } .page-template-page-forusers .tab_menu { padding-top: 12px; } .page-template-page-forusers .tab_menu.scroll-to-fixed-fixed { width: 100% !important; left: 0 !important; background-color: #fff; } .page-template-page-forusers.logged-in .tab_menu.scroll-to-fixed-fixed { top: 32px !important; } .page-template-page-forusers .tab_menu.scroll-to-fixed-fixed ul#content_tabs { margin: 0; } .page-template-page-forusers .tab_menu.scroll-to-fixed-fixed ul#content_tabs li { margin: 0 8px; } .page-template-page-forusers .tab_menu.scroll-to-fixed-fixed ul#content_tabs li a { padding: 12px 0 0; } .page-template-page-forusers .tab_menu ul { text-align: center; } .page-template-page-forusers .tab_menu ul li { display: inline-block; margin: 32px 6px 18px; padding: 10px; } .page-template-page-forusers .tab_menu ul li a { display:block; font-size:16px; color:#484d51; border-top:6px solid transparent; padding:12px 0; } .page-template-page-forusers .tab_menu ul.for-property-managers li.current a, .page-template-page-forusers .tab_menu ul.for-property-managers-1 li.current a, .page-template-page-forusers .tab_menu ul.for-property-managers-2 li.current a, .page-template-page-forusers .tab_menu ul.for-property-managers-3 li.current a { border-top: 6px solid transparent /* #fe813f */; color: #fe813f; } .page-template-page-forusers .tab_menu ul.for-residents li.current a { border-top: 6px solid transparent /* #208baf */; color: #208baf; } .page-template-page-forusers .tab_menu.scroll-to-fixed-fixed ul li.current a { border-top: 6px solid transparent !important; } /* .why-clickpay- .pageContent.tab_content { padding-bottom: 108px; } */ .pageContent.tab_content h1 + h2 { text-align: center; color: #282829; font-size: 26px; font-weight: 400; margin: 0 auto; } .how-clickpay-works .pageContent.tab_content h1 + h2, .getting-started .pageContent.tab_content h1 + h2 { width: 55%; padding: 0 0 32px; } .pageContent.tab_content h3 { font-size: 22px; margin-bottom: 0; } .pageContent.tab_content h3 + p { margin-top: 0.5em; line-height: 1.55em; margin-bottom: 1.25em; } .how-clickpay-works .pageContent.tab_content h3, .getting-started .pageContent.tab_content h3 {text-align:center;margin-bottom:1em;padding:0 25%;} .how-clickpay-works .pageContent p, .getting-started .pageContent p { font-size: 16px; text-align: center; line-height: 1.75em; } .page-template-page-forusers .tab_content.for-property-managers h1, .page-template-page-forusers .tab_content.for-property-managers-1 h1, .page-template-page-forusers .tab_content.for-property-managers-2 h1, .page-template-page-forusers .tab_content.for-property-managers-3 h1 { color: #fe813f; font-size: 40px; text-align: center; margin: 0 0 0.6em; } .page-template-page-forusers .tab_content.for-residents h1 { color: #208baf; font-size: 40px; text-align: center; margin: 0 0 0.6em; } .page-template-page-forusers .pageContent.tab_content a { text-decoration: underline; } .how-clickpay-works .wpcf7-form-control-wrap, .getting-started .wpcf7-form-control-wrap { margin: 0; width: 35%; padding-right: 10px; } .how-clickpay-works .wpcf7-text, .getting-started .wpcf7-text { border: 2px solid #e7eaec; color: #484d51; } .how-clickpay-works .wpcf7-submit, .getting-started .wpcf7-submit { border: 1px solid #fff; color:#fff; background-color:#484d51; margin:0; width:30%; height:58px; padding: 0 10px; } .how-clickpay-works .col-sm-3 img, .getting-started .col-sm-3 img { position: relative; z-index: 11; } .how-clickpay-works .col-sm-3:before, .getting-started .col-sm-3:before { content: ""; position: absolute; width: 100%; height: 200px; right: 50%; top: 56px; background: url(img/arrows-howclickpayworks.png) no-repeat; background-size: contain; z-index: 9; } .how-clickpay-works .col-sm-3:first-of-type::before, .getting-started .col-sm-3:first-of-type::before { background: none; } .page-template-page-forusers section.mainContent .container.our-capabilities { background: url(img/ourcapabilites_bg.png); background-size: cover; } .integrations-and-api--s .tab_content.for-property-managers .col-sm-6 img, .integrations-and-api--s .tab_content.for-property-managers-1 .col-sm-6 img, .integrations-and-api--s .tab_content.for-property-managers-2 .col-sm-6 img, .integrations-and-api--s .tab_content.for-property-managers-3 .col-sm-6 img { width: 45%; } .gm-style-cc { display: none; } /* FORMS */ .wpcf7-form p.instr { font-size: 18px; color: #25327b; margin: 1.25em 0 0.5em 0; } .wpcf7-form sup { padding: 0 3px; color: #ff0404; font-size: 14px; line-height: 0.8em; top: -0.1em; } .wpcf7-form-control-wrap { color: #707280; } .wpcf7-list-item > label { display: block; width: 100%; line-height: 1.2em; color: #707280; } .wpcf7-list-item > label span { color: #707280; } .wpcf7-list-item, .wpcf7-list-item label { display: inline-block; width: 100%; line-height: 1em; margin: 0 0 0 3px; } .wpcf7-form-control-wrap.inquiry-type { width: 100%; height: 58px; color: #919497; border: 2px solid #e7eaec; margin-top: 0; display: block; overflow: hidden; background: url(img/icon-dropdown.png) center right 18px no-repeat; } .wpcf7-form-control-wrap.inquiry-type select { display: inline-block; line-height: 57px; height: 57px; border: 0px none; border-radius: 0px; padding: 0 14px; width: 103%; background: none repeat scroll 0% 0% transparent; } .wpcf7-form-control-wrap.ustate { display: inline-block; width: 23%; height: 58px; color: #919497; border: 2px solid #e7eaec; top: 10px; margin-top: 0; margin-right: 2%; overflow: hidden; vertical-align: top; background: url(img/icon-dropdown.png) center right 18px no-repeat; } .wpcf7-form-control-wrap.ustate select { display: inline-block; line-height: 57px; height: 57px; border: 0px none; border-radius: 0px; padding: 0 14px 4px; width: 117%; background: none repeat scroll 0% 0% transparent; } .wpcf7-form-control-wrap.ustate.clicked { border: 2px solid #ccc; } .wpcf7-form-control-wrap.ustate select:focus { color: #484d51; } .uaddr input, .uunit input { margin-bottom: 0; } .wpcf7-form-control.wpcf7-radio { display: block; } .wpcf7-form-control-wrap.pm-co { display: none; } .wpcf7-form-control-wrap.pm-co .wpcf7-text { /* margin-top: 10px; */ } .wpcf7-form-control-wrap.res-or-pm { padding-bottom: 16px; display: block; } .wpcf7-list-item.first, .wpcf7-list-item.last { width: 45%; background: url(img/checkbox.png) no-repeat center left; padding-left: 25px; cursor: pointer; } .wpcf7-list-item.first input, .wpcf7-list-item.last input { position: absolute; visibility: hidden; } .wpcf7-list-item.first.checked, .wpcf7-list-item.last.checked { background: url(img/checkbox_checked.png) no-repeat center left; } .wpcf7-form-control-wrap { padding-left: 0 !important; } .invalid .wpcf7-text { margin-bottom: 1.2em; } .wpcf7-text { width: 100%; height: 58px; color: #919497; font-size: 18px; border: 1px solid #e7eaec; margin: 0 0 14px; padding: 0 14px; } .wpcf7-textarea { width: 100%; height: 212px; color: #919497; border: 1px solid #e7eaec; margin: 0; padding: 18px 14px; } .wpcf7-submit, .wpcf7m-submit { display: block; color: #fff; padding: 0; margin: 2.5em 0 0 0; line-height: 58px; font-size: 14px; text-align: center; background-color: #208baf; text-transform: uppercase; letter-spacing: 0.05em; border: 0; width: 100%; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .wpcf7-submit:hover { border: 0; background-color: #117da1; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } textarea:focus, input:focus, .wpcf7-submit:focus { border: 1px solid #CCC; outline: none; } input:focus + .ast { display:none; } .wpcf7-form-control-wrap.coverletter, .wpcf7-form-control-wrap.resume { display: block; color: #919497; font-size: 18px; border: 2px solid #E7EAEC; height: 58px; background: transparent url(img/icon-upload.png) no-repeat scroll right 15px center; } .wpcf7-form-control-wrap.coverletter input, .wpcf7-form-control-wrap.resume input { opacity: 0; width: 592px; position: absolute; left: 0; height: 100%; width: 100%; } .drag-drop-r, .drag-drop-c { font-size: 18px; color: #919497; line-height: 58px; padding: 0px 15px; margin-top: -84px; margin-bottom: 32px; display: block; } .career-form { margin-bottom: 0; border-top: 1px solid #e7eaec; margin-top: 2em; padding-top: 1em; } .wpcf7-text.col-my-10 { display: inline-block; width: 80.3333%; margin-right: 2%; } .wpcf7-text.col-my-2 { display: inline-block; width: 17.66666667%; } .wpcf7-text.col-my-6 { display: inline-block; width: 50%; margin-right: 2%; vertical-align: top; margin-top: 10px; } .wpcf7-text.col-my-3 { display: inline-block; width: 23%; margin-top: 10px; } .ustate .col-my-3 { } /* ::-webkit-input-placeholder { opacity: 0.9; } :-moz-placeholder { opacity: 0.9; } ::-moz-placeholder { opacity: 0.9; } :-ms-input-placeholder { opacity: 0.9; } */ .pageContent p.fnote { font-size: 14px; color: #919497; margin-top: 0; } .wpcf7-validation-errors { border: 2px dashed transparent !important; color: #da262e; } .wpcf7-mail-sent-ok { border: 2px solid transparent !important; color: #398F14; } .wpcf7-text.wpcf7-not-valid, .invalid .wpcf7-form-control-wrap.resume, .invalid .wpcf7-form-control-wrap.inquiry-type { border: 2px solid #fe3f3f; } .invalid .wpcf7-form-control-wrap.inquiry-type.chosen { border: 2px solid #e7eaec; } .wpcf7-not-valid-tip { position: absolute; top: 4px; right: 18px; font-size: 12px !important; color: #fe3f3f; } .resume .wpcf7-not-valid-tip, .inquiry-type .wpcf7-not-valid-tip { top: 19px; right: 44px; } .your-message .wpcf7-not-valid-tip { top: 17px; } .invalid .wpcf7-submit { margin: 1.75em 0 0 0; } .ajax-loader { position: absolute; } div.wpcf7-response-output { margin: 0.5em 0.5em 1em !important; padding: 0.2em 1em; } input + .ast, select + .ast { position: absolute; top: 50%; margin-top: -0.6em; color: #FF5C54; right: 24px; } .wpcf7-form-control-wrap.inquiry-type .ast { left: 9.85em; right: auto; } .wpcf7-form-control-wrap.uname .ast { left: 5.68em; right: auto; } .wpcf7-form-control-wrap.uemail .ast { left: 3.35em; right: auto; } .wpcf7-form-control-wrap.uphone .ast { left: 3.65em; right: auto; } #post-245 .wpcf7 { width: 465px; margin: 50px auto; } #post-245 .wpcf7-text { border: 2px solid #e7eaec; } #post-245 .wpcf7-submit { margin: 0.5em 0px 3em; } #post-245 textarea:focus, input:focus { border: 2px solid #CCC; outline: none; } #post-245 .wpcf7-submit:focus { border: 0; } #post-245 p { margin: 0 !important; } #post-245 a { text-decoration: underline; } .create_acct { display: block; text-align: center; } /* CONTACT FORM */ .contactFormContent form label.error { color: #fe3f3f; top: -13px; position: relative; font-size: 14px; left: auto; bottom: -30px; line-height: 14px; white-space: nowrap; width: 100%; } .contactFormContent form input.error { border: 2px solid #fe3f3f; } .contactFormContent form #category-error { left: -10%; } #Privacy_Policy_Consent-error {color: #fe3f3f; position: absolute; font-size: 14px; top: 55px !important; left: 0px; line-height: 14px; white-space: nowrap; width: 100%;} #consentLabel{font-weight: 300;font-size:18px;} #inq_type-error{top:0px !important;} #Reason_For_Inquiry-error{top:0px !important;} #inq_type { appearance: none !important; width: 100% } .wpcf7-form-control-wrap.inquiry-type select.error{ outline: 2px solid #fe3f3f; } .contactFormContent form input#Privacy_Policy_Consent.error{ outline: 2px solid #fe3f3f; } .list-item.first{width:45%;display: inline-block;} .list-item.last{width:40%;display: inline-block;} /* PROPERTY MANAGEMENT SIGN-UP FORM */ .page-template-page-pm-form, .page-template-page-pm-form header, .page-template-page-res-form, .page-template-page-res-form header { background-color: #f4f6f7; } .page-template-page-pm-form #menu-main-navigation, .page-template-page-res-form #menu-main-navigation { display: none; } .formContent .form_progress { margin-top: 24px; } .formContent .form_progress li { line-height: 24px; padding-bottom: 1px !important; background-color: #e7eaec; color: #919497; font-size: 14px; } .formContent .form_progress li.next { background: #e7eaec url(img/arrow-progress.png) no-repeat right; } .formContent .form_progress li.active { background: #e7eaec url(img/arrow-progress-active.png) no-repeat right; color: #fff; } .formContent .form_progress li.active.next { background: #208baf url(img/arrow-progress-active.png) no-repeat right; } .formContent .form_progress li.activef { background: #208baf; color: #fff; } .formContent form { background-color: #fff; padding: 50px 150px; border: 1px solid #e7eaec; display: block; margin: 12px 0; -webkit-box-shadow: 0 0 37px rgba(231,234,236,0.6); -moz-box-shadow: 0 0 37px rgba(231,234,236,0.6); box-shadow: 0 0 37px rgba(231,234,236,0.6); } .formContent form h1 { font-size: 48px; font-weight: 800; color: #484d51; line-height: 1.05em; text-align: center; margin: 0 auto 8px; } .formContent form label { margin-top: 46px; display: block; font-size: 16px; color: #919497; position: relative; } .formContent form input[type="text"], .formContent form .selwrap { width:100%; height:58px; color: #484D51; font-size:18px; border: 2px solid #e7eaec; margin:0; font-weight:400; padding:0 14px; } .formContent form textarea { width:100%; height:180px; color: #484D51; font-size:18px; border: 2px solid #e7eaec; margin:0; display: block; font-weight:400; padding:14px; } .formContent form .selwrap { overflow:hidden;padding:0; background:transparent url("img/icon-dropdown.png") no-repeat scroll right 18px center; } .formContent form .selwrap select { display: inline-block; line-height: 57px; height: 57px; border: 0 none; border-radius: 0; padding: 0 14px; width: 103%; background: transparent none repeat scroll 0% 0%; } .formContent form .click-option, .formContent form .click-option2, .formContent form .click-option3 { padding: 3px 5px; font-size: 16px; color: #919497; line-height: 1.3em; margin-top: 0; cursor: pointer; } .formContent form .click-option span, .formContent form .click-option2 span { display: block; line-height: 58px; color: #919497; font-size: 16px; border: 1px solid #e7eaec; background: #e7eaec; } /* NATURAL CHECKBOX */ .formContent form .click-option3 span { display: block; line-height: 58px; color: #919497; font-size: 16px; border: 1px solid #e7eaec; background: #e7eaec url(img/checkmark.png) no-repeat center; } /* HOVER CHECKBOX */ .formContent form .click-option span:hover, .formContent form .click-option2 span:hover { background: #8bcea1 url(img/checkmark25.png) no-repeat center; } .formContent form .click-option3 span:hover { background: #8bcea1 url(img/checkmark.png) no-repeat center; } /* SELECTED CHECKBOX */ .formContent form .click-option.selected span, .formContent form .click-option2.selected span { background: #2b8e41 url(img/checkmark_wh25.png) no-repeat center ; color: #fff; } .formContent form .click-option3.selected span { background: #2b8e41 url(img/checkmark_wh.png) no-repeat center; color: #fff; } .formContent form .click-option span input[type="radio"], .formContent form .click-option2 span input[type="radio"], .formContent form .click-option3 span input[type="radio"] { visibility: hidden; position: absolute; } .formContent form input[type="submit"] { width: 100%; height: 58px; color: #fff; font-size: 14px; border: 0; margin: 40px 0 44px; background-color: #208baf; text-align: center; text-transform: uppercase; } .formContent form.interests .click-option3 span { height: 150px; } .formContent form.contacts input[type="text"], .formContent form.company label input[type="text"] { margin-top: 12px; } .formContent form.contacts .reg { color: #919497; font-weight: 400; margin-top: 12px; } .formContent form.contacts input[type="checkbox"], .formContent form.contacts input[type="radio"] { margin: 4px 4px 0; line-height: normal; vertical-align: top; } .formContent form.confirm h1 { margin-bottom: 32px; } .formContent form.confirm p { color: #484d51; font-size: 18px; font-weight: 300; text-align: center; } .tel { color: #208baf; } .formContent label#asother { display: none; margin: 20px 0; } .formContent form.company label#asother input[type="text"] { margin-top: 12px; } .formContent form label.error { color: #fe3f3f; position: absolute; font-size: 14px; left: auto; bottom: -30px; line-height: 14px; white-space: nowrap; width: 100%; } .formContent form input.error { border: 2px solid #fe3f3f; } .formContent form #category-error { left: -10%; } .page-template-page-pm-form footer, .page-template-page-res-form footer { background-color: transparent; color: #484d51; padding-top: 0; } .page-template-page-pm-form footer .footerWrap, .page-template-page-res-form footer .footerWrap { padding: 0 3px; } .page-template-page-pm-form footer .footNav ul li a, .page-template-page-res-form footer .footNav ul li a { color: #484d51; padding-right: 32px; } .tab_menu.fixeded { position: fixed; top: 0; left: 0; z-index: 999999999; background-color: #fff; width: 100%; height: 78px; margin-top: 0; } .page-template-page-forusers .tab_menu.fixeded ul li { margin: 0 8px 8px; } /* FOOTER */ /* Matches $family-sans in resources/style/components/_variables.scss - set here on the container so every element inside inherits it, including any WYSIWYG content dropped into the pre-footer ACF field. */ #pre_footer { background-color: #bda0ff; padding: 29px 0; margin-bottom: 2px; font-family: Inter, "Inter", inter, inter-variable, open-sans, "Lato", lato, "Helvetica Neue", "Helvetica", helvetica, sans-serif; } #pre_footer p { font-size: 18px; color: #282829; } #pre_footer .last a { display: inline-block; border: 1px solid #fff; color: #282829; text-transform: uppercase; font-size: 14px; line-height: 52px; padding: 0 32px; font-family: Inter, "Inter", inter, inter-variable, open-sans, "Lato", lato, "Helvetica Neue", "Helvetica", helvetica, sans-serif; } #pre_footer .last.noPad { margin: -8px 0; } #pre_footer .last.noPad h5 { margin: 0 0 -8px; color: #282829; text-transform: uppercase; font-size: 14px; font-weight: 400; font-family: Inter, "Inter", inter, inter-variable, open-sans, "Lato", lato, "Helvetica Neue", "Helvetica", helvetica, sans-serif; } #pre_footer .last.noPad p { border-spacing: 16px; margin: 0; } #pre_footer .last.noPad a { display: table-cell; border: 1px solid #fff; color: #282829; text-transform: uppercase; font-size: 14px; line-height: 1.35; height: 60px; padding: 0 23px; vertical-align: middle; font-family: Inter, "Inter", inter, inter-variable, open-sans, "Lato", lato, "Helvetica Neue", "Helvetica", helvetica, sans-serif; } /* h1-h4 in #pre_footer default to $family-display (serif fallback) via the global typography rules in resources/style/components/_typography.scss, loaded on every page - override back to sans-serif for the pre-footer's own headline. */ #pre_footer h1, #pre_footer h2, #pre_footer h3, #pre_footer h4 { font-family: Inter, "Inter", inter, inter-variable, open-sans, "Lato", lato, "Helvetica Neue", "Helvetica", helvetica, sans-serif; } @media (max-width: 991px) { #pre_footer .last.noPad a { width: 100%; max-width: 200px; display: block; line-height: 60px; margin: 10px auto 0; padding: 0 10px; } #pre_footer .last.noPad a br { display: none; } } #pre_footer .last a:hover { background: #fff; border: 1px solid #fff; color: #282829; } #pre_footer .last { text-align: right; } #pre_footer .last.noPad { text-align: center !important; } .wpcf7pm { margin: 0 auto; } .wpcf7res { margin: 0 auto; } .wpcf7pm p, .wpcf7res p { font-style: italic; color: #fff; font-size: 18px; text-align: center; margin: 12px 0; } .wpcf7pm form p, .wpcf7res form p { margin-bottom: 0; font-style: normal; } .wpcf7pm h3 { font-size: 26px; text-align: center; color: #fff; font-weight: 400; margin-top: 8px; margin-bottom: 19px; } .wpcf7res h3 { font-size: 26px; text-align: center; color: #fff; font-weight: 400; margin: 0; line-height: 58px; } .wpcf7pm .wpcf7-form-control-wrap, .wpcf7res .wpcf7-form-control-wrap { /*margin: 0; width: 28%;*/ padding-right: 10px; display: inline-block; }/*was width: 35%;*/ .wpcf7-text { border: 2px solid #e7eaec; color: #484d51; font-style: normal; } .wpcf7-textarea { border: 2px solid #e7eaec; color: #484d51; } .wpcf7pm .wpcf7-submit { color: #fff; background-color: #484d51; margin: 0; width: 70%; height: 58px; padding: 0 10px; font-style: normal; margin: 20px 15%; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } /*was width: 30%;*/ .wpcf7res .wpcf7-submit { display: inline-block; color: #fff; background-color: /* #484d51 */ #fff; margin: 0; height: 58px; width: 200px; padding: 0; border: 1px solid #fff; text-decoration: none; font-style: normal; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease;} .wpcf7pm a, .wpcf7res a { text-decoration: underline; } .wpcf7pm .wpcf7-submit:hover, .wpcf7res .wpcf7-submit:hover { background-color: #353b40; outline: none; /* border: 0; */ cursor: pointer; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .resident_btn { display: inline-block; margin: 20px; padding: 18px 0px; width: 295px; color: rgb(255, 255, 255); font-size: 18px; text-align: center; text-transform: uppercase; background-color: rgb(32, 139, 175); } .propertymanager_btn { display: inline-block; margin: 20px; padding: 18px 0px; width: 295px; color: rgb(255, 255, 255); font-size: 18px; text-align: center; text-transform: uppercase; background-color: rgb(254, 129, 63); } footer { background-color: #484d51; padding: 30px 0 22px; } .footNav ul li { display: inline-block; } .footNav ul li a { color: #fff; padding-right: 32px; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .footNav ul li a:hover { color: #fff; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .footerWrap .social { padding: 0 12px; } .credits { margin: 0; font-size: 12px; color: #919497; } /********************************************* BLOCKS **********************************************/ blockquote { font-size:18px; color:#00478E; } blockquote.normal { font-size:16px; color:#333333; } blockquote.testimonial { background: url(img/testimonial_bg.png) no-repeat; background-size: cover; position: relative; font-size: 34px; color: #fff; padding: 72px 0 111px; } blockquote.testimonial .test_underlay { position: absolute; z-index: 11; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.3; } blockquote.testimonial .quoteWrap { position: relative; z-index: 12; width: 1000px; padding: 0px 325px 0 20px; margin: auto; line-height: 1.23em;} blockquote.testimonial .quoteWrap p { display: inline; } blockquote.testimonial .highlight { display: block; font-size: 20px; color: #fff; margin-top: 36px; text-indent: -16px; margin-left: 16px; line-height: 1.3em; } blockquote.testimonial .highlight span { display: block; text-indent: 4px; } .page-template-page-forusers blockquote.testimonial { padding: 72px 0px 126px; margin-bottom: 24px; } .page-template-page-forusers blockquote.testimonial .highlight { margin-top: 22px; } .page-template-page-forusers blockquote.testimonial .test_underlay { opacity: 0.5; } .quoteLeft { float: left; margin: 35px 35px 35px 0; width: 45%; } .quoteRight { float: right; margin: 0 0 20px 35px; width: 45%; } .quoteMarkLeft, .quoteMarkRight { display: none; } .showQuotes .quoteMarkLeft { display: block; } .showQuotes .quoteMarkRight { display: inline; } .quoteMarkLeft { left: 0; top: 0; position: absolute; width: 31px; height: 18px; } .quoteMarkRight { position: absolute; } .container-1000.center .pageContent { padding: 144px 0 108px; } .container-1000.center .col-sm-4 h3 { font-size: 22px; margin: 1.5em auto 0.75em; } .container-1000.center .col-sm-4 p { font-size: 16px; padding: 0 25px; } .container-1000.center .col-sm-4 h3 + p { height: 108px; line-height: 1.55em;} .container-1000.center .col-sm-4 .button { display: block; margin: 2px auto; line-height: 42px; width: 60%; color: #62a349; font-size: 14px; text-align: center; text-transform: uppercase; border: 1px solid #62a349; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease;} .container-1000.center .col-sm-4 .button:hover { background: rgba(98,163,73,0.2); border: 1px solid #aed2a1; color: #53933a; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } /********************************************* SPECIALTY **********************************************/ /* Lightbox Pop Up */ .popUpWrap { display:none; } .popUp iframe { width:100%; } .iframeWrap { padding:10px; background:#000; } body.page-template-template-videos-php .iframeWrap { padding:10px; background:#fff; } .popUpContent { padding: 10px 80px 10px 40px; position: absolute; width: 94.4%; background:#00478E;} .popUpContent h5 { color:#8ADDFF; font-size:16px; /* text-transform:uppercase; */ } .popUpContent p { color:#fff; font-size:14px; } .popUp img.galleryImg { width:100%; } div.pp_default .pp_nav .currentTextHolder { color:#8ADDFF !important; font-size:12px !important; font-style:normal !important; right:50px !important;} div.pp_default .pp_nav { width:100% !important; } div.pp_default a.pp_arrow_next { float:right; } .pp_play { display:none; } .pp_close { width:48px !important; height:10px !important; background:url(img/popup-close.png) no-repeat center center !important; top:-20px !important; right:20px !important;} a.pp_arrow_previous { background:url(img/popup-left.png) no-repeat center center !important; margin-left:10px !important; } a.pp_arrow_next { background:url(img/popup-right.png) no-repeat center center !important; margin-right:10px !important; } div.pp_default .pp_content_container .pp_details { margin-top:5% !important; } .navigation { position: absolute; bottom: -50px; } .navigation li { display: inline-block; text-align: center; margin:0; padding: 0; } .navigation li.disabled { color: #6D7D85; text-decoration:none; text-align: center; } .navigation li a, .navigation li a:hover, .navigation li.active a { display: inline; color: #6D7D85; text-decoration:none; text-align: center; width: 100%; margin: auto; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .navigation li a:after { background: none !important; width: 0; height: 0; margin: 0; display:none; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: #FFF; border: 1px solid #DCE2E5; cursor: pointer; padding: 2px 5px; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .navigation li a:hover, .navigation li.active a { background-color: #DCE2E5; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } ul.blueDots { color:#009BDA; list-style:disc outside !important; padding-left:10px;} ul.blueDots.backToBlack { color:#333; } ul.blueDots li { padding-left:4px; margin-left: 4px; margin-bottom:10px; font-size:14px; } ul.blueDots span { color:#333; } ul.blueDots.large { padding-left:50px;} ul.blueDots.large li { font-size:16px; } #mobileEd, #mobileCom { display:none; } .spacer { clear:both; } .popUp img.galleryImg { width: auto; max-height: 313px; max-width: 475px; } .iframeWrap { text-align: center; } .noPadL { padding-left:0 !important;} @media (max-width: 767px){ .page-template-page-mri-php .wpcf7pm .wpcf7-submit { display: block; width: 100%; } .page-template-page-mri-php .wpcf7pm .wpcf7-form-control-wrap { width: 50% !important;} .page-template-page-mri-php .wpcf7pm .wpcf7-form-control-wrap.email {padding-right:0;} .cta_login .wpcf7pm .wpcf7-form-control-wrap.col-sm-3{width:92%;} .page-id-231.page-template-page-forusers #cta {padding-top: 0; height: 400px;} } /* ************************************** / / / / UPDATED TEMPLATES / / / / ************************************** */ .page-template-page-exp1 header, .page-template-page-exp2 header, header { top: 0; z-index: 128; } .page-template-page-exp1 .container.headerWrap, .page-template-page-exp2 .container.headerWrap, .container.headerWrap { padding-top: 0; } .page-template-page-exp1 .container.headerWrap #logo, .page-template-page-exp2 .container.headerWrap #logo, .container.headerWrap #logo { height: 50px; } .page-template-page-exp1 .container.headerWrap #logo img, .page-template-page-exp2 .container.headerWrap #logo img, .container.headerWrap #logo img { max-width: 180px; } .mainMobileNav ul.sub-menu { background-color: rgba(180,180,180,0.65); padding: 0.5em 0; } .mainMobileNav ul.sub-menu li a { font-size: 24px; line-height: 2.25em; } section.mainContent { overflow-x: hidden; position: relative; z-index: 127; } .page-template-page-exp1 .container.headerWrap #logo #new, .page-template-page-exp2 .container.headerWrap #logo #new, .container.headerWrap #logo #new { display: block; } .page-template-page-exp1 .container.headerWrap #logo #old, .page-template-page-exp2 .container.headerWrap #logo #old, .container.headerWrap #logo #old { display: none; } .page-template-page-exp1 .container.headerWrap #loginportal, .page-template-page-exp2 .container.headerWrap #loginportal, .container.headerWrap #loginportal { top: 0; } .page-template-page-exp1 .container.headerWrap nav.mainNav li a, .page-template-page-exp2 .container.headerWrap nav.mainNav li a, .container.headerWrap nav.mainNav li a { text-transform: none; font-size: 18px; } .page-template-page-exp1 .container.headerWrap nav.mainNav li a em, .page-template-page-exp2 .container.headerWrap nav.mainNav li a em, .container.headerWrap nav.mainNav li a em { color: #fff; } .page-template-page-exp1 .container.headerWrap nav.mainNav li.login a, .page-template-page-exp2 .container.headerWrap nav.mainNav li.login a, .container.headerWrap nav.mainNav li.login a { background-color: #2ba7d6; color: #fff; text-transform: uppercase; font-size: 16px;} .page-template-page-exp1 #menu-main-navigation .current-menu-item > a, .page-template-page-exp2 #menu-main-navigation .current-menu-item > a, #menu-main-navigation .current-menu-item > a, #menu-main-navigation .current-page-ancestor > a { color: #fff; border-top: 6px solid transparent; } .page-template-page-exp1 #underlay, .page-template-page-exp2 #underlay, .page-template-page-exp2a #underlay, .page-template-page-exp2a #underlay, .page-template-page-exp4 #underlay { border-bottom: 0; background: none; top: 0; margin: 0; height: 34vw !important; max-height: 550px !important; } .page-template-page-exp1 #underlay #home_banner, .page-template-page-exp2 #underlay #home_banner, .page-template-page-exp2a #underlay #home_banner, .page-template-page-exp4 #underlay #home_banner { opacity: 1; position: relative; z-index: 98; max-height: 530px; } .page-template-page-exp1 #underlay #home_banner:after { content: ""; display:none; position:absolute; bottom:-16px; height:16px; width:100%; background: url(https://site.clickpay.com/wp-content/uploads/2017/06/wood-arrowdown.png) no-repeat top center; background-size: contain; z-index: 99; } .page-template-page-exp1 #cta, .page-template-page-exp2 #cta, .page-template-page-exp2a #cta, .page-template-page-exp4 #cta { height: 24vw; padding: 1vw 0; text-align: left; z-index: 101; max-height: 375px;} .page-template-page-exp1 #cta h1, .page-template-page-exp2 #cta h1, .page-template-page-exp2a #cta h1, .page-template-page-exp3 #cta h1, .page-template-page-exp3a #cta h1, .page-template-page-exp4 #cta h1, .page-template-page-student #cta h1 { font-size: 86px; line-height: 1.25em; color: #fff; font-weight: 300; text-shadow: 5px 5px 2px rgba(75, 75, 75, 0.3); } .page-template-page-exp2a #cta h1 { font-size: 86px; } .page-template-page-exp1 #cta h3, .page-template-page-exp2 #cta h3 { font-size: 26px; } .page-template-page-exp1 #cta h2, .page-template-page-exp1 #cta h3, .page-template-page-exp1 #cta h4, .page-template-page-exp1 #cta h5, .page-template-page-exp1 #cta p, .page-template-page-exp2 #cta h2, .page-template-page-exp2 #cta h3, .page-template-page-exp2 #cta h4, .page-template-page-exp2 #cta h5, .page-template-page-exp2 #cta p { color: #fff; font-weight: 300; margin: 12px 0 12px 5px; letter-spacing: 0.01em; } .page-template-page-exp1 #cta h3 strong, .page-template-page-exp2 #cta h3 strong { font-weight: 400; } .page-template-page-exp1 #cta .button, .page-template-page-exp2 #cta .button, .page-template-page-exp2a #cta .button, .page-template-page-exp4 #cta .button { margin-left: 0; font-size: 16px; font-weight: 700; width: auto; padding: 0 60px; line-height: 48px; -webkit-box-shadow: 2px 4px 5px 0px rgba(75, 75, 75, 0.3); -moz-box-shadow: 2px 4px 5px 0px rgba(75, 75, 75, 0.3); box-shadow: 2px 4px 5px 0px rgba(75, 75, 75, 0.3); } .page-template-page-exp2a #cta .button { min-width: 250px; font-size: 18px; line-height: 54px; } .page-template-page-exp1 #cta .button.resident { background-color: #fff; color: #8c8c8c; } .page-template-page-exp1 #cta .button.property-manager, .page-template-page-exp2 #cta .button.property-manager { background-color: #0a86b5; color: #fff; } .page-template-page-exp1 .pageContent .row .xpad35L, .page-template-page-exp2 .pageContent .row .xpad35L, .page-template-page-exp3 .pageContent .row .xpad35L, .page-template-page-exp3a .pageContent .row .xpad35L, .page-template-page-exp4 .pageContent .row .xpad35L, .page-template-page-student .pageContent .row .xpad35L { padding-left: 35px; border: 0; } .page-template-page-exp1 .pageContent .row .xpad35R, .page-template-page-exp2 .pageContent .row .xpad35R, .page-template-page-exp3 .pageContent .row .xpad35R, .page-template-page-exp3a .pageContent .row .xpad35R, .page-template-page-exp4 .pageContent .row .xpad35R, .page-template-page-student .pageContent .row .xpad35R { padding-right: 35px; border: 0; } .page-template-page-exp1 .pageContent, .page-template-page-exp2 .pageContent { padding-top: 0; } .page-template-page-exp1 .pageContent h2, .page-template-page-exp2 .pageContent h2, .page-template-page-exp4 .pageContent h2 { font-size: 40px; color: #282829; padding-bottom: 24px !important; } .page-template-page-exp1 .pageContent h2 { padding-top: 4px; padding-bottom: 0 !important; margin-bottom: 0.5em; } .page-template-page-exp4 .pageContent h2 { margin-top: 0; } .page-template-page-exp1 .pageContent .gears { padding-top: 12px; } .page-template-page-exp1 .pageContent .gears .col-sm-6 { border: 0 !important; } .page-template-page-exp1 .pageContent .flipper { text-align: center; height: 275px; width: 100%; min-height: 275px; position: relative; display: block; margin: 0 auto; } .page-template-page-exp1 .pageContent .flipper img { max-width: 65%; margin: auto; } .page-template-page-exp1 .pageContent .flipper .front h4 { font-size: 20px; color: #6c6e70; font-weight: 400; margin-top: 1em; margin-bottom: 2em; } .page-template-page-exp1 .pageContent .flipper .back h4 { color: #fff; height: 2.4em; line-height: 1.2em; vertical-align: bottom; display: table-cell; text-align: center; width: 100%; margin: auto; } .page-template-page-exp1 .pageContent .flipper .back p { font-size: 15px; color: #fff; display: table-row; font-weight: 400; } .page-template-page-exp1 .pageContent .flipper .back p + p { display: block; } .page-template-page-exp1 .pageContent .flipper .back a { border: 1px solid #fff; color: #fff; padding: 8px 12px; } .page-template-page-exp1 .pageContent .flipper .back a:hover { color: #fff; } .flipper .card { width: 100%; height: 100%; position: relative; } .flipper .front, .flipper .back { -webkit-transform-style: preserve-3d; -webkit-transition: .5s; -moz-transform-style: preserve-3d; -moz-transition: .5s; -ms-transform-style: preserve-3d; -ms-transition: .5s; -o-transform-style: preserve-3d; -o-transition:.5s;transform-style: preserve-3d; transition: .5s; } .flipper .card .face { width: 100%; height: 100%; position: absolute; text-align: center; padding: 15px; } .flipper .card .front { position: absolute; z-index:1; background-color: #fff; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; } .flipper .card .back { -ms-transform: rotatey(-180deg); -moz-transform: rotatey(-180deg); -webkit-transform: rotatey(-180deg); -o-transform:rotatey(-180deg); transform: rotatey(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; text-align: center; display: table; } .flipper:hover .front { -ms-transform:rotatey(180deg); -moz-transform: rotatey(180deg); -webkit-transform: rotatey(180deg); -o-transform:rotatey(180deg); transform: rotatey(180deg); } .flipper:hover .back { -ms-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -webkit-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; } .flipper .card .front > div { position:absolute; height: 44%; margin: auto; top:0; bottom:0; left:0; right:0; } .flipper .card .back.blue { background-color: #0a86b5; } .flipper .card .back.darkblue { background-color: #035372; } .flipper .card .back.purple { background-color: #9576b2; } .flipper .card .back.orange { background-color: #f68c1f; } .flipper .card .back.green { background-color: #fff; } #co_stats { padding: 36px 0 54px; } #co_stats h2 { font-size: 40px; text-align: center; } #co_stats h3 { font-size: 54px; font-weight: 700; margin: 0 auto; text-align: center; line-height: 1.25em; } #co_stats h2, #co_stats h3, .one_login h2, .one_login p { color: #fff !important; } .one_login h2 { padding: 0 !important; text-align: left; line-height: 52px; } .one_login p { font-size: 20px !important; line-height: 33px !important; } #co_stats p { font-size: 20px; font-weight: 300; color: #fff; margin: 0 auto 2em; text-align: center; } .pad60 { padding: 0 80px 0 72px !important; } .slidein > div { position: relative; } .slidein .card { text-align: center; display: block; width: 100%; height: auto; } .slidein .card img { margin-bottom: 2.25em; } .slidein .card h4 { } .slidein .card + .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .slidein > div:hover .overlay { height: 100%; } .text { font-size: 18px; color: #808285; position: absolute; overflow: hidden; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 75%; text-align: center; } .page-template-page-exp1 #pay_now { height: 36vw !important; max-height: 600px !important; position: relative; } .page-template-page-exp1 #pay_now .dvs_p { position: absolute; min-width: 350px; } .page-template-page-exp1 #pay_now .dvs_p a { background-color: #f78c1f; color: #fff; font-size: 20px; text-align: center; display: inline-block; border-radius: 50%; height: 26px; width: 26px; line-height: 25px; cursor: pointer; } .page-template-page-exp1 #pay_now .dvs_p p { position: absolute; bottom: 50%; background: #f78c1f; left: 32px; font-size: 24px; font-weight: 600; color: #fff; padding: 12px 20px; text-align: center; margin: 0; opacity: 0; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .page-template-page-exp1 #pay_now .dvs_p a:hover + p, .page-template-page-exp1 #pay_now .dvs_p a:hover + p + p { opacity: 1; } .page-template-page-exp1 .pageContent .col-sm-6 + .col-sm-6 { padding-left: 15px; } .page-template-page-exp1 .pageContent #co_stats .xpad35L { padding-left: 9%; } .page-template-page-exp1 .pageContent #co_stats .xpad35R { padding-right: 9%; } .page-template-page-exp1 .pageContent #co_stats h3 { font-size: 54px; font-weight: 700; margin:0 auto; text-align:center; line-height: 1.25em;} .page-template-page-exp1 .pageContent #co_stats p { font-size: 20px; font-weight: 300; color:#fff; margin:0 auto 2em; text-align:center; } .page-template-page-exp1 .pageContent #co_logos h2 { padding-bottom: 8px !important; } .page-template-page-exp1 .pageContent #co_logos .cycle-slideshow { width: 100% !important; } .page-template-page-exp1 .pageContent #co_logos img { max-height: 80px; padding: 0 22px; -webkit-filter:grayscale(100%); filter:grayscale(100%); } .page-template-page-exp1 .pageContent #co_logos img.chozen { -webkit-filter: none; filter: none; } @-moz-document url-prefix() { .page-template-page-exp1 .pageContent #co_logos img { max-height: 88px; padding: 0 17px; } } .page-template-page-exp1 #co_tests { min-height: 375px; /*background-color: #f9f9f9;*/ padding: 54px 0 80px; margin-bottom: -20px; background: #f9f9f9 url(https://site.clickpay.com/wp-content/uploads/2020/07/newskyline1.png) center bottom no-repeat; background-size: contain; } .page-template-page-exp2a .testimonial.pageContent p { font-size: 26px; color: #6c6e70; text-align: center; font-weight: 300; font-style: italic; line-height: 1.42857143; } .page-template-page-exp2a .pageContent .better-together h2 + p , .page-template-page-exp2a .pageContent .association_management h2 + p { font-size: 20px; line-height: 36px; margin-bottom: 3em; } .page-template-page-exp2a .pageContent .better-together h4 + p { line-height: 30px; } .page-template-page-exp1 #co_tests .container { position: relative; } .page-template-page-exp1 #co_tests .testimonial { display: none; padding-bottom: 32px; position: absolute; width: 100%; min-height: 260px; } .page-template-page-exp1 #co_tests .testimonial blockquote { font-size: 26px; color: #6c6e70; text-align: center; font-weight: 300; font-style: italic; } .page-template-page-exp1 #co_tests .testimonial blockquote::before { content: "\201C"; font-size: 765px; color: #0a86b5; font-weight: 400; opacity: 0.15; position: absolute; left: -5%; top: -40%; line-height: 1; max-height: 125%; overflow: hidden; font-style: normal; } .page-template-page-exp1 #co_tests .testimonial blockquote cite { position: absolute; bottom: 0; left: 0; width: 100%; } @-moz-document url-prefix() { .page-template-page-exp1 #co_tests .testimonial blockquote::before { top: -17%; } } .page-template-page-exp1 .pageContent h4, .page-template-page-exp2 .pageContent h4 { font-size: 22px; font-weight: 500; } .page-template-page-exp2 #init_form, .page-template-page-canada #init_form { margin-bottom: 3em; } .page-template-page-exp2 #init_form .easy-pts, .page-template-page-canada #init_form .easy-pts { padding-top: 78px; } .page-template-page-exp2 #init_form .pts, .page-template-page-canada #init_form .pts { min-height: 125px; margin-bottom: 28px; } .page-template-page-exp2 #init_form .pts p, .page-template-page-canada #init_form .pts p { margin: 0; } .page-template-page-exp2 #init_form .pts img, .page-template-page-canada #init_form .pts img { } .page-template-page-exp2 #init_form .pm-form-simple h3, .page-template-page-canada #init_form .pm-form-simple h3 { font-size: 32px; text-align: center; color: #808285; font-weight: 400; margin: 0; line-height: 1; } .page-template-page-exp2 #init_form .pm-form-simple h5, .page-template-page-canada #init_form .pm-form-simple h5 { font-size: 24px; text-align: center; color: #808285; font-weight: 300; margin: 0; } .page-template-page-exp2 #init_form .pm-form-simple label, .page-template-page-canada #init_form .pm-form-simple label { position: relative; } .page-template-page-exp2 #init_form .pm-form-simple input[type=text], .page-template-page-canada #init_form .pm-form-simple input[type=text], .page-template-page-exp2 #init_form .pm-form-simple input[type=tel], .page-template-page-canada #init_form .pm-form-simple input[type=tel], .page-template-page-exp2 #init_form .pm-form-simple input[type=number], .page-template-page-canada #init_form .pm-form-simple input[type=number], .page-template-page-exp2 #init_form .pm-form-simple input[type=email], .page-template-page-canada #init_form .pm-form-simple input[type=email] { background-color: #eeeeee; border: 0; padding: 0 12px; line-height: 44px; height: 44px; width: 100%; margin-top: 16px; color: #484d51; font-weight: 400; } .page-template-page-exp2 #init_form .pm-form-simple label.selwrap, .page-template-page-canada #init_form .pm-form-simple label.selwrap { background-color: #eeeeee; border: 0; padding: 0; line-height: 44px; height: 44px; width: 100%; margin-top: 16px; overflow: hidden; } .page-template-page-exp2 #init_form .pm-form-simple label.selwrap select, .page-template-page-canada #init_form .pm-form-simple label.selwrap select { background: transparent; border: 0; width: 103%; line-height: 44px; height: 44px; font-weight: 400; color: rgba(72,77,81,0.8); padding-left: 9px; } .page-template-page-exp2 #init_form .pm-form-simple .res-small, .page-template-page-canada #init_form .pm-form-simple .res-small { font-size: 14px; padding-left: 5px; color: #808285; } .page-template-page-exp2 #init_form .pm-form-simple .res-small, .page-template-page-canada #init_form .pm-form-simple .res-small span { text-decoration: underline; color: #00aed8; } .page-template-page-exp2 #init_form .pm-form-simple .res-small, .page-template-page-canada #init_form .pm-form-simple .res-small a:hover { color: #808285; } .page-template-page-exp2 #init_form .pm-form-simple .res-small, .page-template-page-canada #init_form .pm-form-simple .res-small a:hover span { opacity: 0.8; } #asother { display: none; } .page-template-page-exp2 #init_form .pm-form-simple input[type="text"].error, .page-template-page-canada #init_form .pm-form-simple input[type="text"].error, .page-template-page-exp2 #init_form .pm-form-simple input[type="tel"].error, .page-template-page-canada #init_form .pm-form-simple input[type="tel"].error, .page-template-page-exp2 #init_form .pm-form-simple input[type="email"].error, .page-template-page-canada #init_form .pm-form-simple input[type="email"].error, .page-template-page-exp2 #init_form .pm-form-simple input[type="number"].error, .page-template-page-canada #init_form .pm-form-simple input[type="number"].error { background-color: rgba(255,0,0,.3); } .page-template-page-exp2 #init_form .pm-form-simple label.error,.page-template-page-canada #init_form .pm-form-simple label.error { color: rgba(255,0,0,.6); font-size: 13px; padding-left: 12px; position: absolute; width: 100%; left: 0; bottom: -21px; } .page-template-page-exp2 #init_form .pm-form-simple input[type=submit], .page-template-page-canada #init_form .pm-form-simple input[type=submit] { background-color: #0a86b5; float: right; font-size: 18px; font-weight: 400; padding: 10px 24px; color: #fff; margin: 12px 16px; border: 0; border-radius: 3px; } .page-template-page-exp2 ::-webkit-input-placeholder, .page-template-page-canada ::-webkit-input-placeholder { opacity: 0.8; } .page-template-page-exp2 :-moz-placeholder, .page-template-page-canada :-moz-placeholder { opacity: 0.8; } .page-template-page-exp2 ::-moz-placeholder, .page-template-page-canada ::-moz-placeholder { opacity: 0.8; } .page-template-page-exp2 :-ms-input-placeholder, .page-template-page-canada :-ms-input-placeholder { opacity: 0.8; } .page-template-page-exp2 #acct_sys { background-color: #eeeeee; height: 144px; overflow: hidden; } .page-template-page-exp2 #acct_sys .container { position: relative; } .page-template-page-exp2 #acct_sys h4 { text-align: center; font-size: 18px; color: #f68c1f; margin: 0.75em auto 0.1em; } .page-template-page-exp2 #acct_sys .cycle-sm-2 { height: 108px; text-align: center; } .page-template-page-exp2 #acct_sys img { max-height: 96px; width: 74%; padding: 10px; } .page-template-page-exp2 #acct_sys #next { position: absolute; right: -24px; width: 16px; height: 108px; top: 32px; display: block; background: url(https://site.clickpay.com/wp-content/uploads/2017/06/icon-next.png) no-repeat center; background-size: contain; } .page-template-page-exp2 #acct_sys #prev { position: absolute; left: -24px; width: 16px; height: 108px; top: 32px; display: block; background: url(https://site.clickpay.com/wp-content/uploads/2017/06/icon-prev.png) no-repeat center; background-size: contain; } #newold_capabilities { margin: 24px 0 0; overflow: hidden; position: relative; } #newold_capabilities .container { position: relative; } .page-template-page-exp2 #newold_capabilities .cycle-slideshow { height: 64vh; margin-top: 10vh; margin-bottom: 84px; overflow: hidden; } .page-template-page-exp4 #newold_capabilities .cycle-slideshow { height: 44vh; margin-top: 10vh; margin-bottom: 44px; overflow: hidden; } #newold_capabilities .service { width: 100%; } .page-template-page-exp2 #newold_capabilities .service img { height: 60vh; } .page-template-page-exp4 #newold_capabilities .service img { height: 40vh; } #newold_capabilities .vertical-center { position: absolute; width: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0; /* height: 45%; */ } .page-template-page-exp2 #newold_capabilities .slide-copy h2 { font-size: 64px; line-height: 1.1em; font-weight: 300; color: #282829; margin: 0;} .page-template-page-exp2 #newold_capabilities .slide-copy p { font-size: 36px; line-height: 1.5em; font-weight: 300; color: #878787; margin: 0;} .page-template-page-exp4 #newold_capabilities .slide-copy h2 { font-size: 36px; line-height: 1.1em; font-weight: 300; color: #282829; margin: 0; text-align:left; padding: 0 0 16px 0 !important; } .page-template-page-exp4 #newold_capabilities .slide-copy p { font-size: 18px; line-height: 1.5em; font-weight: 300; color: #878787; margin: 0;} #newold_capabilities #cnext { position: absolute; width: 20px; height: 92%; top: 0; display: block; background: url(https://site.clickpay.com/wp-content/uploads/2017/06/icon-next.png) no-repeat center; background-size: contain; z-index: 999; } #newold_capabilities #cprev { position: absolute; width: 20px; height: 92%; top: 0; display: block; background: url(https://site.clickpay.com/wp-content/uploads/2017/06/icon-prev.png) no-repeat center; background-size: contain; z-index: 999; } .page-template-page-exp2 #newold_capabilities #cnext { right: 0; } .page-template-page-exp2 #newold_capabilities #cprev { left: 50%; } .page-template-page-exp4 #newold_capabilities #cnext { left: 46%; } .page-template-page-exp4 #newold_capabilities #cprev { left: 0; } .page-template-page-exp2a article h1 { display: none; } .page-template-page-exp2 .pageContent#post-821a, .page-template-page-exp2 .pageContent#post-1188a { padding-top: 44px; } .page-template-page-exp2 .contentWrap.group2 h2 { padding-bottom: 0 !important; margin-bottom: 1em; } .page-template-page-exp2 .contentWrap.group2 h3, .page-template-page-exp2 .contentWrap.group2 h4 { position: relative; margin-top: 0; line-height: 1.4em; } .page-template-page-exp2 .contentWrap.group2 h3.wicon, .page-template-page-exp2 .contentWrap.group2 h4.wicon { padding-top: 84px; } .page-template-page-exp2 .contentWrap.group2 h3 img, .page-template-page-exp2a .pageContent h4 img, .page-template-page-exp2 .contentWrap.group2 h4 img { width: 24%; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .page-template-page-exp2a .pageContent h4.wicon { padding-top: 68px; position: relative; } .page-template-page-exp2a .beyond-exp.pageContent h4.wicon { padding-top: 44px; } .page-template-page-exp2a .pageContent h4 img { height: 60%; width: auto; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .page-template-page-exp2a .pageContent .leasing_reimagined-alt h4.wicon { padding-top: 40px; } .page-template-page-exp2a .pageContent .leasing_reimagined-alt h4 img { height: 55px; } .page-template-page-exp2a .pageContent .leasing_reimagined-alt p, .page-template-page-exp2a .pageContent .trusted_payments p, .page-template-page-exp2a .pageContent.beyond-exp p { padding: 0 0px !important; } .page-template-page-exp1 .pageContent .payment-platform p { padding: 0 15px !important; } .page-template-page-exp2a .contentWrap.group2 { display: none; } .row.chckf { padding-bottom: 32px; } .page-template-page-exp2 .contentWrap.group3 h2 { padding-bottom: 0 !important; margin-bottom: 0.5em; } .page-template-page-exp2 .contentWrap.group3 .feature h3, .page-template-page-exp2 .contentWrap.group3 .feature h4 { display: inline-block; position: relative; margin: 1.95em auto; text-align: center; line-height: 1.1em; } .page-template-page-exp2 .contentWrap.group3 .feature h3:before, .page-template-page-exp2 .contentWrap.group3 .feature h4:before { content: ""; position: absolute; display: block; left: -36px; width: 25px; height: 90%; background: url(https://site.clickpay.com/wp-content/uploads/2017/06/icon_checkmark_blue.png) no-repeat center; background-size: contain; } .page-template-page-exp2 #security { background: url(https://site.clickpay.com/wp-content/uploads/2017/06/bg_security.jpg) no-repeat; background-size: cover; padding: 60px 0; margin-top: 24px; } .page-template-page-exp2 #security h2 { font-size: 46px; font-weight: 400; text-align: center; color: #fff; padding-bottom: 0 !important; margin: 0 0 1em; } .page-template-page-exp2 #security .secdet { position: relative; min-height: 225px; } .page-template-page-exp2 #security img { width: 48px; height: auto; position: absolute; left: 0; top: 1.3em; /*bottom: 0;*/ margin: auto; } .page-template-page-exp2 #security .noPadR img { left: 15px; } .page-template-page-exp2 #security h3 { padding-left: 65px; color: #fff; font-size: 28px; font-weight: 400; margin: 0.5em 0 0; } .page-template-page-exp2 #security p { padding-left: 65px; color: #fff; margin: 0 0 2em; font-size: 18px; font-weight: 300; } .page-template-page-exp2 #detail_form.pm-form-detail { padding: 1em 0 3.5em; } .page-template-page-exp2 #detail_form .pm-form-detail label { position: relative; } .page-template-page-exp2 #detail_form.pm-form-detail input[type=text], .page-template-page-exp2 #detail_form.pm-form-detail input[type=tel], .page-template-page-exp2 #detail_form.pm-form-detail input[type=number], .page-template-page-exp2 #detail_form.pm-form-detail input[type=email] { background-color: #eeeeee; border: 0; padding: 0 15px; font-size: 16px; line-height: 54px; height: 54px; width: 100%; margin-top: 24px; color: #484d51; font-weight: 400; } .page-template-page-exp2 #detail_form.pm-form-detail label .selwrap { background-color: #eeeeee; border: 0; padding: 0; font-size: 16px; line-height: 54px; height: 54px; width: 100%; margin-top: 24px; overflow: hidden; } .page-template-page-exp2 #detail_form.pm-form-detail label .selwrap select { background: transparent; border: 0; width: 103%; font-size: 16px; line-height: 54px; height: 54px; font-weight: 400; color: rgba(72,77,81,0.8); padding-left: 12px; } .page-template-page-exp2 #detail_form.pm-form-detail textarea { background-color: #eeeeee; border: 0; padding: 15px; font-size: 16px; line-height: 1.4em; height: 154px; width: 100%; margin-top: 24px; color: #484d51; font-weight: 400; } .page-template-page-exp2 #detail_form.pm-form-detail input[type=submit] { background-color: #0a86b5; font-size: 20px; font-weight: 400; padding: 10px 24px; color: #fff; margin: 24px auto; border: 0; border-radius: 3px; } .page-template-page-exp2 #detail_form.pm-form-detail input[type="text"].error, .page-template-page-exp2 #detail_form.pm-form-detail input[type="tel"].error, .page-template-page-exp2 #detail_form.pm-form-detail input[type="email"].error, .page-template-page-exp2 #detail_form.pm-form-detail input[type="number"].error { background-color: rgba(255,0,0,.3); } .page-template-page-exp2 #detail_form.pm-form-detail label.error { color: rgba(255,0,0,.6); font-size: 14px; padding-left: 12px; position: absolute; width: 100%; left: 0; bottom: -22px; } .page-template-page-exp2 #detail_form.pm-form-detail .noPadR label.error { padding-left: 27px; } .page-template-page-exp1 #pre_footer, .page-template-page-exp2 #pre_footer, .page-template-page-exp3 #pre_footer { background-color: #bda0ff; padding: 0; margin-bottom: 0; } .page-template-page-exp3a #pre_footer { background-color: #f2f2f2; padding: 0; margin-bottom: 0; } .page-template-page-exp4 #pre_footer, .page-template-page-exp2a #pre_footer { background-color: #bda0ff; padding: 0; margin-bottom: 0; } .page-template-page-exp1 #pre_footer .get_started a, .page-template-page-exp2 #pre_footer .get_started a, .page-template-page-exp2a #pre_footer .get_started a, .page-template-page-exp3 #pre_footer .get_started a, .page-template-page-exp3a #pre_footer .get_started a, .page-template-page-exp4 #pre_footer .get_started a { display: inline-block; border: 0; color: #fff; text-transform: uppercase; text-align: center; background-color: #494e52; font-size: 14px; line-height: 52px; padding: 0 32px; margin-left: 18px; } .page-template-page-exp4 #pre_footer .get_started a.text-link { font-size: 18px; color: inherit; text-decoration: underline; background: none transparent; display: inline; padding: 0; text-transform: none; margin: 3px; } .page-template-page-exp1 footer, .page-template-page-exp2 footer, footer { margin-top: 10px; margin-bottom: -20px; } .bigPad { margin: 88px 0 !important; } .xPad { padding-left: 60px !important; padding-right: 60px !important; } .xPad25 { padding-right: 25px !important; padding-left: 25px !important; } .xPad50L { padding-left: 60px !important; } .xPad50R { padding-right: 60px !important; } .page-template-page-student .container.headerWrap nav.mainNav li.login a { background-color: #ad4262; } .page-template-page-student #underlay { background: none; top: 0; margin-bottom: 0; border-bottom: 0; } .page-template-page-student #home_banner { opacity: 1; } .page-template-page-student #cta { height: 375px; padding: 0; text-align: left; z-index: 101; /* max-height: 375px; */ } .page-template-page-student #cta h1 { font-size:62px; line-height:1.25em; /* color:#fff; font-weight:300; text-shadow:17px 11px 4px rgba(0, 0, 0, 0.2); */ } .page-template-page-student #cta p { font-size: 20px; font-weight: 300; padding-right: 50%; line-height: 1.5em; } .page-template-page-student #cta p.logowvr { line-height: 43px; font-size: 20px; text-transform: uppercase; margin-top: 24px; } .page-template-page-student #cta p.logowvr span { display: inline-block; border-left: 2px solid #b1b0ae; padding: 0 12px; margin-left: 12px; position: relative; top: 5px; font-weight: 900; } .page-template-page-student #cta .button.resident { background-color: #fff; color: #8c8c8c; margin: 16px 0; width: auto; padding: 0 24px; line-height: 44px; font-size: 14px; font-weight: 700; } .page-template-page-student .post_cta { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #8e2343; } .page-template-page-student .post_cta p { font-size: 18px; color: #fff; } .page-template-page-student .post_cta a { display: inline-block; border: 0; color: #6c6e70; text-transform: uppercase; background-color: #fff; font-size: 14px; line-height: 52px; padding: 0 32px; margin-left: 18px; } .page-template-page-student .pageContent { padding-top: 24px; } .page-template-page-student .pageContent h2 { font-size: 40px; color: #282829; padding-bottom: 0; margin-bottom: 0; } .page-template-page-student .pageContent p { font-size: 20px; color: #6c6e70; text-align: center; } .page-template-page-student .pageContent hr, .page-template-page-exp3 .pageContent hr { border-top: 1px solid #a0a2a5 !important; border-bottom: 0 !important; margin-top: 42px !important; } .page-template-page-student .pageContent .wicon { padding-top: 84px; position: relative; margin-top: 48px; } .page-template-page-student .pageContent .wicon img { height: 66px; width: auto; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .data-compliance img { max-width: 80%; } .maroon { color: #ad4262; } .page-template-page-exp3 #underlay { border-bottom:0; background: rgba(0,0,0,0.38); top: 0; margin:0; z-index: 3; height: 34vw !important; max-height: 550px !important; } .page-template-page-exp3a #underlay { border-bottom:0; background: none; top: 0; margin:0; z-index: 3; height: 34vw !important; max-height: 550px !important; } .page-template-page-exp3 #home_banner, .page-template-page-exp3a #home_banner { opacity: 1; position: relative; z-index: 2; height: 34vw !important; max-height: 550px !important; } .page-template-page-exp3 #cta { height: 86px; padding: 0; z-index: 4; } .page-template-page-exp3 #cta h1 { font-size: 86px; line-height: 86px; } .page-template-page-exp3a #cta { height: 184px; padding: 0; z-index: 4; } .page-template-page-exp3a #cta h1 { font-size: 62px; line-height: 86px; } .page-template-page-exp3 .pageContent { padding-top: 54px; } .page-template-page-exp2a .pageContent { padding-top: 24px; } .page-template-page-exp3 .pageContent h2, .page-template-page-exp2a .pageContent h2 { font-size: 40px; color: #282829; padding-bottom: 0 !important; margin-top: 0.5em; margin-bottom: 0.25em; } .page-template-page-exp3 .pageContent h2 + p, .page-template-page-exp2a .pageContent h2 + p { margin-top: 0; } .page-template-page-exp2a .pageContent p { line-height: 1.8em; color: #808285; } .page-template-page-exp3 .pageContent p { line-height: 1.6em; } .page-template-page-exp2a .pageContent p, .page-template-page-exp3 .pageContent p, .page-template-page-exp3 .pageContent h4 { font-size: 20px; } .page-template-page-exp2a .pageContent .wicon h4, .page-template-page-exp2a .pageContent h4.wicon { font-size: 20px; color: #0a86b5; } .page-template-page-exp2a .pageContent .wicon p, .page-template-page-exp2a .pageContent p { font-size: 18px; line-height: 25px; } .page-template-page-exp2a .wicon.pad { margin-top: 24px; } .page-template-page-exp3 .wicon.pad { margin-top: 44px; } .page-template-page-exp3 .wicon.pad img { margin-bottom: 24px; } .page-template-page-exp3 .wicon.pad img#trustwaveSealImage { margin-bottom: 44px; } .page-template-page-exp3a .pageContent { padding-top: 0; } .page-template-page-exp3a .pageContent h2 { font-size: 28px; line-height: 44px; color: #282829; font-style: italic; font-weight: 400; padding: 24px 0; margin-bottom: 0.25em; } .page-template-page-exp3a .pageContent h2 + p, .page-template-page-exp3a .pageContent h3 + p { margin-top: 0; font-size: 22px; line-height: 36px; } .page-template-page-exp3a .pageContent h3 { color: #0a86b5; font-size: 40px; line-height: 58px; margin-bottom: 0; } .page-template-page-exp3a .pageContent hr { width: 80%; max-width: 860px; margin: 36px auto 24px !important; } .page-template-page-exp3a blockquote.testimonial { background: #3b3b3b none; position: relative; font-size: 28px; font-style: italic; font-weight: 300; line-height: 44px; color: #fff; padding: 72px 0 84px; } .page-template-page-exp3a blockquote.testimonial .test_underlay { position: absolute; z-index: 11; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.6; background-position: center !important; } .page-template-page-exp3a blockquote.testimonial .quoteWrap { position: relative; z-index: 12; width: 900px; padding: 0px 10% 0 20px; margin: auto; line-height: 44px; } .page-template-page-exp3a blockquote.testimonial .quoteMarkLeft, .parallax-window .quoteMarkLeft { left: 8px; } .page-template-page-exp3a blockquote.testimonial .highlight, .parallax-window .highlight { display: block; font-size: 28px; color: #fff; margin-top: 0; text-indent: 0; margin-left: 0; line-height: 44px; } .page-template-page-exp3a .row.about-links h4 { font-size: 26px; font-weight: 400; color: #0a86b5; margin-bottom: 0; text-align: center; } .page-template-page-exp3a .row.about-links p { font-size: 20px; margin-top: 0.25em; font-weight: 300; text-align: center; } .page-template-page-exp3a .row.about-links a { display: inline-block; font-size: 15px; font-weight: 700; color: #6c6e70; text-transform: uppercase; text-align: center; border: 1px solid #fff; line-height: 48px; width: 180px; margin-top: 1.5em; -webkit-box-shadow: 3px 3px 12px 0px rgba(108,108,108,0.1); -moz-box-shadow: 3px 3px 12px 0px rgba(108,108,108,0.1); box-shadow: 3px 3px 12px 0px rgba(108,108,108,0.1); } .parallax-window { min-height: 332px; background: transparent; padding-left: 15px; padding-right: 15px; } .parallax-window .quoteWrap { position: relative; z-index: 12; width: 900px; max-width: 100%; margin: auto; line-height: 44px; font-size: 28px; font-style: italic; font-weight: 300; color: #fff; padding: 72px 10% 84px 0; } .parallax-window .quoteWrap p { margin: 0; } .parallax-mirror { background: #3b3b3b; } .parallax-slider { opacity: 0.6; } .page-template-page-exp4 .wicon.pad { margin-top: 44px; } .page-template-page-exp4 .wicon.pad strong { display: block; color: #0a86b5; font-size: 20px; } .page-template-page-exp4 .wicon.pad img { margin-bottom: 24px; } .page-template-page-exp4 .pageContent hr { margin-left: auto !important; margin-right: auto !important; } .page-template-page-exp4 .getting-started { max-width: 1024px; margin: 24px auto; } .page-template-page-exp4 .getting-started .col-sm-3::before { background: url(img/arrows-gettingstarted2017.png) no-repeat; } .page-template-page-exp4 .getting-started .col-sm-3:first-of-type::before { background: none; } .page-template-page-exp4 .getting-started p { text-align: center; font-size: 16px; line-height: 28px; } .page-template-page-exp4 .staggered { max-width: 880px; margin: 24px auto !important; } .page-template-page-exp4 .staggered .row { margin-top: 72px; } .page-template-page-exp4 .staggered h3 { color: #0a86b5; margin: 0; } .page-template-page-exp4 .staggered h3 + p { margin-top: 0.25em; line-height: 28px; } .page-template-page-exp4 .staggered .row .sticon { text-align: center; } .page-template-page-exp4 .staggered img { padding-top: 3%; } #savings_calc { border: 1px solid #d7d7d7; border-radius: 10px; margin-top: 64px; margin-bottom: 16px; position: relative; } #savings_calc h3 { color: #6c6e70; line-height: 1.75em; margin-bottom: 0.5em; } #savings_calc h3 span.units { color: #fff; font-weight: 700; } #savings_calc h4 { color: #6c6e70; font-size: 18px; font-weight: 700; margin-top: 1.25em; margin-bottom: 1em; } #savings_calc ul { text-align: left; margin-left: 1.25em; } #savings_calc ul li { position: relative; list-style: none; line-height: 22px; margin-bottom: 0.75em; color: #6c6e70; font-size: 15px; font-weight: 400; } #savings_calc ul li:before { content: ""; position: absolute; display: block; left: -22px; width: 16px; height: 22px; background: url(/wp-content/uploads/2017/12/icon_checkmark_green_sm.png) no-repeat center; background-size: contain; } #savings_calc .right-side { position: absolute; right: -1px; top: -4%; height: 108%; background: #fff; border: 1px solid #dfdfdf; border-radius: 10px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25); } #savings_calc .right-side h3 { font-size: 55px; line-height: 84px; padding-top: 40px; padding-bottom: 4px; font-weight: 900; color: #fff; background-color: #fff; margin: 0; border-radius: 10px 10px 0 0; } #savings_calc .right-side h3 span.hours { font-size: 124px; display: block; /* margin-right: -8px; */ } #savings_calc .right-side h6 { font-size: 17px; color: #fff; font-weight: 700; line-height: 38px; margin: 0; background-color: #6c6e70; /* display: none; */ } #savings_calc .right-side a.button.green { display: inline-block; background-color: #fff; color: #fff; padding: 0 54px; line-height: 60px; text-transform: uppercase; font-weight: 700; font-size: 17px; margin-top: 32px; } #unit_range { -webkit-appearance: none; width: 100%; height: 25px; background: url; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } #savings_calc form { width: 384px; margin: auto; } .irs-hidden-input { visibility: hidden; } .dashboards_details { text-align: center; padding-top: 60px; padding-bottom: 72px; } .dashboards_details h2 { color: #fff; font-weight: 400; font-size: 40px; margin: 0; } .dashboards_details p { color: #fff; font-weight: 400; font-size: 20px; margin-top: 0; } .dashboards_details h2 + p { padding: 10px 100px 25px; line-height: 1.8em; } .dashboards_details .dashboard { height: 48vw !important; width: 83%; margin: auto; position: relative; } .dashboards_details .dashboard .dvs_p { position: absolute; min-width: 250px; text-align: left; } .dashboards_details .dashboard .dvs_p a { background-color: #f78c1f; color: #fff; font-size: 20px; text-align: center; display: inline-block; border-radius: 50%; height: 26px; width: 26px; line-height: 25px; cursor: pointer; } .dashboards_details .dashboard .dvs_p p + p { position: absolute; background: #f78c1f; /* bottom: 50%; left: 32px; */ font-size: 17px; font-weight: 600; color: #fff; padding: 12px 20px; text-align: center; margin: 0; opacity: 0; white-space: nowrap; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; } .dashboards_details .dashboard .dvs_p a:hover + p, .dashboards_details .dashboard .dvs_p a:hover + p + p { opacity: 1; } .dashboards_details .dashboard .dvs_p p.mav { bottom: 62%; left: calc(5% + 24px); } .dashboards_details .dashboard .dvs_p p.vld { bottom: 111%; right: calc(100% - 15px); } .dashboards_details .dashboard .dvs_p p.ts { bottom: 18%; left: calc(5% + 24px); } #prospects { margin-left: -35px; margin-right: -35px; margin-top: 84px; } #prospects h3 { color: #6c6e70; font-size: 18px; text-align: center; } #prospects ul { margin-left: -15px; } #prospects ul li h4 { font-size: 20px; color: #0a86b5; } #prospects ul li h4 + p { margin-top: 0; line-height: 25px; } #prospects ul li { list-style: none; } #prospects ul li::before { content: ""; position: absolute; display: block; left: -31px; width: 24px; height: 27px; background: url(/wp-content/uploads/2017/12/icon_checkmark_green_sm.png) no-repeat center; background-size: contain; } #feature-rich { margin-top: 44px; } #feature-rich .fcol { min-height: 184px; padding-top: 18px; padding-bottom: 18px; } #feature-rich h4 { font-size: 20px; line-height: 26px; margin-top: 12px; color: #282829; } #feature-rich p { margin-top: 0; margin-bottom: 1em; } /* .page-template-page-exp2a .pageContent #feature-rich h4.wicon { padding-top: 56px; } */ .page-template-page-exp2a .pageContent #feature-rich h4.wicon img { height: 52%; } .electronify { padding-top: 54px; padding-bottom: 0; } .electronify > .container { padding-bottom: 32px; } .electronify h2 { color: #fff; font-weight: 400; font-size: 40px; margin: 0; } .electronify p { color: #fff; font-weight: 400; font-size: 20px; margin-top: 0; } .electronify h2 + p { padding: 10px 10px 25px; line-height: 1.8em; } .electronify h3 { font-size: 30px; color: #fff; margin: 0; font-weight: 400; } .electronify .col-sm-6 { margin-top: 16px; margin-bottom: 16px; } .electronify .col-sm-6.desc { padding-top: 75px; } .electronify_cta { text-align: center; background: url(/wp-content/uploads/2017/12/bg_electronify.png) no-repeat center; background-size: cover; padding: 96px 0; } .electronify_cta h2 { font-size: 60px; font-weight: 400; text-shadow: 5px 5px 2px rgba(75, 75, 75, 0.2); } .electronify .electronify_cta h2 + p { padding: 0; } .electronify_cta a.button.green { display: inline-block; background-color: #fff; color: #fff; padding: 0 72px; line-height: 60px; text-transform: uppercase; font-weight: 700; font-size: 18px; margin-top: 28px; box-shadow: 5px 5px 2px rgba(75, 75, 75, 0.2); } .electronify + .container.contentWrap.group2 { height: 0; } .page-template-page-exp2a section.mainContent { overflow-y: hidden; } .one_login { position: relative; padding-top: 48px; } .one_login .large { position: relative; } .one_login .scopy { position: absolute; height: 50%; margin: auto 0; top: 0; bottom: 0; background-color: #035372; } .one_login h2 { color: #fff; font-weight: 400; font-size: 40px; margin: 0; } .one_login p { color: #fff; font-size: 20px; margin-bottom: 2em; } /* .one_login div.shell { position: absolute; display: block; bottom: 0; right: 0; width: 60%; padding-left: 6.3vw; height: 66%; background: url(http://dev.curran-connors.com/clickpay/wp-content/uploads/2017/12/Shell.png) no-repeat left top; background-size: cover; } */ .one_login div.shell { position: absolute; display: block; top: 0; right: 0; width: 60%; padding-left: 0 /* 6.3vw */; height: 100%; /*background: url(http://dev.curran-connors.com/clickpay/wp-content/uploads/2018/01/NewShell.png) no-repeat left top; background-size: cover; */ } .one_login div.shell div { height: 100%; } .one_login img.shell { position: absolute; display: block; bottom: 0; right: 0; width: 60%; height: auto; } .one_login .large.container { min-height: 35vw; position: relative; } .one_login .cycle-slideshow, .one_login .cycle-slide, .one_login .slide_block { height: 100%; width: 100%; } #bcol { position: absolute; right: 53.5%; top: 3.95vw; width: 5vw; height: 100%; z-index: 99999; } #bcol span { /* background: url(img/bcol.png); */ color: transparent; opacity: 0.1; width: 4.4vw; height: 3.5vw; display: block; cursor: pointer; } #bcol span.cycle-pager-active { opacity: 0.5; } .resexperience h2 { margin-top: 0; position: relative; } .resexperience h2 + p { margin-bottom: 3em; } .resexperience .re { padding-top: 6.75vw; } .resexperience .re.text-right { padding-left: 0; padding-right: 30px; } .resexperience .re.text-left { padding-left: 30px; padding-right: 0; } .resexperience .re div { min-height: 132px; } .resexperience .re h4 { font-size: 20px; margin-bottom: 0; } .resexperience .re p { font-size: 18px; line-height: 25px; margin-top: 0; } .everything-need .enwrap { background: url(/wp-content/uploads/2017/12/city_skyline.png) no-repeat bottom center; background-size: contain; padding-bottom: 15vw; padding-top: 24px; } .everything-need h2 { font-size: 40px; color: #282829; padding-bottom: 0 !important; margin-bottom: 0; font-weight: 400; } .everything-need h2 + p { font-size: 20px; line-height: 1.8em; color: #808285; margin-top: 0; margin-bottom: 3.25em; font-weight: 300; } .everything-need .ent { min-height: 184px; padding-right: 108px; } .everything-need .ent .img_ { width: 108px; height: 120px; position: absolute; left: 0; top: 0.6em; text-align: right; margin: auto; } .everything-need .ent h4 { padding-left: 120px; font-size: 20px; color: #0a86b5; margin: 0; } .everything-need .ent p { padding-left: 120px; margin: 0 0 2em; font-size: 18px; color: #6c6e70; font-weight: 300; } .preprefooter, .preprefooter .large.container { position: relative; } .preprefooter .scopy { position: absolute; height: 40%; margin: auto 0; top: 0; bottom: 0; } .preprefooter h2 { color: #fff; font-weight: 400; font-size: 40px; line-height: 45px; margin: 0; } .preprefooter h2 + p { color: #fff; font-size: 20px; line-height: 27px; margin-top: 1em; } .preprefooter .shell { position: absolute; display: block; top: 0; bottom: 0; right: 0; width: 60%; margin: auto; } .preprefooter .large.container { min-height: 50vw; } .everything-need + .container.contentWrap.group2 { height: 0; } .page-template-page-exp4 .preprefooter { background-color: #f7f7f7; padding: 50px 0 36px; width: 100%; } .page-template-page-exp4 .preprefooter h3 { color: #0a86b5; font-size: 40px; font-weight: 400; margin-bottom: 0.5em; line-height: 65px; } @media (min-width: 1600px) { #cta, #home_banner { min-height: 32vw !important; } /* .page-template-page-exp1.home */ } @media only screen and (min-width: 319px) and (max-width: 667px) and (orientation: landscape) { .page-template-page-exp1 .pageContent .flipper img { max-width: 30%; } .page-template-page-exp1 .mainContent #underlay { height: 36vw !important; } .page-template-page-exp1 .mainContent #underlay #cta { height: 36vw !important; padding: 2vw 0 !important; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* Retina-specific stuff here */ } @media (max-width: 767px){ .page-template-page-exp3 .pageContent .wicon, .page-template-page-exp3a .pageContent .wicon { padding-top: 44px; } .parallax-window .quoteWrap { padding: 72px 10% 84px 0 !important; } .parallax-window .quoteWrap .highlight { font-size: 28px; margin-top: 0; } .page-template-page-exp4 .getting-started .col-sm-3 { clear: both; padding: 10px 5px 0 0; } .page-template-page-exp4 .getting-started .col-sm-3::before { content: ""; width: 18px; height: 150px; right: auto; left: 25px; top: -65px; background: url(img/arrows-m-howclickpayworks.png) no-repeat; background-size: contain; z-index: 9; } .page-template-page-exp4 .getting-started .col-sm-3 img.aligncenter { margin: 0 20px 20px 0; float: left; width: 65px; } .page-template-page-exp4 .getting-started .col-sm-3 p { text-align: left; line-height: 1.42857; font-size: 16px; } .page-template-page-exp4 .pageContent h2 { text-align: center; } } @media (max-width: 768px){ .page-template-page-exp1 header, .page-template-page-exp2 header, header { z-index: 9102; background: none; } .page-template-page-exp1 .container.headerWrap, .page-template-page-exp2 .container.headerWrap, .container.headerWrap { padding-top: 0; } .page-template-page-exp1 .container.headerWrap #logo, .page-template-page-exp2 .container.headerWrap #logo, .container.headerWrap #logo { height: 34px; } .page-template-page-exp1 #underlay, .page-template-page-exp2 #underlay, .page-template-page-exp2a #underlay, .page-template-page-exp4 #underlay, .page-template-page-student #underlay { height: 90vw !important; max-height: 550px !important; } .page-template-page-exp1 #underlay #cta, .page-template-page-exp2 #underlay #cta,.page-template-page-exp2a #underlay #cta, .page-template-page-exp4 #underlay #cta, .page-template-page-student #underlay #cta { height: 85vw; padding: 3vw 0; max-height: 375px; } .page-template-page-exp1 #underlay #cta .container, .page-template-page-exp2 #underlay #cta .container, .page-template-page-exp2a #underlay #cta .container, .page-template-page-exp4 #underlay #cta .container, .page-template-page-student #underlay #cta .container { padding-left: 15px !important; padding-right: 15px !important; } .page-template-page-exp1 #underlay #cta h1, .page-template-page-exp2 #underlay #cta h1, .page-template-page-exp2a #underlay #cta h1, .page-template-page-exp4 #underlay #cta h1, .page-template-page-student #underlay #cta h1 { font-size: 44px; line-height: 1.15em; } .page-template-page-exp1 #underlay #cta h3, .page-template-page-exp2 #underlay #cta h3, .page-template-page-exp2a #underlay #cta h3, .page-template-page-student #underlay #cta h3 { font-size: 18px; } .page-template-page-student #underlay #cta p { font-size: 16px; padding-right: 25%; } .page-template-page-student #underlay { min-height: 350px !important; } .page-template-page-student #cta p.logowvr { margin-top: 12px; } .page-template-page-exp3 #cta { height: 36px; } .page-template-page-exp3 #cta h1 { line-height: 1; } .page-template-page-exp1 #underlay #cta .button, .page-template-page-exp2 #underlay #cta .button, .page-template-page-exp2a #underlay #cta .button, .page-template-page-exp4 #underlay #cta .button, .page-template-page-student #underlay #cta .button { position: relative; top: auto; margin-bottom: 0; padding: 12px; margin-top: 0.75em; line-height: 1.4em; } .page-template-page-student .post_cta .get_started.text-right { text-align: center !important; } .page-template-page-student .post_cta p { font-size: 16px; } .page-template-page-student .post_cta p span { display: inline-block; max-width: 75%; } .page-template-page-student .post_cta a { padding: 0 14px; margin-left: 8px; } .page-template-page-exp1 .container.contentWrap.group, .page-template-page-exp2 .container.contentWrap.group, .page-template-page-student .container.contentWrap.group { margin-top: 0 !important; } .page-template-page-exp1 .pageContent h2, .page-template-page-exp2 .pageContent h2, .page-template-page-exp4 .pageContent h2, .page-template-page-student .pageContent h2 { font-size: 36px; padding-bottom: 0 !important; } .page-template-page-student .pageContent p { font-size: 18px; text-align: left; } .pageContent .wicon { text-align: center !important; } .pageContent .wicon img { height: 66px; width: auto !important; position: absolute; top: 0; left: 0; right: 0; margin: auto; } .page-template-page-exp4 .wicon.pad { padding-top: 36px; } .page-template-page-exp4 .pageContent .wicon img { height: 52px; } .page-template-page-exp1 .pageContent .gears { padding-top: 0; } .bigPad { margin: 44px 0 66px !important; } .page-template-page-exp1 #post-2 { margin-bottom: 32px; } .page-template-page-exp1 #post-2 .col-sm-4, .page-template-page-exp2 #post-821 .col-sm-4, .page-template-page-exp2 #post-1188 .col-sm-4 { margin-bottom: 32px; } .page-template-page-exp1 #pay_now { height: 50vw !important; } .page-template-page-exp1 #pay_now .dvs_p { display: none; } .page-template-page-exp1 #co_stats h2, .page-template-page-exp1 #co_logos h2 { text-align: center; } .page-template-page-exp1 .pageContent #co_stats p { margin: 0 auto 0; } .page-template-page-exp1 .pageContent #co_logos h2 { margin-bottom: 0.35em; } .page-template-page-exp1 #co_logos .cycle-slide { width: 100vw; text-align: center; } .page-template-page-exp1 .pageContent #co_logos img { max-height: 100px; } .page-template-page-exp1 #co_logos.row { overflow: hidden; max-height: 290px; margin-left: -20px !important; margin-right: -20px !important; } .page-template-page-exp1 #co_tests { min-height: 444px; } .page-template-page-exp1 #co_tests .testimonial { padding-bottom: 54px; position: relative; } .page-template-page-exp1 #co_tests .testimonial blockquote { font-size: 18px; padding: 0 20px 0 5px; } .page-template-page-exp2 .pageContent.post-821, .page-template-page-exp2 .pageContent.post-1188 { padding: 48px 10px 12px !important; } .page-template-page-exp2 #init_form, .page-template-page-canada #init_form { margin-bottom: 0; } .page-template-page-exp2 #init_form .easy-pts, .page-template-page-canada #init_form .easy-pts { padding: 0 0 44px; } .page-template-page-exp2 #init_form .pts, .page-template-page-canada #init_form .pts { min-height: 75px; padding-bottom: 36px; } .page-template-page-exp2 #init_form .easy-pts .col-xs-2.text-center.noPadL, .page-template-page-canada #init_form .easy-pts .col-xs-2.text-center.noPadL { padding-right: 0 !important; } .page-template-page-exp2 #init_form .easy-pts img, .page-template-page-canada #init_form .easy-pts img { max-width: 100%; } .page-template-page-exp2 #init_form .col-sm-6.pm-form-simple, .page-template-page-canada #init_form .col-sm-6.pm-form-simple { padding-left: 0 !important; padding-right: 0 !important; } .page-template-page-exp2 #init_form .pm-form-simple label, .page-template-page-canada #init_form .pm-form-simple label { position: relative; width: 100%; padding: 0; } .page-template-page-exp2 #init_form .pm-form-simple label.selwrap select, .page-template-page-canada #init_form .pm-form-simple label.selwrap select { width: 104%; } .page-template-page-exp2 #init_form .pm-form-simple input[type="submit"], .page-template-page-canada #init_form .pm-form-simple input[type="submit"] { float: none; width: 33.33%; margin-left: 33.33%; } .page-template-page-exp2 #acct_sys { overflow: hidden; } .page-template-page-exp2 #acct_sys .container { padding: 0 !important; } .page-template-page-exp2 #acct_sys .cycle-sm-2 { width: 100vw !important; } .page-template-page-exp2 #acct_sys img { width: auto; max-height: 100px; } .page-template-page-exp2 #newold_capabilities .cycle-slideshow, .page-template-page-exp4 #newold_capabilities .cycle-slideshow { height: auto; margin-top: 60px; margin-bottom: 12px; } .page-template-page-exp2 #newold_capabilities .service img, .page-template-page-exp4 #newold_capabilities .service img { max-height: 50vh; height: auto; } .page-template-page-exp4 #newold_capabilities .service.cycle-slide .slide-copy, .page-template-page-exp4 #newold_capabilities .service.cycle-slide .slide-copy .vertical-center { height: auto !important; } #newold_capabilities .vertical-center { position: relative; height: auto !important; padding-top: 36px; padding-right: 20px !important; padding-left: 20px !important; text-align: center; } .page-template-page-exp2 #newold_capabilities .slide-copy h2, .page-template-page-exp4 #newold_capabilities .slide-copy h2 { font-size: 48px; text-align: center; } #newold_capabilities .slide-copy p { font-size: 24px; } .page-template-page-exp2 #newold_capabilities #cprev { left: 15px; } .page-template-page-exp2 #newold_capabilities #cnext { right: 15px; } .page-template-page-exp4 #newold_capabilities #cprev { left: 0; } .page-template-page-exp4 #newold_capabilities #cnext { right: 0; left: auto; } .page-template-page-exp2 .pageContent#post-821a, .page-template-page-exp2 .pageContent#post-1188a { padding-top: 0; } .page-template-page-exp2 .pageContent#post-821a h2, .page-template-page-exp2 .pageContent#post-1188a h2 { margin-top: 0; text-align: center; } .page-template-page-exp1 .pageContent .row .xpad35L, .page-template-page-exp1 .pageContent .row .xpad35R, .page-template-page-exp1 .pageContent .row .col-sm-4.text-center, .page-template-page-exp2 .pageContent .row .xpad35R, .page-template-page-exp2 .pageContent .row .xpad25, .page-template-page-exp2 .pageContent .row .xpad35L, .page-template-page-exp2 .pageContent .row .noPadL, .page-template-page-exp2 .pageContent .row .noPadR, .page-template-page-exp2 .pageContent .row .noPad, .page-template-page-exp3 .pageContent .row .xpad35R, .page-template-page-exp3 .pageContent .row .xpad35L, .page-template-page-exp3a .pageContent .row .xpad35R, .page-template-page-exp3a .pageContent .row .xpad35L, .page-template-page-student .pageContent .row .xpad35R, .page-template-page-student .pageContent .row .xpad35L, .page-template-page-exp2a .pageContent .row .xPad35R, .page-template-page-exp2a .pageContent .row .xPad35L { padding-right:0 !important; padding-left:0 !important; padding-bottom:24px !important; } .page-template-page-exp4 .row .xPad35R, .page-template-page-exp4 .row .xPad35L { padding-right:0 !important; padding-left:0 !important; } .page-template-page-exp3a .row .noPadR, .page-template-page-exp3a .row .noPadL { padding-right:0 !important; padding-left:0 !important; } .page-template-page-exp2 .contentWrap.group2 h3, .page-template-page-exp2 .contentWrap.group2 h4 { font-size: 22px; } .page-template-page-exp2 .contentWrap.group2 h3.wicon, .page-template-page-exp2 .contentWrap.group2 h4.wicon { padding-top: 77px !important; padding-bottom: 24px; } .page-template-page-exp2 .contentWrap.group2 h3 img, .page-template-page-exp2 .contentWrap.group2 h4 img { width: 19%; } .page-template-page-exp2 #security { padding: 44px 0; } .page-template-page-exp2 #security .container { padding-left: 15px !important; padding-right: 15px !important; } .page-template-page-exp2 #security h2 { font-size: 36px; line-height: 1.3em; } .page-template-page-exp2 #security .secdet { padding-left: 15px !important; padding-right: 15px !important; } .page-template-page-exp2 #security .secdet h3 { font-size: 22px; } .page-template-page-exp2 #security .secdet p { font-size: 16px; } .page-template-page-exp2 #security .secdet img { left: 15px; } .page-template-page-exp2 .container.contentWrap.group3 { padding-left: 0 !important; padding-right: 0 !important; } .page-template-page-exp2 .container.contentWrap.group3 .row.chckf { margin-left: 0 !important; margin-right: 0 !important; padding: 0 10px; } .page-template-page-exp2 .container.contentWrap.group3 .col-sm-4.feature.text-center { text-align: left; padding-left: 25px !important; } .page-template-page-exp2 .contentWrap.group3 .feature h3, .page-template-page-exp2 .contentWrap.group3 .feature h4 { text-align: left; font-size: 22px; margin: 0.75em 0 0.75em 15px; } .page-template-page-exp2 #detail_form.pm-form-detail { padding: 0 10px !important; } .page-template-page-exp2 #detail_form.pm-form-detail label { position: relative; width: 100%; padding: 0; } .page-template-page-exp1 .container.headerWrap #loginportal, .page-template-page-exp2 .container.headerWrap #loginportal, .container.headerWrap #loginportal { top: 78px; height: 77vh !important; overflow-y: auto; } .page-template-page-exp1 #pre_footer .get_started p, .page-template-page-exp2 #pre_footer .get_started p, .page-template-page-exp2a #pre_footer .get_started p, .page-template-page-exp3 #pre_footer .get_started p, .page-template-page-exp4 #pre_footer .get_started p { margin: 0; } .page-template-page-exp1 #pre_footer .get_started a, .page-template-page-exp2 #pre_footer .get_started a, .page-template-page-exp2a #pre_footer .get_started a, .page-template-page-exp2a #pre_footer .get_started a .page-template-page-exp3 #pre_footer .get_started a, .page-template-page-exp4 #pre_footer .get_started a { display: block; background-color: transparent; font-size: 14px; line-height: 44px; padding: 0; margin: auto; text-align: center; } .page-template-page-exp1 footer, .page-template-page-exp2 footer, footer { margin-top:0; margin-bottom:-26px; } .page-template-page-exp1 .footNav, .page-template-page-exp2 .footNav, .footNav { margin-top: 0 !important; } .page-template-page-exp1 .footNav ul li a, .page-template-page-exp2 .footNav ul li a, .footNav ul li a { font-size: 16px !important; } .page-template-page-exp1 .col-sm-3.text-right, .page-template-page-exp2 .col-sm-3.text-right, .col-sm-3.text-right { text-align: center; } .page-template-page-exp3a #home_banner { height: 232px !important; } .page-template-page-exp3a #cta { height: 200px; } .page-template-page-exp3a #cta h1 { font-size: 32px; line-height: 42px; } .page-template-page-exp3 #cta h1, .page-template-page-exp4 #cta h1 { font-size: 8vw; line-height: 11vw; } .page-template-page-exp3 .row, .page-template-page-exp3a .row { margin-left: 0; margin-right: 0; } .page-template-page-exp3 .pageContent .wicon, .page-template-page-exp3a .pageContent .wicon { text-align: center !important; margin-top: 66px; } .page-template-page-exp3 .pageContent .wicon.sm img, .page-template-page-exp3a .pageContent .wicon.sm img { height: 48px; } .page-template-page-exp4 .staggered .row { position: relative; margin-top: 36px; } .page-template-page-exp4 .staggered .row:first-child { margin-top: 72px; } .page-template-page-exp4 .staggered .row .stcopy { padding-left: 100px; } .page-template-page-exp4 .staggered .row .sticon { position: absolute; left: 0; top: 0; width: 85px; } .page-template-page-exp4 .staggered .row .sticon img { padding-top: 3%; max-width: 85px; width: auto; max-height: 65px; } .page-template-page-exp4 .staggered .row .stcopy h3 + p { line-height: 1.43; } #savings_calc .right-side { position: relative; right: auto; top: auto; height: auto; } #savings_calc h3 { margin-bottom: 0; } #savings_calc ul li { margin-bottom: 0.5em; } #prospects { margin-left: 0; margin-right: 0; } #prospects .col-sm-4.noPad { padding-left: 15px !important; padding-right: 0 !important; } #prospects ul { margin-left: 0; } #prospects ul li::before { left: 5px; } #prospects .col-sm-8 img { margin-left: 15px !important; } .dashboards_details .dashboard { width: 90%; height: 55vw !important; } .dashboards_details h2 + p { padding: 10px 25px 25px; } .dashboards_details .dashboard .dvs_p p.mav { bottom: auto; top: -108%; left: calc(-45% + 24px); } #feature-rich .fcol { min-height: 0; padding-bottom: 24px; } #feature-rich .fcol p { margin-top: 0; margin-bottom: 0; } .electronify > .container { padding: 0 15px 32px !important; } .electronify > .container .col-sm-6 { padding-left: 15px !important; padding-right: 15px !important; } .electronify .col-sm-6.desc { padding-top: 0; } .one_login { padding-top: 32px; } .one_login h2 { line-height: 1.25; } .one_login .scopy { position: relative; min-height: 140px; font-size: 18px; font-weight: 300; } .one_login div.shell { position: relative; display: block; bottom: auto; right: auto; width: 100%; height: 56.58vw; padding-bottom: 0.5em; } .one_login p { margin-bottom: 1em; } .one_login #bcol { left: 0; width: 10.5vw; height: 56.58vw; bottom: 0; top: auto; right: auto; padding-top: 6vw; } .one_login #bcol span { height: 6vw; width: 100%; } .page-template-page-exp2a .pageContent h2 { text-align: center; } .resexperience .text-right.re, .resexperience .text-left.re { text-align: center; padding-left: 0 !important; padding-right: 0 !important; } .resexperience .re.text-left { padding-top: 32px !important; } .everything-need .ent { min-height: 0; padding-right: 20px; padding-bottom: 15px; } .preprefooter .shell { position: relative; display: block; top: auto; bottom: auto; right: auto; width: 100%; height: 69.2vw; } .preprefooter .large.container > .col-sm-6:first-child { position: relative !important; padding-top: 24px; } .everything-need .preprefooter h2 + p { margin-bottom: 0; } .slidein > div { margin-bottom: 24px; } .page-template-page-exp4 .preprefooter { padding-left: 15px; padding-right: 15px; } } @media (min-width: 768px) and (max-width: 991px){ .page-template-page-exp1 header, .page-template-page-exp2 header, header { z-index: 128; } .page-template-page-exp1 .container.headerWrap, .page-template-page-exp2 .container.headerWrap, .container.headerWrap { padding-top: 0; } .page-template-page-exp1 .container.headerWrap #logo, .page-template-page-exp2 .container.headerWrap #logo, .container.headerWrap #logo { height: 34px; } .container.headerWrap #logo img { max-height: 38px; width: auto; } .headerLeft, .headerRight { height: 78px; } .post_cta .get_started.text-right { text-align: center !important; } .mainMobileNav { position: absolute; z-index: 9999; top: 0; right: 0; width: 100%; height: 0; background-color: rgba(98,163,73,0.9); display: none; } .mainMobileNav .mainMNav a { display: block; text-align: center; color: #fff; font-size: 26px; line-height: 2.5em; } .mainMobileNav .footMNav a { display: block; text-align: center; color: #fff; font-size: 18px; line-height: 2.5em; } .mainMobileNav .mainMNav .login a { font-size: 22px; margin: 20px 25px 12px; border: 2px solid rgb(255, 255, 255); } .mainMobileNav .mainMNav .login a:before { content: ""; background: url(../img/icon-lock.png) no-repeat; display: inline-block; position: relative; margin: 0 8px 0 0; height: 17px; width: 18px; top: 0; bottom: 0; } .mainMobileNav a span { padding-right: 2px; } .mainMobileNav ul { height: 100%; padding: 2em 0; } .mainMobileNav .footMNav { background-color: #484d51; /* padding-bottom: 15%; */ } .mainMobileNav .closeMobileMenu { display: none; position: relative; height: 78px; top: 5px; } .mainMobileNav .closeMobileMenu a { color:#fff; text-transform:uppercase; font-weight:400; display:block; margin:auto; opacity: 0.7; line-height: 1.4em; position: absolute; right: 15px; top: 0; bottom: 0; height: 42px; font-size: 30px; padding: 2px 8px; } .page-template-page-exp1 .container.headerWrap #logo img { max-width: 100%; padding-left: 10px; height: 42px; } .page-template-page-exp1 nav.mainNav { overflow: hidden; } .page-template-page-exp1 .container.headerWrap nav.mainNav li a { padding: 0px 5px; font-size: 14px; } .page-template-page-exp1 .container.headerWrap #loginportal { top: 86px; } .page-template-page-exp1 .container.headerWrap #loginportal, .page-template-page-exp2 .container.headerWrap #loginportal, .container.headerWrap #loginportal { top: 78px; height: 53vh !important; overflow-y: auto; } .page-template-page-exp1 #underlay #cta { padding: 0; } .page-template-page-exp1 #underlay #cta h1, .page-template-page-exp2 #underlay #cta h1, #underlay #cta h1 { font-size: 56px; } .page-template-page-exp1 #underlay #cta h3, .page-template-page-exp2 #underlay #cta h3, #underlay #cta h3 { font-size: 20px; } #underlay #cta p { font-size: 17px; } .page-template-page-exp1 #underlay #cta .button, .page-template-page-exp2 #underlay #cta .button, #underlay #cta .button { margin-top: 0; } .page-template-page-exp1 .pageContent .flipper { /*height: 306px; min-height: 306px; */ } .page-template-page-exp1 .pageContent .flipper img { max-width: 45%; } .page-template-page-exp1 .pageContent h2 { padding-bottom: 0px !important; } .page-template-page-exp1 .pageContent #co_logos img { max-height: 75px; padding: 0 12px; } .page-template-page-exp1 #co_tests .testimonial { min-height: 220px; } .page-template-page-exp1 #co_tests .testimonial blockquote { font-size: 22px; } .page-template-page-exp1 #co_tests .testimonial blockquote::before { font-size: 675px; } .page-template-page-exp1 .footNav ul li a { padding-right: 14px; } .page-template-page-exp1 #post-2-a { padding-bottom: 24px; } .page-template-page-exp1 #co_tests { padding: 44px 0; margin-bottom: 0; } .pageContent .wicon { text-align: center !important; margin-top: 66px; } #savings_calc .right-side h3 { line-height: 80px; } #savings_calc .right-side h3 span.hours { font-size: 100px; } #savings_calc .right-side a.button.green { margin-top: 64px; } } @media(min-width: 1220px){ /* bootstrap UPDATES BEGIN */ header .container, .page-template-page-exp1 #cta .container, .page-template-page-exp2 #cta .container, .page-template-page-exp2 .container.contentWrap.group, #acct_sys .container, .page-template-page-exp3 #cta .container, .page-template-page-exp3a #cta .container, .page-template-page-exp4 #cta .container, .page-template-page-student #cta .container, .page-template-page-exp4 .container.contentWrap.group { width: 1200px } .page-template-page-exp3a section.mainContent .container { width: 1080px; padding: 15px !important; } .page-template-page-student .pageContent .row.mm45 { margin-right: -75px !important; margin-left: -75px !important; } .page-template-page-exp1 #cta .container, .page-template-page-exp2 #cta .container, .page-template-page-exp4 #cta .container { padding-right: 25px !important; padding-left: 25px !important; } /* bootstrap UPDATES END */ .page-template-page-exp2 #acct_sys .cycle-sm-2 { width: 200px; } } @media(max-width: 1219px){ .page-template-page-exp1 #cta { height: 30vw; } .page-template-page-exp1 #cta h1 { font-size: 68px; } .page-template-page-exp1 #cta h3 { font-size: 24px; } .page-template-page-exp1 #cta h2, .page-template-page-exp1 #cta h3, .page-template-page-exp1 #cta h4, .page-template-page-exp1 #cta h5, .page-template-page-exp1 #cta p { letter-spacing: normal; } .page-template-page-exp2 #acct_sys .cycle-sm-2 { width: 164px; } } @media (max-width: 667px){ .page-template-page-student #underlay #cta { max-height: 100vh; } .page-template-page-student #underlay #cta p { padding-right: 0; } .page-template-page-student .post_cta { bottom: -163px; } .page-template-page-student #underlay { margin-bottom: 163px; } } @media (max-width: 375px) { .page-template-page-exp4 #newold_capabilities { margin: 24px -10px 0; } .page-template-page-exp4 .getting-started .col-sm-3 { clear: both; padding: 1px 5px 0 0; } .page-template-page-exp4 .getting-started .col-sm-3::before { content: ""; width: 18px; height: 150px; right: auto; left: 25px; top: -76px; background: url(img/arrows-m-howclickpayworks.png) no-repeat; background-size: contain; z-index: 9; } .page-template-page-exp4 .getting-started .col-sm-3 img.aligncenter { margin: 0 20px 32px 0; float: left; width: 65px; } .page-template-page-exp4 .getting-started .col-sm-3 p { text-align: left; line-height: 1.42857; font-size: 16px; } } @media (max-width: 360px) { .headerLeft, .headerRight { height: 70px !important; } .page-template-page-exp1 #underlay #cta, .page-template-page-exp2 #underlay #cta, #underlay #cta { padding: 6vw 0; } .page-template-page-exp1 #underlay #cta h1, .page-template-page-exp2 #underlay #cta h1, #underlay #cta h1 { font-size: 36px; } .page-template-page-exp1 #underlay #cta h3, .page-template-page-exp2 #underlay #cta h3, #underlay #cta h3 { font-size: 16px; } #underlay #cta p { font-size: 15px; } .page-template-page-exp1 .pageContent, .page-template-page-exp2 .pageContent, .pageContent { padding-top: 0; } .page-template-page-exp1 #co_tests { min-height: 450px; } .page-template-page-exp2 #cta .button { padding: 12px; line-height: 1.5; } } /* Support Wizard */ #support-wizard { z-index: 99999999999999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; border: 2px solid #000; overflow-y: auto; } #support-wizard .background-shade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } #support-wizard .wizard-inner { background: #fff; position: absolute; top: 35px; /* bottom: 35px;*/ height: auto; left: 50%; width: 90%; max-width: 700px; padding-top: 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #support-wizard .wizard-navigation { position: absolute; top: 0; left: 0; width: 100%; height: 50px; background: #292929; color: #fff; padding: 5px 10px 0 20px; } #support-wizard .wizard-navigation .wizard-desc { font-size: 20px; line-height: 45px; } #support-wizard .wizard-navigation #wizard-desc .wizard-back { color: #fff; position: relative; left: -10px; display: inline-block; padding: 10px 20px; background: #444; font-size: 14px; line-height: 1.42857143; cursor: pointer; font-weight: 100; float: left; text-transform: uppercase; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } #support-wizard .wizard-navigation #wizard-desc .wizard-back:hover { background: #222; } #support-wizard .wizard-navigation #close-me { color: #fff; display: inline-block; position: relative; padding: 10px 20px; background: #292929; float: right; cursor: pointer; font-weight: 100; text-transform: uppercase; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } #support-wizard .wizard-navigation #close-me:hover { background: #444; } #support-wizard .wizard-content { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; display: block; opacity: 0; } #support-wizard .wizard-content.visible { z-index: 10; position: relative; opacity: 1; } #support-wizard .wizard-content h2 { margin: 0 0 25px; font-weight: normal; font-size: 19px; } #support-wizard .wizard-content ul.nav-list { list-style: none; margin: 0; padding: 0; } #support-wizard .wizard-content ul.nav-list li { position: relative; margin: 0 0 10px; padding: 12px 12px 45px; background: #F5F5F5; min-height: 50px; cursor: pointer; } #support-wizard .wizard-content ul.nav-list li::after { content: "Expand"; position: absolute; left: 12px; bottom: 12px; text-transform: uppercase; color: #394E8D; font-size: 16px; display: inline-block; } #support-wizard .wizard-slider { position: absolute; opacity: 0; /* height: 100%;*/ -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #support-wizard .wizard-slider .slick-list, #support-wizard .wizard-slider .slick-track { height: 100%; } #support-wizard .wizard-slider.slick-initialized { opacity: 1; position: relative; } #support-wizard .wizard-slider .slick-slide { padding: 20px; overflow-y: auto; max-height: 100%; outline: none; } #wizard-toggle { z-index: 50; position: absolute; top: 64px; right: 15px; display: inline-block; } #wizard-toggle #toggle-button { position: relative; width: 100%; display: block; text-align: right; cursor: pointer; } #wizard-toggle #toggle-button .toggle-item { position: relative; top: 0; right: 0; width: 100%; display: none; line-height: 40px; padding-left: 40px; white-space: nowrap; } #wizard-toggle #toggle-button .toggle-item.visible { display: block; } #wizard-toggle #toggle-switcher { display: none; position: absolute; right: 0; border: 1px solid #333; background: #fff; } #wizard-toggle #toggle-switcher.open-switcher { display: inline-block; } #wizard-toggle #toggle-switcher .switcher-header { background: #292929; color: #fff; text-align: center; line-height: 30px; } #wizard-toggle #toggle-switcher ul { list-style: none; margin: 0; padding: 0 10px; } #wizard-toggle #toggle-switcher ul li { line-height: 40px; white-space: nowrap; border-bottom: 1px solid #ddd; cursor: pointer; } #wizard-toggle #toggle-switcher ul li:last-child { border-bottom: 0 none; } html.wizard-open { overflow: hidden; } html.wizard-open body { overflow-y: scroll; } body.page-id-1857 #cta { text-align: left; padding-top: 0; } body.page-id-1857 #cta h1 { font-size: 86px; line-height: 1.25em; color: #fff; font-weight: 300; text-shadow: 6px 8px 7px rgba(0, 0, 0, 0.14); } body.page-id-1857 #cta .container, body.page-id-1857 section.mainContent .container { max-width: 1200px; width: auto; } body.page-id-1857 #cta a.button.green { background: #2e8f44; -webkit-box-shadow: 8px 8px 7px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 7px rgba(0, 0, 0, 0.1); } body.page-id-1857 p { font-size: 20px; } body.page-id-1857 p.credits { font-size: 12px; } body.page-id-1857 h2 { font-size: 40px; margin-bottom: 15px; padding-bottom: 0; line-height: 1.2; } body.page-id-1857 #underlay { top: -30px; } body.page-id-1857 #home_banner { opacity: 1; } .col3-integ { text-align: center; font-size: 18px; font-weight: 300; } .col3-integ p { max-width: 238px; margin: 0 auto 30px; font-size: 18px; } .col3-integ h4 { font-size: 20px; font-family: 'Lato', sans-serif; color: #0a86b5; font-weight: bold; } .col3-integ img { margin-bottom: 31px; width: auto; max-height: 84px; } /* Integration page 2018 */ body.page-template-page-integration-2018 #cta { text-align: left; padding-top: 0; } body.page-template-page-integration-2018 .pageContent { padding-bottom: 0; } body.page-template-page-integration-2018 #cta h1 { font-size: 86px; line-height: 1.25em; color: #fff; font-weight: 300; padding-left: 20px; text-shadow: 6px 8px 7px rgba(0, 0, 0, 0.14); } body.page-template-page-integration-2018 #cta .container, body.page-template-page-integration-2018 section.mainContent .container { max-width: 1200px; width: auto; } body.page-template-page-integration-2018 #cta a.button.green { width: 254px; background: #2e8f44; -webkit-box-shadow: 8px 8px 7px rgba(0, 0, 0, 0.1); box-shadow: 8px 8px 7px rgba(0, 0, 0, 0.1); } body.page-template-page-integration-2018 h2 + p { font-size: 20px; max-width: 994px; margin: 0 auto 42px; } /* body.page-template-page-integration-2018 #before-pre-footer h2 + p { margin-bottom: 0; } */ body.page-template-page-integration-2018 h2 { font-size: 40px; margin-bottom: 0; line-height: 1.2; color: #282829; text-align: center; font-weight: 400; padding: 0 5% 15px; } body.page-template-page-integration-2018 #underlay { top: -30px; border-bottom: 0px none; } body.page-template-page-integration-2018 #home_banner { opacity: 1; } body.page-template-page-integration-2018 #before-pre-footer.pageContent { padding-top: 0; } body.page-template-page-integration-2018 #before-pre-footer p { text-align: center; } body.page-template-page-integration-2018 #before-pre-footer p img.aligncenter { display: inline-block; margin: 0 30px 20px; } body.page-template-page-integration-2018 #before-pre-footer p img.aligncenter:first-child { margin-left: 0; } body.page-template-page-integration-2018 #before-pre-footer p img.aligncenter:last-child { margin-right: 0; } @media (max-width: 1199px) { body.page-template-page-integration-2018 #cta h1 { font-size: 65px; } } @media (max-width: 991px) { body.page-template-page-integration-2018 #underlay #cta .button { margin-top: 20px; } body.page-template-page-integration-2018 #cta h1 { font-size: 65px; } } @media (max-width: 767px) { body.page-template-page-integration-2018 #cta { height: 245px; } body.page-template-page-integration-2018 #cta h1 { font-size: 50px; } body.page-template-page-integration-2018 .pageContent { padding-top: 78px; } body.page-template-page-integration-2018 #cta a.button.green { width: 100%; } } .col3-integ { text-align: center; font-size: 18px; font-weight: 300; clear: both; } .col3-integ p { max-width: 238px; margin: 0 auto 30px; font-size: 18px; } .col3-integ h4 { font-size: 20px; font-family: 'Lato', sans-serif; color: #0a86b5; font-weight: bold; } .col3-integ img { margin-bottom: 31px; width: auto; max-height: 84px; } @media (max-width: 767px) { .col3-integ .col { margin-bottom: 40px; } } hr.hard-line { position: relative; width: 90%; max-width: 857px; background: #d2d2d2; display: block; clear: both; margin: 50px auto !important; border: 0 none; } span.dib { display: inline-block; } body.page-template-page-integration-2018 #open-architecture h2 { margin-top: 0; padding-bottom: 10px; color: #fff; } #open-architecture h2 + p { font-weight: normal; } #open-architecture { background: url('/wp-content/uploads/2018/08/bg-gradient.png') no-repeat center center / cover #003b54; min-height: 550px; text-align: center; color: #fff; font-size: 26px; font-weight: bold; padding-top: 50px; padding-bottom: 76px; } #open-architecture .layer-1 { margin-bottom: 50px; padding-top: 20px; } #open-architecture .layer-1 .col div { line-height: 0.7; } #open-architecture .col { line-height: 1.24; } #open-architecture .col div{ font-size: 45px; } #open-architecture .layer-3 img { position: relative; margin-top: -20px; margin-bottom: 95px; } @media (max-width: 600px) { #open-architecture .layer-1 { margin-bottom: 0; } #open-architecture .col { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px; } #open-architecture .layer-3 { display: none; } #open-architecture .layer-3 img { margin-top: 50px; margin-bottom: 30px; } } #logo-slider { position: relative; margin-bottom: 38px; } #logo-slider .item { padding-left: 8px; padding-right: 8px; outline: none; } #logo-slider .item a, #logo-slider .item .inner { display: block; padding: 0 15px 10px; min-height: 165px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; border-radius: 10px; border: 1px solid #d9d9d9; -webkit-box-shadow: 8px 8px 7px rgba(0, 0, 0, 0.02); box-shadow: 8px 8px 7px rgba(0, 0, 0, 0.02); } #logo-slider .item img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; display: block; margin: 0 auto; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #logo-slider span.img, #logo-slider span.title { display: block; position: relative; } #logo-slider span.img { height: 90px; margin: 12px auto; } #logo-slider button.slick-arrow { position: absolute; top: 50%; width: 13px; height: 37px; font-size: 0; border: 0 none; background-color: transparent; background-size: auto; background-repeat: no-repeat; opacity: 0; -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #logo-slider button.slick-prev { left: -26px; background-image: url('https://site.clickpay.com/wp-content/uploads/2018/08/icon-left-arrow.jpg'); } #logo-slider button.slick-next { right: -26px; background-image: url('https://site.clickpay.com/wp-content/uploads/2018/08/icon-right-arrow.jpg'); } #logo-slider .logoslider { z-index: -1; opacity: 0; height: 0; position: absolute; width: 100%; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } #logo-slider .logoslider.active { opacity: 1; height: auto; z-index: 10; } #logo-slider .logoslider.active button.slick-arrow { opacity: 1; } #logo-slider { } .logo-slider-wrapper { position: relative; max-width: 1250px; margin: 0 auto; padding-left: 30px; padding-right: 30px; min-height: 260px; overflow: hidden; } #logo-slider-navigation { font-size: 20px; font-weight: 300; text-align: center; padding-bottom: 15px; } #logo-slider-navigation .item { position: relative; display: inline-block; padding-left: 6px; padding-right: 6px; cursor: pointer; color: #808285; -webkit-transition: font-weight 0.3s; -o-transition: font-weight 0.3s; transition: font-weight 0.3s; } #logo-slider-navigation .item.active { font-weight: bold; } #logo-slider-navigation .item::after { content: "|"; position: absolute; right: -4px; display: inline-block; font-weight: 300 !important; } #logo-slider-navigation .item:last-of-type::after { display: none; } @media (max-width: 767px) { .logo-slider-wrapper { min-height: 300px; } #logo-slider-navigation { font-size: 18px; } } .mainContent #underlay { max-height: none !important; height: auto !important; } .mainContent #underlay #home_banner { position: absolute; } .mainContent #underlay #cta { position: relative; height: auto; max-height: none; min-height: 24vw; padding: 7vw 0; } /* AvidXchange Form Page */ body.page-template-page-avidxchange.avid-landing { background: #0a86b5; position: relative; } body.page-template-page-avidxchange.avid-landing header, body.page-template-page-avidxchange.avid-landing section.mainContent, body.page-template-page-avidxchange.avid-landing footer { display: none !important; } .avid-logos { position: relative; padding-top: 50px; max-width: 1080px; margin-left: auto; margin-right: auto; margin-bottom: 100px; } .avid-logos a { display: inline-block; } .avid-logos a:first-of-type { margin-right: 40px; } .avid-logos img { display: block; width: 100%; } .avid-left { position: static !important; min-height: 100vh !important; padding-bottom: 28%; } .avid-bg { position: absolute; top: 0; left: 0; bottom: 0; width: 66.66666667%; min-height: 100vh; background: url('img/avidxchange_bg.png') no-repeat top right / cover; } .avid-contents { position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; } .avid-contents h1 { color: #035372; max-width: 920px; text-align: center; margin-left: auto; margin-right: auto; } .avid-contents ul.avid-checks { max-width: 370px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 30px; } figure.avid-screens { position: relative; } figure.avid-screens { position: absolute; bottom: 0; left: 0; width: 66.66666667%; text-align: center; padding-right: 5%; } figure.avid-screens img { width: 1000px; max-width: 100%; display: inline-block; } ul.avid-checks li { position: relative; font-style: italic; color: #6c6e70; padding: 9px 0 9px 35px; font-size: 20px; line-height: 1.2; } ul.avid-checks li::before { content: ""; position: absolute; top: 0.5em; left: 0; width: 25px; height: 25px; display: block; background: url('img/avid-check.png') no-repeat top right / 100% auto; } .avid-right { color: #fff; float: right; padding-bottom: 20px; } .avid-form { max-width: 455px; margin-left: auto; margin-right: auto; color: #8d8d8d; padding-top: 40px; } .avid-form h3 { color: #fff; margin: 0 0 5px; font-weight: normal; } .avid-form h5 { color: #fff; margin: 15px 0 10px; font-weight: normal; } .avid-form h5 small { color: #fff; display: inline-block; } .avid-form .row { margin-left: -5px; margin-right: -5px; } .avid-form .col { padding-left: 5px; padding-right: 5px; } .avid-form .avid-field { position: relative; } .avid-form .avid-field input.error { border-color: #b22626; } .avid-form .avid-field label.error { z-index: 20; position: absolute; bottom: 102%; left: 5px; display: inline-block; color: #fff; padding: 4px 10px; font-weight: bold; background: #b22626; font-size: 11px; } .avid-form .avid-field label.error::before { z-index: -1; content: ""; position: absolute; top: 60%; left: 5px; width: 12px; height: 12px; display: block; background: #b22626; transform: rotate(-45deg); } .avid-form input[type=text], .avid-form input[type=email], .avid-form input[type=tel], .avid-radio-dropdown { width: 100%; line-height: 1.2; border-radius: 5px; margin-bottom: 10px; padding: 15px 20px; border: 0 none; background: #fff; } .avid-form input[type=text]:focus, .avid-form input[type=email]:focus, .avid-form input[type=tel]:focus { background: #D6EEFF; } .avid-radio-dropdown { position: relative; height: 50px; width: 100%; display: block; color: #8d8d8d; padding: 0; } .avid-radio-dropdown input { height: 0; width: 0; position: absolute; top: 0; left: 0; opacity: 0 !important; } .avid-radio-dropdown input:checked + label { display: block; } .avid-radio-dropdown label { display: none; position: relative; padding: 15px 20px; width: 100%; font-weight: normal; margin: 0; cursor: pointer; } .avid-drop { max-height: 300px; overflow-y: auto; } .avid-radio-dropdown.avid-radio-open .avid-drop { z-index: 1000; position: absolute; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0); border-radius: 5px; } .avid-radio-dropdown.avid-radio-open label, .avid-radio-dropdown.avid-radio-open .avid-drop { display: block; } .avid-radio-dropdown.avid-radio-open input:checked + label { font-weight: bold; background: #D6EEFF; } .avid-radio-dropdown.avid-radio-open .avid-drop { background: rgba(255, 255, 255, 1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } .avid-radio-dropdown.avid-radio-open label { border-bottom: 1px solid #eee; padding-top: 10px; padding-bottom: 10px; } .avid-radio-dropdown.avid-radio-open label:hover, .avid-radio-dropdown.avid-radio-open input:checked:hover + label{ background: #f1f1f1; } .avid-radio-dropdown.avid-radio-open label:first-of-type { border-top-left-radius: 5px; border-top-right-radius: 5px; } .avid-radio-dropdown.avid-radio-open label:last-of-type { border-bottom: 0 none; } .avid-form .avid-checkbox { position: relative; display: inline-block; margin-right: 20px; margin-bottom: 10px; } .avid-form .avid-checkbox input { position: absolute; width: 0; height: 0; opacity: 0; } .avid-form .avid-checkbox input:checked + label::after { width: 20px; } .avid-form .avid-checkbox label { color: #fff; position: relative; display: block; padding-left: 20px; font-weight: normal; } .avid-form .avid-checkbox label::before { content: ""; position: absolute; left: 0; bottom: 0; width: 16px; height: 3px; background: #fff; display: block; } .avid-form .avid-checkbox label::after { content: ""; position: absolute; left: 0; top: 2px; display: block; width: 0; height: 20px; overflow: hidden; color: #fff; background: url('img/avid-icon-check.png') no-repeat left top / 15px auto; -moz-transition: width 0.3s; -o-transition: width 0.3s; -ms-transition: width 0.3s; -webkit-transition: width 0.3s; transition: width 0.3s; } .avid-form input[type=submit] { background: #6aa853; color: #fff; font-size: 18px; text-align: center; border: 0 none; width: 300px; max-width: 100%; padding: 14px 15px; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; border-radius: 5px; } .avid-footer { color: #fff; font-size: 16px; text-align: center; } .avid-footer a { color: #fff; text-decoration: underline; } .avid-copy { padding-top: 30px; margin-bottom: 0; } .avid-captcha { text-align: center; height: 79px; overflow: hidden; } .avid-captcha .g-recaptcha { display: inline-block; } .salesforce-form, .salesforce-form form, .salesforce-form input[type="submit"] { overflow: hidden; width: 0; height: 0; visibility: hidden; } @media (max-width: 1300px) and (min-width: 992px), (max-width: 530px) { .avid-form { padding-top: 20px; } .avid-form h3 { font-size: 20px; } } @media (max-width: 1200px) and (min-width: 992px), (max-width: 530px) { .avid-form input[type=text], .avid-form input[type=email], .avid-form input[type=tel], .avid-radio-dropdown label { padding: 10px 15px; } .avid-radio-dropdown { height: 36px; } } @media (max-width: 991px) { .avid-left, .avid-right { position: relative !important; min-height: auto !important; width: 100%; } .avid-left { padding-bottom: 0; } .avid-right { padding-top: 30px; padding-bottom: 30px; } .avid-bg { width: 100%; min-height: 100%; } figure.avid-screens { position: relative; left: auto; width: 100%; } .avid-form { max-width: 600px; } } @media (max-width: 767px) { .avid-contents h1 { font-size: 34px; } .avid-logos { text-align: center; margin-bottom: 60px; } .avid-logos a, .avid-logos a:first-of-type { max-width: none; margin: 2%; } } @media (max-width: 530px) { .avid-contents h1 { font-size: 28px; } ul.avid-checks { max-width: 333px; } ul.avid-checks li { font-size: 18px; } } @media (max-width: 430px) { .avid-form .col-xs-6 { width: 100%; } } #clientemail-error { z-index: 999 !important; } #clientemail-error a:hover { color: red !important; } body.page-template-page-blog #pre_footer { padding: 15px 0; margin-bottom: 0 !important; } body.single-post #pre_footer { padding: 5px 0; margin-bottom: 0 !important; } /* Canada Page */ .page-template-page-canada { font-size: 20px; line-height: 1.5; font-weight: 300; } .page-template-page-canada footer { font-size: 14px; } .page-template-page-canada .container { width: 100%; max-width: 1090px; } .page-template-page-canada #underlay { background: transparent; border-bottom: 0 none; top: 0; margin-bottom: 0; padding-top: 0; } .page-template-page-canada section.mainContent #underlay #home_banner { opacity: 1; background-position: center bottom !important; } .page-template-page-canada p.text-center { max-width: 913px; margin-left: auto; margin-right: auto; } .canada-header { padding-top: 163px; min-height: 475px; text-align: left; font-family: Lato; } .mainContent .canada-header#underlay #cta { padding-left: 15px; padding-right: 15px; } .canada-header#underlay #cta h1 { font-size: 60px; font-weight: 300; max-width: 600px; text-align: left; line-height: 1.25; margin-bottom: 10px; -webkit-text-shadow: 9px 8px 7px rgba(0,0,0,0.14); text-shadow: 9px 8px 7px rgba(0,0,0,0.14); } .canada-header #cta p { max-width: 600px; font-size: 20px; margin-bottom: 27px; text-align: left; line-height: 30px; font-weight: 300; } .canada-header a { background: #fff; font-size: 14px; line-height: 1; text-transform: uppercase; padding: 15px 20px; display: inline-block; color: #6c6e70; font-weight: bold; } .canada-header a:hover { color: #000; } .canada-header .container { width: 100%; max-width: 1200px; } .demo-cta { background: #4e7ae2; padding: 20px 0; color: #fff; text-align: right; font-size: 18px; line-height: 20px; margin-bottom: 10px; } .demo-cta a { background: #fff; text-transform: uppercase; padding: 15px 20px; color: #6c6e70; line-height: 1; font-size: 15px; margin-left: 5%; display: inline-block; font-weight: bold; } .page-template-page-canada .container { padding-left: 15px !important; padding-right: 15px !important; } .page-template-page-canada h2 { color: #282829; font-size: 40px; margin-bottom: 27px; text-align: center; line-height: 0.9; font-weight: normal; } .page-template-page-canada h3 { color: #2d8f44; font-size: 26px; margin-bottom: 20px; line-height: 0.75; font-weight: normal; } ul.canada-list { font-size: 24px; line-height: 33px; margin: 30px 0 0; padding: 0; letter-spacing: normal; counter-reset: count; font-weight: bold; } ul.canada-list li { position: relative; padding-left: 70px; margin-bottom: 35px; color: #6c6e70; } ul.canada-list li::after { counter-increment: count; content: counter(count); position: absolute; left: 0; top: -3px; display: block; border-radius: 100%; width: 42px; height: 42px; border: 3px solid #4e7ae2; color: #2d8f44; font-weight: bold; text-align: center; line-height: 35px; font-size: 28px; } hr.divider { width: 100%; max-width: 857px; margin: 40px auto !important; border: 0 none !important; border-bottom: 1px solid #6c6e70 !important; } .best-in-bus { text-align: center; margin-top: 50px; } .best-in-bus .inner { max-width: 280px; margin: 0 auto 30px; } .best-in-bus h5 { margin-top: 25px; margin-bottom: 0; color: #0a86b5; font-size: 20px; } .best-in-bus p.desc { margin-top: 0; } .page-template-page-canada .gears .gear-item { width: 25% !important; margin-left: 0 !important; float: left; } .page-template-page-canada .gears { padding-top: 12px; margin-left: 0; margin-right: 0; } .page-template-page-canada .gears .col-sm-6 { border: 0 !important; } .page-template-page-canada .flipper { text-align: center; height: 275px; width: 100%; min-height: 275px; position: relative; display: block; margin: 0 auto; } .page-template-page-canada .flipper img { max-width: 65%; margin: auto; } .page-template-page-canada .flipper .front h4 { font-size: 20px; color: #6c6e70; font-weight: 400; margin-top: 1em; margin-bottom: 2em; } .page-template-page-canada .flipper .back h4 { color: #fff; height: 2.4em; line-height: 1.2em; vertical-align: bottom; display: table-cell; text-align: center; width: 100%; margin: auto; } .page-template-page-canada .flipper .back p { font-size: 15px; color: #fff; display: table-row; font-weight: 400; } .page-template-page-canada .flipper .back p + p { display: block; } .page-template-page-canada .flipper .back a { border: 1px solid #fff; color: #fff; padding: 8px 12px; } .page-template-page-canada .flipper .back a:hover { color: #fff; } @media (min-width: 1250px) { .mainContent #underlay #cta { padding-top: 100px; padding-bottom: 50px; } } @media only screen and (min-width: 319px) and (max-width: 667px) and (orientation: landscape) { .page-template-page-canada .flipper img { max-width: 30%; } } @media (min-width: 768px) and (max-width: 991px){ .page-template-page-canada .flipper { /*height: 306px; min-height: 306px; */ } .page-template-page-canada .flipper img { max-width: 45%; } } @media (max-width: 1157px) { .page-template-page-canada .flipper { height: 330px; } } @media (max-width: 1057px) { .page-template-page-canada .flipper { height: 275px; } } .resident-experience::after { content: ""; display: table; clear: both; height: 0; } .resident-experience .re-left { float: left; width: calc(99% - 327px); max-width: 600px; } .resident-experience .re-right { float: right; width: 327px; overflow: hidden; margin-top: 20px; } .re-icon { clear: both; margin-top: 80px; font-size: 18px; } .re-icon strong { display: block; font-weight: 500; color: #fff; font-size: 20px; } .re-icon img { float: left; padding: 20px 20px 50px; margin: 0; height: auto; width: 48px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .re-icon br { display: none; } .rt-icons .re-icon { margin-top: auto; margin-bottom: 80px; } .rt-icons .re-icon img { width: 71px; } .iphone-slider { position: relative; width: 327px; height: 573px; background: url('https://site.clickpay.com/wp-content/uploads/2018/12/iphone-bg.png'); } .iphone-slider .screen { position: absolute; top: 64px; left: 50px; width: 219px; height: 388px; background-position: left top; -webkit-background-size: cover; background-size: cover; opacity: 0; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .iphone-slider .screen.active { opacity: 1; } .iphone-slider .screen-1 { background-image: url('https://site.clickpay.com/wp-content/uploads/2018/12/screen-1.jpg'); } .iphone-slider .screen-2 { background-image: url('https://site.clickpay.com/wp-content/uploads/2018/12/screen-2.jpg'); } .iphone-slider .screen-3 { background-image: url('https://site.clickpay.com/wp-content/uploads/2018/12/screen-3.jpg'); } .page-template-page-canada #init_form { font-size: 14px; } .ar-icons { text-align: center; } .ar-icons .dib { display: inline-block; } .ar-icon { display: inline-block; font-size: 14px; color: #808285; line-height: 1.2; text-align: center; padding: 20px 26px; font-weight: normal; } .ar-icon figure { height: 72px; width: 100%; text-align: center; vertical-align: middle; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } .ar-icon figure img { max-width: 100%; max-height: 100%; margin-left: auto; margin-right: auto; } .with-clpay .ar-icon { padding: 20px 27px; } @media (max-width: 991px) { .page-template-page-canada .gears .gear-item { width: 50% !important; height: 330px; } .ar-icon { width: 25%; } } @media (max-width: 768px) { .canada-header#underlay #cta h1 { font-size: 50px; } .demo-cta { text-align: center; } .demo-cta a { display: table; margin: 20px auto 0; } ul.canada-list { font-size: 18px; } .resident-experience .re-left, .resident-experience .re-right { float: none; width: 100%; } .iphone-slider { margin-left: auto; margin-right: auto; } .resident-experience .re-left { width: 100%; margin-bottom: 30px; } .resident-experience .re-right { width: calc(100% + 30px); margin-left: -15px; margin-bottom: 30px; } .re-icon, .rt-icons .re-icon { margin-top: 40px; margin-bottom: 40px; } .page-template-page-canada h2 { font-size: 30px; } } @media (max-width: 630px) { .canada-header#underlay #cta h1 { font-size: 40px; } .page-template-page-canada .gears { max-width: 300px; margin-left: auto; margin-right: auto; } .page-template-page-canada .gears .gear-item { width: 100% !important; height: 330px; } .re-icon { text-align: center; } .re-icon img { display: table; padding-bottom: 10px; float: none; margin-left: auto; margin-right: auto; } .ar-icon { width: 45%; } } @media (min-width: 1220px) { header .container, #cta .container { width: 1200px; } } @media (min-width: 768px) { #newold_capabilities .vertical-center {top: 180px !important;} } .item-row{ padding-top: 20px; padding-top: 20px; }