diff --git a/Gruntfile.js b/Gruntfile.js index 8a03682..aa60daa 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -181,7 +181,7 @@ module.exports = function( grunt ) { grunt.registerTask( 'controller', ['sftp-deploy:controller'] ); - grunt.registerTask( 'default', ['watch','css', 'js', 'controller'] ); + grunt.registerTask( 'default', ['css', 'js', 'controller'] ); grunt.util.linefeed = '\n'; }; \ No newline at end of file diff --git a/assets/css/ascribe.css b/assets/css/ascribe.css index bc6622b..37713a9 100644 --- a/assets/css/ascribe.css +++ b/assets/css/ascribe.css @@ -408,7 +408,6 @@ html { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - background-color: #ffffff; } body.page-template-template-companyblue, html.page-template-template-companyblue { @@ -995,7 +994,7 @@ ol { width: 33%; } } -@media screen and (max-width: 375px) { +@media screen and (max-width: 600px) { .ttl-columns .column-6 { width: 50%; } @@ -1107,7 +1106,7 @@ ol { width: 33%; } } -@media screen and (max-width: 375px) { +@media screen and (max-width: 600px) { .column-container .column-6 { width: 50%; } @@ -1161,6 +1160,14 @@ video { border: 0; padding: 0; } +.phone-only { + display: none; +} +@media screen and (max-width: 600px) { + .phone-only { + display: inherit; + } +} .mobile-only { display: none; } @@ -1174,6 +1181,11 @@ video { display: none; } } +@media screen and (max-width: 600px) { + .phone-and-up { + display: none; + } +} header { overflow: hidden; padding-bottom: 50px; @@ -1184,6 +1196,7 @@ header + .chevron-divider { .page-template-template-tour header { height: 815px; padding: 0; + padding-top: 30px; margin-bottom: 60px; position: relative; background-size: cover; @@ -1191,9 +1204,24 @@ header + .chevron-divider { background-position: center; overflow: visible; } +.page-template-template-tour header .sticky { + padding: 15px 0; + width: 100%; + position: fixed; + background-color: rgba(0, 0, 0, 0); + transition: all 0.15s ease-in-out; +} +.page-template-template-tour header .sticky.stuck { + background-color: #000000; + z-index: 800; +} +.page-template-template-tour header .sticky.stuck ul.active { + background-color: #000000; + padding-bottom: 10px; +} .page-template-template-tour header nav { float: left; - margin-top: 35px; + margin-top: 9px; font-size: 25px; line-height: 30px; color: #67c4da; @@ -1206,9 +1234,9 @@ header + .chevron-divider { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 35px; - position: relative; -webkit-flex-direction: column; list-style: none; + position: absolute; } .page-template-template-tour header nav ul.active li { display: -webkit-flex; @@ -1274,7 +1302,7 @@ header + .chevron-divider { } .page-template-template-tour header .app-links { color: #ffffff; - margin-top: 25px; + margin-top: 10px; } .page-template-template-tour header .app-links a { color: #ffffff; @@ -1300,6 +1328,45 @@ header + .chevron-divider { width: 100%; } } +@media screen and (max-width: 600px) { + .page-template-template-tour header { + padding-top: 10px; + } + .page-template-template-tour header .description { + margin: 90px auto 0; + font-size: 34px; + width: 100%; + } + .page-template-template-tour header h1 { + font-size: 26px; + line-height: 33px; + margin-bottom: 0; + } + .page-template-template-tour header .button { + position: absolute; + bottom: 150px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + } + .page-template-template-tour header .sticky { + position: absolute; + } + .page-template-template-tour header .sticky.stuck { + background-color: rgba(0, 0, 0, 0); + } + .page-template-template-tour header .app-links { + margin-top: 5px; + } +} +.page-template-template-companywhite header .logo, +.page-template-template-general header .logo, +.page-template-default header .logo, +.blog header .logo, +.archive header .logo, +.single-post header .logo { + margin-top: 30px; +} .page-template-template-companywhite header nav, .page-template-template-general header nav, .page-template-default header nav, @@ -1308,7 +1375,7 @@ header + .chevron-divider { .single-post header nav { float: left; margin-top: 17px; - margin-left: 10%; + margin-left: 30px; } .page-template-template-companywhite header nav ul li, .page-template-template-general header nav ul li, @@ -1363,6 +1430,68 @@ header + .chevron-divider { .single-post header nav ul li:hover a { color: #d8127d; } +@media screen and (max-width: 910px) { + .page-template-template-companywhite header nav ul li, + .page-template-template-general header nav ul li, + .page-template-default header nav ul li, + .blog header nav ul li, + .archive header nav ul li, + .single-post header nav ul li { + margin-right: 10px; + width: 120px; + padding: 0 10px; + } +} +@media screen and (max-width: 730px) { + .page-template-template-companywhite header .tour-switcher, + .page-template-template-general header .tour-switcher, + .page-template-default header .tour-switcher, + .blog header .tour-switcher, + .archive header .tour-switcher, + .single-post header .tour-switcher { + display: none; + } + .page-template-template-companywhite header .phone-and-up, + .page-template-template-general header .phone-and-up, + .page-template-default header .phone-and-up, + .blog header .phone-and-up, + .archive header .phone-and-up, + .single-post header .phone-and-up { + display: none; + } + .page-template-template-companywhite header .phone-only, + .page-template-template-general header .phone-only, + .page-template-default header .phone-only, + .blog header .phone-only, + .archive header .phone-only, + .single-post header .phone-only { + display: block; + } + .page-template-template-companywhite header .hamburger, + .page-template-template-general header .hamburger, + .page-template-default header .hamburger, + .blog header .hamburger, + .archive header .hamburger, + .single-post header .hamburger { + display: inline-block; + } + .page-template-template-companywhite header .mobile-nav, + .page-template-template-general header .mobile-nav, + .page-template-default header .mobile-nav, + .blog header .mobile-nav, + .archive header .mobile-nav, + .single-post header .mobile-nav { + display: none; + } + .page-template-template-companywhite header .mobile-nav.active, + .page-template-template-general header .mobile-nav.active, + .page-template-default header .mobile-nav.active, + .blog header .mobile-nav.active, + .archive header .mobile-nav.active, + .single-post header .mobile-nav.active { + display: block; + } +} .blog header, .archive header, .single-post header { @@ -1526,7 +1655,7 @@ header + .chevron-divider { width: 33%; } } -@media screen and (max-width: 375px) { +@media screen and (max-width: 600px) { .blog header + nav ul .column-6, .archive header + nav ul .column-6, .single-post header + nav ul .column-6 { @@ -1597,7 +1726,7 @@ header + .chevron-divider { width: 33%; } } -@media screen and (max-width: 375px) { +@media screen and (max-width: 600px) { .blog header + nav li, .archive header + nav li, .single-post header + nav li { @@ -1618,9 +1747,17 @@ header + .chevron-divider { .single-post header + nav a:hover { background-color: rgba(255, 255, 255, 0.5); } +@media screen and (max-width: 600px) { + .tour-switcher { + display: none; + } +} .logo { float: left; - margin-top: 25px; +} +.logo.phone-only { + width: 30px; + margin-left: 10px; } .app-links { float: right; @@ -1641,6 +1778,59 @@ header + .chevron-divider { .app-links a:hover { color: #d8127d; } +.hamburger { + cursor: pointer; + width: 25px; + margin-left: 15px; + position: relative; + top: 2px; + z-index: 50; +} +@media screen and (max-width: 600px) { + .hamburger { + display: inline-block; + } +} +.mobile-nav { + display: none; + background-color: black; + position: absolute; + width: 120%; + left: -10%; + top: 0; + text-align: center; + z-index: 4; +} +.mobile-nav ul { + padding: 40px 0 20px; +} +.mobile-nav li { + font-weight: 400; + padding-bottom: 15px; + font-size: 13px; +} +.mobile-nav li a { + color: #ffffff; +} +.mobile-nav li a:hover { + color: #d8127d; +} +.mobile-nav li:nth-child(-n+3) { + font-size: 16px; + padding-bottom: 35px; +} +.mobile-nav li:nth-child(3) { + border-bottom: 1px solid #ffffff; + margin-bottom: 25px; +} +@media screen and (max-width: 600px) { + .mobile-nav { + display: none; + } + .mobile-nav.active { + display: block; + } +} .above-chevron { margin-top: -100px; margin-bottom: -80px; @@ -1690,30 +1880,55 @@ header + .chevron-divider { } } .feature-circles .surround-circle { - display: inline-block; - vertical-align: top; - padding-right: 30px; - font-size: 15px; - width: 33.33333333%; + width: 33%; + float: left; + padding: 30px; +} +.feature-circles .surround-circle .circle { text-align: center; position: relative; - width: 30%; - padding: 80px 50px 170px; + border-radius: 100%; + background-clip: padding-box; + border: 4px solid transparent; } -@media screen and (max-width: 570px) { - .feature-circles .surround-circle { - width: 100%; - } +.feature-circles .surround-circle .circle:after { + display: block; + padding-bottom: 100%; + width: 100%; + height: 0; + border-radius: 50%; + background-color: white; + content: ""; + border: 2px solid transparent; } -.feature-circles .surround-circle:before { - top: 0; - left: 8%; - width: 85%; - background: transparent url('../img/circle.png') no-repeat center top; - background-size: 100%; - height: 100%; +.feature-circles .surround-circle .circle:before { content: ''; position: absolute; + z-index: -1; + left: -2px; + right: -2px; + top: -2px; + bottom: -2px; + border-radius: 50%; + background: linear-gradient(#67c4da, #d8127d); +} +.feature-circles .surround-circle .container { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; +} +.feature-circles .surround-circle .wrapper { + display: table; + width: 100%; + height: 100%; +} +.feature-circles .surround-circle .inner { + display: table-cell; + padding: 1em; + vertical-align: middle; } .feature-circles .surround-circle h1 { margin-top: 22px; @@ -1736,6 +1951,11 @@ header + .chevron-divider { font-size: 15px; line-height: 19px; } +@media screen and (max-width: 900px) { + .feature-circles .surround-circle { + padding: 10px; + } +} @media screen and (max-width: 768px) { .feature-circles { padding: 75px 0 100px; @@ -1746,6 +1966,32 @@ header + .chevron-divider { .feature-circles .feature-circle { padding-right: 50px; } + .feature-circles .surround-circle { + width: 100%; + } + .feature-circles .surround-circle .circle { + width: 50%; + margin: 0 auto; + } +} +@media screen and (max-width: 600px) { + .feature-circles { + padding: 40px 0; + } + .feature-circles .description { + display: none; + } + .feature-circles h1 { + margin: 10px 0 60px; + } + .feature-circles .surround-circle h1 { + margin: 0; + } +} +@media screen and (max-width: 400px) { + .feature-circles .surround-circle .circle { + width: 80%; + } } .case-studies { height: 685px; @@ -1835,6 +2081,21 @@ header + .chevron-divider { transform-origin: right; } } +@media screen and (max-width: 600px) { + .case-studies { + height: 400px; + background-color: black; + } + .case-studies .case-study { + background-size: 100%; + background-position: top; + } + .case-studies .description { + width: 100%; + background-color: black; + bottom: 0; + } +} .old-new { padding-top: 130px; padding-bottom: 175px; @@ -1905,6 +2166,14 @@ header + .chevron-divider { padding: 0; } } +@media screen and (max-width: 600px) { + .old-new .new:before { + left: -20px; + width: 40px; + height: 40px; + background-size: 40px; + } +} .product-overview { padding: 175px 0; border-top: 1px solid #979797; @@ -1967,13 +2236,20 @@ header + .chevron-divider { } .product-overview img { max-width: 100%; - width: 45%; - margin-top: 10%; + width: 55%; } .product-overview .text-column { text-align: center; } } +@media screen and (max-width: 600px) { + .product-overview img { + display: none; + } + .product-overview .text-column { + width: 100%; + } +} .blue-box { padding: 175px 0; background-color: #fbfbfb; @@ -2001,13 +2277,26 @@ header + .chevron-divider { padding: 75px 0; } } +@media screen and (max-width: 600px) { + .blue-box { + display: none; + } +} .sign-up { padding: 240px 0 210px; text-align: center; + background-size: cover; + background-repeat: no-repeat; } .sign-up a { margin: 0 auto; } +@media screen and (max-width: 600px) { + .sign-up { + background-position: 55% 50%; + padding: 180px 0 140px; + } +} .galleries-marketplaces { padding: 145px 0 130px; text-align: center; @@ -2033,6 +2322,11 @@ header + .chevron-divider { display: none; } } +@media screen and (max-width: 600px) { + .galleries-marketplaces { + display: none; + } +} .blog-features { background-color: #fbfbfb; padding: 75px 0; @@ -2069,6 +2363,23 @@ header + .chevron-divider { margin: 0 10px; text-align: left; } +@media screen and (max-width: 600px) { + .blog-features .blog { + width: 50%; + } +} +@media screen and (max-width: 400px) { + .blog-features .blog { + width: 100%; + } + .blog-features .blog div { + width: 80%; + margin: 0 auto; + } + .blog-features .blog div img { + width: 100%; + } +} .team { color: #121417; font-size: 15px; @@ -2122,6 +2433,11 @@ header + .chevron-divider { .team .intro { text-align: center; } +} +@media screen and (max-width: 600px) { + .team .team-member { + width: 50%; + } .team .button { display: none; } @@ -2498,6 +2814,11 @@ header + .chevron-divider { font-size: 22px; color: #d8127d; } +@media screen and (max-width: 600px) { + .short-descriptions .short-description { + margin-bottom: 0; + } +} .content-boxed { background-color: #fbfbfb; } @@ -2538,6 +2859,15 @@ header + .chevron-divider { .content-boxed .centered-content img { margin: 30px 0; } +@media screen and (max-width: 600px) { + .content-boxed .centered-content > div { + border: 0; + padding: 60px 2%; + color: #121417; + font-size: 15px; + line-height: 19px; + } +} .existing-new { background-color: #fbfbfb; padding: 90px 0 120px; @@ -2609,6 +2939,14 @@ header + .chevron-divider { .existing-new .button:hover { background-color: rgba(216, 18, 125, 0.5); } +@media screen and (max-width: 600px) { + .existing-new .top-tab { + display: none; + } + .existing-new .content { + display: block; + } +} .page-template-template-tour .subtemplate.content { color: #121417; font-size: 18px; @@ -2663,6 +3001,15 @@ header + .chevron-divider { } .get-started .methods-of-use p { width: 90%; + margin: 0 auto; +} +@media screen and (max-width: 600px) { + .get-started { + padding-bottom: 100px; + } + .get-started .description { + text-align: center; + } } .pricing { background-repeat: no-repeat; @@ -2710,6 +3057,15 @@ header + .chevron-divider { display: block; margin-top: 7px; } +@media screen and (max-width: 600px) { + .pricing { + padding-top: 0; + } + .pricing .pricing-detail div { + height: 80px; + font-size: 20px; + } +} .blog .column-container { width: calc(100% + 70px); } @@ -2815,6 +3171,8 @@ article.post .meta { @media screen and (max-width: 570px) { .blog-sidebar { width: 50%; + min-width: 260px; + display: block; margin: 0 auto; } } @@ -2827,6 +3185,11 @@ article.post .meta { .single-post .article-post { border-bottom: 0; } +@media screen and (max-width: 500px) { + .single-post .entry { + width: 100%; + } +} footer { font-size: 14px; color: #ffffff; @@ -2899,3 +3262,33 @@ footer .copyright { footer .button { margin-bottom: 10px; } +@media screen and (max-width: 570px) { + footer .top-footer ul { + display: none; + } + footer .button { + display: inline-block; + width: auto; + } + footer .contact { + width: 100%; + text-align: center; + } + footer .bottom-footer { + text-align: center; + } + footer .bottom-footer .menu { + float: none; + margin-bottom: 15px; + } + footer .bottom-footer .menu li:first-of-type { + border-left: 0; + } + footer .bottom-footer .social { + float: none; + } + footer .copyright { + float: none; + margin-bottom: 10px; + } +} diff --git a/assets/css/ascribe.min.css b/assets/css/ascribe.min.css index ac02367..e9c0b54 100644 --- a/assets/css/ascribe.min.css +++ b/assets/css/ascribe.min.css @@ -1 +1 @@ -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */legend,td,th{padding:0}.blueBoxTitle,.button,.sectionHeader,.subsectionHeader{text-align:center}.wrapper,header{overflow:hidden}.old-new table,table{border-collapse:collapse}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}figure{margin:1em 40px}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.archive header .app-links a:hover,.archive header+nav a,.blog header .app-links a:hover,.blog header+nav a,.blog-sidebar .sidebar-blog-features h1,.blue-box h1,.blueBoxTitle,.button,.case-studies .description,.caseStudyText,.contact .contact-point h1,.contact input[type=submit],.faq .featured-faqs dt,.faq .regular-faqs dt,.fontRegular,.get-started .methods-of-use h1,.h2,.h4,.h6,.past-events .event h1,.press-articles .press-article h1,.single-post header .app-links a:hover,.single-post header+nav a,.team h1,.teamName,.upcoming-events .event h1,.values .value h1,footer a:hover,h2,h4,h6{font-family:canada-type-gibson,sans-serif;font-weight:400}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-spacing:0}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;text-shadow:none!important;-webkit-filter:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button,a{text-decoration:none}body,html{height:100%;color:#121417;font-size:15px;line-height:19px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body.page-template-template-companyblue,html.page-template-template-companyblue{color:#121417;font-size:18px;line-height:22px}a{background:0 0;color:#67c4da}a:hover{color:#d8127d}.app-links,.app-links a,.blog-features h1,.blog-features h2,.blog-sidebar .sidebar-blog-features,.blue-box,.blueBoxCopy,.button.small,.careers a,.contact .contact-point,.contact .form,.contact .required-info,.contact .wpcf7-not-valid-tip,.contact input[type=submit].small,.contact label,.content-boxed .centered-content>div,.copyText,.copyTextMedium,.copyTextSmall,.existing-new .content,.existing-new .top-tab div,.faq,.feature-circles .description,.feature-circles h1,.featureBlogDesc,.featureBlogTitle,.featureCircleH1,.fontLight,.footerText,.galleries-marketplaces h1,.galleriesPressTitle,.get-started,.get-started .methods-of-use,.h1,.h3,.h5,.heroText,.old-new h1,.old-new td,.old-new th,.oldWayNewWayTH,.page-template-template-tour .subtemplate.content,.page-template-template-tour header h1,.page-template-template-tour header nav,.past-events .event,.past-events .event time,.press-articles,.pricing .pricing-detail div,.product-overview h1,.product-overview p,.product-overview.small p,.sectionHeader,.short-descriptions,.short-descriptions .short-description,.signInUpText,.single-post .entry,.subsectionHeader,.subtemplate h1,.team,.team h2,.tourNavText,.upcoming-events .event,.upcoming-events .event time,.values .value,article.post .post-categories,article.post h2,body,body.page-template-template-companyblue,footer,footer a,h1,h3,h5,html,html.page-template-template-companyblue{font-family:canada-type-gibson,sans-serif;font-weight:200}.sectionHeader{font-size:34px;color:#67c4da;line-height:1.2;margin:35px 0}@media screen and (max-width:768px){.sectionHeader{font-size:30px}}.subsectionHeader{font-size:31px;color:#000;line-height:37px}.h1,.h2,.h3,h1,h2,h3{color:#d8127d}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{line-height:1.2}.h1,h1{font-size:36px}.h2,h2{font-size:26px}.h3,h3{font-size:27px}.h4,.h5,h4,h5{font-size:26px;color:#000}.h6,h6{color:#d8127d;font-size:15px;line-height:19px}.copyText{color:#121417;font-size:18px;line-height:22px}.copyTextMedium{color:#121417;font-size:17px;line-height:21px}.copyTextSmall{color:#121417;font-size:15px;line-height:19px}.heroText{font-size:37px;color:#fff;line-height:44px}.tourNavText{font-size:25px;line-height:30px;color:#67c4da}.signInUpText{font-size:17px;line-height:20px;color:#fff;text-transform:uppercase}.featureCircleH1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px;margin-bottom:22px}.caseStudyText{font-size:23px;color:#fff;line-height:28px}.oldWayNewWayTH{font-size:24px;color:#d8127d;line-height:29px}.blueBoxCopy,.blueBoxTitle{font-size:43px;color:#fff;line-height:52px}.galleriesPressTitle{font-size:30px;color:#000;line-height:36px;margin-bottom:50px}.featureBlogDesc{font-size:13px;color:#67c4da;line-height:22.79px}.featureBlogTitle{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase}.teamName{color:#000;font-size:19px}.footerText{font-size:14px;color:#fff;line-height:25px}.subfooterText{color:#1e1e1e;font-size:13px;line-height:14px}.button{display:inline-block;padding:25px 40px;border:1px solid;font-size:22px;line-height:26px;min-width:265px}.button.blue{color:#fff;background-color:#67c4da;border-color:#67c4da}.button.blue:hover{background-color:rgba(103,196,218,.5)}.button.pink{color:#fff;background-color:#d8127d;border-color:#d8127d}.button.pink:hover{background-color:rgba(216,18,125,.5)}.button.blue-overPic{color:#fff;background-color:#67c4da;border-color:#67c4da}.button.blue-overPic:hover{background-color:#fff;color:#67c4da}.button.pink-overPic{color:#fff;background-color:#d8127d;border-color:#d8127d}.button.pink-overPic:hover{background-color:#fff;color:#d8127d}.button.white-blue{color:#67c4da;background-color:#fff;border-color:#67c4da}.button.white-blue:hover{background-color:rgba(103,196,218,.5);color:#fff}.button.small{padding:5px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff;min-width:auto}.button.small:hover{background-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.4);color:#fff}.chevron-divider{background-image:url(../../images/svg/ascribe-chevron.svg);background-position:bottom;width:100%;background-size:100%;height:150px}@media screen and (max-width:768px){.chevron-divider{background-size:120%}}.social-icon{width:21px;height:21px;padding:1px;fill:#fff;background-color:#b8b8b8;border-radius:5px}.social-icon:hover{background-color:rgba(184,184,184,.4)}hr{box-sizing:content-box;border:0;height:2px;background:#979797;margin:40px 0}.archive header,.blog header,.blueGradient,.single-post header{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:linear-gradient(to bottom,#519cad 0,#67c4da 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#519cad', endColorstr='#67c4da', GradientType=0)}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.no-clearfix{zoom:0}.centered-categories,.centered-content,.centered-content-padding,.centered-footer,.centered-header,.centered-pricing,.centered-prodFeat{zoom:1;margin:0 auto;width:100%}.no-clearfix:after,.no-clearfix:before{display:none}.centered-categories:after,.centered-categories:before,.centered-content-padding:after,.centered-content-padding:before,.centered-content:after,.centered-content:before,.centered-footer:after,.centered-footer:before,.centered-header:after,.centered-header:before,.centered-pricing:after,.centered-pricing:before,.centered-prodFeat:after,.centered-prodFeat:before{content:"";display:table}.no-clearfix:after{clear:none}.centered-categories:after,.centered-content-padding:after,.centered-content:after,.centered-footer:after,.centered-header:after,.centered-pricing:after,.centered-prodFeat:after{clear:both}.centered-header{max-width:1140px;padding:0 10px}.centered-prodFeat{max-width:950px;padding:0 10px}.centered-content{max-width:790px;padding:0 10px}.centered-pricing{max-width:900px;padding:0 10px}.centered-content-padding{max-width:950px;padding:0 10px 50px;background-color:#fff}.centered-categories{max-width:1000px}.centered-footer{max-width:670px;padding:0 10px}ol,ul{padding:0;margin:0}.wrapper{position:relative}.ttl-columns{font-size:0;width:100%;width:calc(100% + 30px)}.ttl-columns .column,.ttl-columns .column-2,.ttl-columns .column-3,.ttl-columns .column-4,.ttl-columns .column-5,.ttl-columns .column-6,.ttl-columns .column-7,.ttl-columns .columnThreeQuarters,.ttl-columns .columnTwoThirds{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px}.ttl-columns .column-2{width:50%}@media screen and (max-width:570px){.ttl-columns .column-2{width:100%}}.ttl-columns .column-3{width:33.33333333%}@media screen and (max-width:570px){.ttl-columns .column-3{width:100%}}.ttl-columns .column-4{width:25%}@media screen and (max-width:768px){.ttl-columns .column-4{width:50%}}.ttl-columns .column-5{width:20%}@media screen and (max-width:768px){.ttl-columns .column-5{width:50%}}.ttl-columns .column-6{width:16.66666667%}@media screen and (max-width:768px){.ttl-columns .column-6{width:33%}}@media screen and (max-width:375px){.ttl-columns .column-6{width:50%}}.ttl-columns .column-7{width:14.28571429%}@media screen and (max-width:768px){.ttl-columns .column-7{width:33%}}.ttl-columns .columnTwoThirds{width:66.6%}@media screen and (max-width:570px){.ttl-columns .columnTwoThirds{width:100%}}.ttl-columns .columnThreeQuarters{width:75%}@media screen and (max-width:768px){.ttl-columns .columnThreeQuarters{width:100%}}.column-container{font-size:0;width:100%;width:calc(100% + 30px)}.column-container .column,.column-container .column-2,.column-container .column-3,.column-container .column-4,.column-container .column-5,.column-container .column-6,.column-container .column-7,.column-container .columnThreeQuarters,.column-container .columnTwoThirds{display:inline-block;padding-right:30px;font-size:15px;vertical-align:top}.column-container .column-2{width:50%}@media screen and (max-width:570px){.column-container .column-2{width:100%}}.column-container .column-3{width:33.33333333%}@media screen and (max-width:570px){.column-container .column-3{width:100%}}.column-container .column-4{width:25%}@media screen and (max-width:768px){.column-container .column-4{width:50%}}.column-container .column-5{width:20%}@media screen and (max-width:768px){.column-container .column-5{width:50%}}.column-container .column-6{width:16.66666667%}@media screen and (max-width:768px){.column-container .column-6{width:33%}}@media screen and (max-width:375px){.column-container .column-6{width:50%}}.column-container .column-7{width:14.28571429%}@media screen and (max-width:768px){.column-container .column-7{width:33%}}.column-container .columnTwoThirds{width:66.6%}@media screen and (max-width:570px){.column-container .columnTwoThirds{width:100%}}.column-container .columnThreeQuarters{width:75%}*,:after,:before{box-sizing:border-box}embed,img,object,video{max-width:100%;border:0;padding:0}.mobile-only{display:none}@media screen and (max-width:768px){.column-container .columnThreeQuarters{width:100%}.mobile-only{display:inherit}.desktop-only{display:none}}header{padding-bottom:50px}header+.chevron-divider{height:175px}.page-template-template-tour header{height:815px;padding:0;margin-bottom:60px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:visible}.page-template-template-tour header nav{float:left;margin-top:35px;font-size:25px;line-height:30px;color:#67c4da}.page-template-template-tour header nav ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 35px;position:relative;-webkit-flex-direction:column;list-style:none}.page-template-template-tour header nav ul.active li{display:-webkit-flex;display:-ms-flexbox;display:flex}.page-template-template-tour header nav ul.active li.current-menu-item a:after{-webkit-transform:rotate(180deg) scale(1,.75);transform:rotate(180deg) scale(1,.75)}.page-template-template-tour header nav ul li{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-order:2;-ms-flex-order:2;order:2;display:none;text-align:right}.page-template-template-tour header nav ul li.current-menu-item{-webkit-order:1;-ms-flex-order:1;order:1;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-template-template-tour header nav ul li.current-menu-item a{position:relative;font-size:25px}.page-template-template-tour header nav ul li.current-menu-item a:before{content:'for ';display:inline-block;margin-right:6px}.page-template-template-tour header nav ul li.current-menu-item a:after{content:'▼';display:inline-block;position:absolute;top:3px;right:-25px;font-size:15px;-webkit-transform:scale(1,.75);transform:scale(1,.75)}.page-template-template-tour header nav ul li a{width:100%;font-size:20px}.page-template-template-tour header .description{clear:both;width:80%;margin:190px auto 0;text-align:center}.page-template-template-tour header h1{font-size:37px;color:#fff;line-height:44px;margin-bottom:160px}.page-template-template-tour header .app-links{color:#fff;margin-top:25px}.page-template-template-tour header .app-links a{color:#fff}.page-template-template-tour header .app-links a:hover{color:#d8127d}.page-template-template-tour header .chevron-divider{position:absolute;bottom:-60px;height:150px}@media screen and (max-width:768px){.page-template-template-tour header{height:600px}.page-template-template-tour header h1{margin-bottom:80px}.page-template-template-tour header .description{margin:160px auto 0;font-size:34px;width:100%}}.archive header nav,.blog header nav,.page-template-default header nav,.page-template-template-companywhite header nav,.page-template-template-general header nav,.single-post header nav{float:left;margin-top:17px;margin-left:10%}.archive header nav ul li,.blog header nav ul li,.page-template-default header nav ul li,.page-template-template-companywhite header nav ul li,.page-template-template-general header nav ul li,.single-post header nav ul li{display:block;float:left;border:1px solid #b8b9b9;margin-right:30px;height:60px;padding:0 30px;width:160px;text-align:center}.archive header nav ul li a,.blog header nav ul li a,.page-template-default header nav ul li a,.page-template-template-companywhite header nav ul li a,.page-template-template-general header nav ul li a,.single-post header nav ul li a{color:#000;display:block;font-size:16px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.archive header nav ul li a:after,.blog header nav ul li a:after,.page-template-default header nav ul li a:after,.page-template-template-companywhite header nav ul li a:after,.page-template-template-general header nav ul li a:after,.single-post header nav ul li a:after{content:' Tour'}.archive header nav ul li:hover,.blog header nav ul li:hover,.page-template-default header nav ul li:hover,.page-template-template-companywhite header nav ul li:hover,.page-template-template-general header nav ul li:hover,.single-post header nav ul li:hover{border:1px solid #d8127d}.archive header nav ul li:hover a,.blog header nav ul li:hover a,.page-template-default header nav ul li:hover a,.page-template-template-companywhite header nav ul li:hover a,.page-template-template-general header nav ul li:hover a,.single-post header nav ul li:hover a{color:#d8127d}.archive header,.blog header,.single-post header{padding-bottom:0}.archive header nav ul li,.blog header nav ul li,.single-post header nav ul li{display:block;float:left;border:1px solid rgba(255,255,255,.3)}.archive header nav ul li a,.blog header nav ul li a,.single-post header nav ul li a{color:#fff}.archive header nav ul li:hover,.blog header nav ul li:hover,.single-post header nav ul li:hover{background-color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3)}.archive header nav ul li:hover a,.blog header nav ul li:hover a,.single-post header nav ul li:hover a{color:#fff}.archive header .chevron-divider,.blog header .chevron-divider,.single-post header .chevron-divider{position:absolute;top:110px;z-index:1}.archive header h1,.blog header h1,.single-post header h1{color:#fff;font-size:54px;position:relative;z-index:2;margin-top:100px;margin-bottom:50px;text-align:center}.archive header .app-links,.archive header .app-links a,.blog header .app-links,.blog header .app-links a,.single-post header .app-links,.single-post header .app-links a{color:#fff}.archive header+nav,.blog header+nav,.single-post header+nav{background-color:#67c4da;border-top:2px solid rgba(255,255,255,.5)}.archive header+nav ul,.blog header+nav ul,.single-post header+nav ul{font-size:0;width:100%;width:calc(100% + 30px)}.archive header+nav ul .column,.blog header+nav ul .column,.single-post header+nav ul .column{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px}.archive header+nav ul .column-2,.blog header+nav ul .column-2,.single-post header+nav ul .column-2{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:50%}@media screen and (max-width:570px){.archive header+nav ul .column-2,.blog header+nav ul .column-2,.single-post header+nav ul .column-2{width:100%}}.archive header+nav ul .column-3,.blog header+nav ul .column-3,.single-post header+nav ul .column-3{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:33.33333333%}@media screen and (max-width:570px){.archive header+nav ul .column-3,.blog header+nav ul .column-3,.single-post header+nav ul .column-3{width:100%}}.archive header+nav ul .column-4,.blog header+nav ul .column-4,.single-post header+nav ul .column-4{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:25%}@media screen and (max-width:768px){.archive header+nav ul .column-4,.blog header+nav ul .column-4,.single-post header+nav ul .column-4{width:50%}}.archive header+nav ul .column-5,.blog header+nav ul .column-5,.single-post header+nav ul .column-5{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:20%}@media screen and (max-width:768px){.archive header+nav ul .column-5,.blog header+nav ul .column-5,.single-post header+nav ul .column-5{width:50%}}.archive header+nav ul .column-6,.blog header+nav ul .column-6,.single-post header+nav ul .column-6{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:16.66666667%}@media screen and (max-width:768px){.archive header+nav ul .column-6,.blog header+nav ul .column-6,.single-post header+nav ul .column-6{width:33%}}@media screen and (max-width:375px){.archive header+nav ul .column-6,.blog header+nav ul .column-6,.single-post header+nav ul .column-6{width:50%}}.archive header+nav ul .column-7,.blog header+nav ul .column-7,.single-post header+nav ul .column-7{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:14.28571429%}@media screen and (max-width:768px){.archive header+nav ul .column-7,.blog header+nav ul .column-7,.single-post header+nav ul .column-7{width:33%}}.archive header+nav ul .columnTwoThirds,.blog header+nav ul .columnTwoThirds,.single-post header+nav ul .columnTwoThirds{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:66.6%}@media screen and (max-width:570px){.archive header+nav ul .columnTwoThirds,.blog header+nav ul .columnTwoThirds,.single-post header+nav ul .columnTwoThirds{width:100%}}.archive header+nav ul .columnThreeQuarters,.blog header+nav ul .columnThreeQuarters,.single-post header+nav ul .columnThreeQuarters{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:75%}@media screen and (max-width:768px){.archive header+nav ul .columnThreeQuarters,.blog header+nav ul .columnThreeQuarters,.single-post header+nav ul .columnThreeQuarters{width:100%}}.archive header+nav li,.blog header+nav li,.single-post header+nav li{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:16.66666667%}@media screen and (max-width:768px){.archive header+nav li,.blog header+nav li,.single-post header+nav li{width:33%}}@media screen and (max-width:375px){.archive header+nav li,.blog header+nav li,.single-post header+nav li{width:50%}}.archive header+nav a,.blog header+nav a,.single-post header+nav a{display:block;text-align:center;padding:25px 0;font-size:16px;color:#fff}.app-links,.app-links a{font-size:17px;line-height:20px;color:#000;text-transform:uppercase}.archive header+nav a:hover,.blog header+nav a:hover,.single-post header+nav a:hover{background-color:rgba(255,255,255,.5)}.logo{float:left;margin-top:25px}.app-links{float:right;margin-top:35px}.four-oh-four,.subtemplate h1{font-size:34px;text-align:center}.app-links a:hover{color:#d8127d}.above-chevron{margin-top:-100px;margin-bottom:-80px;position:relative;z-index:3}.four-oh-four{line-height:41px}.four-oh-four .centered-content-padding{min-height:500px}.subtemplate{position:relative}.subtemplate h1{color:#67c4da;line-height:1.2;margin:35px 0}@media screen and (max-width:768px){.subtemplate h1{font-size:30px}}.feature-circles{padding:75px 0 160px}.feature-circles .column-container{width:calc(100% + 100px)}.feature-circles .feature-circle{display:inline-block;vertical-align:top;font-size:15px;width:33.33333333%;padding-right:100px}@media screen and (max-width:570px){.feature-circles .feature-circle{width:100%}}.feature-circles .surround-circle{display:inline-block;vertical-align:top;font-size:15px;text-align:center;position:relative;width:30%;padding:80px 50px 170px}@media screen and (max-width:570px){.feature-circles .surround-circle{width:100%}}.feature-circles .surround-circle:before{top:0;left:8%;width:85%;background:url(../img/circle.png) center top no-repeat;background-size:100%;height:100%;content:'';position:absolute}.feature-circles .surround-circle h1{margin-top:22px}.feature-circles img{width:105px;display:block;margin:0 auto 26px}.feature-circles h1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px;margin-bottom:22px;text-align:center}.feature-circles .description{color:#121417;font-size:15px;line-height:19px}@media screen and (max-width:768px){.feature-circles{padding:75px 0 100px}.feature-circles .column-container{width:calc(100% + 50px)}.feature-circles .feature-circle{padding-right:50px}}.case-studies{height:685px;position:relative}.case-studies .case-study{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .3s ease-in-out;visibility:visible;opacity:1}.case-studies .centered-header,.case-studies .slide-container{position:relative;width:100%;height:100%}.case-studies .case-study.hidden{visibility:hidden;opacity:0}.case-studies .slide-container{left:0}.case-studies .description{white-space:normal;width:60%;background:rgba(0,0,0,.64);padding:25px;position:absolute;bottom:35px;right:0;font-size:23px;color:#fff;line-height:28px}.case-studies p{margin:0}.case-studies .slider-action{width:80px;height:80px;background-color:#fff;background-position:center;background-repeat:no-repeat;cursor:pointer;position:absolute;top:calc(50% - 40px);z-index:2}.case-studies #back{background-image:url(../../images/left.png);left:0}.case-studies #forward{background-image:url(../../images/right.png);right:0}@media screen and (max-width:768px){.case-studies{height:500px}.case-studies .description{font-size:17px;line-height:20px;width:70%}.case-studies .slider-action{-webkit-transform:scale(.7);transform:scale(.7)}.case-studies #back{-webkit-transform-origin:left;transform-origin:left}.case-studies #forward{-webkit-transform-origin:right;transform-origin:right}}.old-new{padding-top:130px;padding-bottom:175px}.old-new h1{font-size:34px;color:#67c4da;line-height:1.2;margin:35px 0;text-align:center}@media screen and (max-width:768px){.old-new h1{font-size:30px}}.old-new th{font-size:24px;color:#d8127d;line-height:29px;text-transform:uppercase;padding-bottom:15px}.old-new td{border:1px solid #d7e9ef;vertical-align:middle;color:#121417;font-size:15px;line-height:19px;width:50%;padding:45px 0}.old-new td p{width:60%;margin:0 auto}.old-new .new{border-bottom-color:#fff;position:relative;background-color:#d7e9ef}.old-new .new:before{position:absolute;left:-30px;top:calc(50% - 30px);content:'';display:block;width:60px;height:60px;background-image:url(../../images/icon-arrow.png);background-size:60px;background-repeat:no-repeat}.old-new tr:last-of-type .new{border-bottom-color:#d7e9ef}@media screen and (max-width:768px){.old-new{padding-top:20px}.old-new td{text-align:center}.old-new .centered-content{padding:0}}.product-overview{padding:175px 0;border-top:1px solid #979797}.product-overview h1{font-size:34px;color:#67c4da;line-height:1.2;margin:35px 0;text-align:center}@media screen and (max-width:768px){.product-overview h1{font-size:30px}}.product-overview p{color:#121417;font-size:15px;line-height:19px}.product-overview:nth-of-type(odd) img{float:left}.product-overview:nth-of-type(even) img,.product-overview:nth-of-type(odd) .text-column{float:right}.product-overview .text-column{width:45%}.product-overview img{max-width:55%}.product-overview.small{border-top:0;border-bottom:25px solid #fbfbfb;padding:100px 0}.product-overview.small h1{font-size:22px;margin:0}.product-overview.small p{color:#121417;font-size:18px;line-height:22px}.blue-box,.blue-box h1{font-size:43px;color:#fff;line-height:52px}.product-overview.small .text-column{text-align:center}@media screen and (max-width:768px){.product-overview{padding:100px 0}.product-overview:first-of-type{border-top:0}.product-overview img{max-width:100%;width:45%;margin-top:10%}.product-overview .text-column{text-align:center}}.blue-box{padding:175px 0;background-color:#fbfbfb}.blue-box .blue-copy{background-color:#67c4da;padding:70px 0 110px}.blue-box .blue-copy div{width:80%;margin:0 auto;text-align:center}.blue-box h1{text-align:center}@media screen and (max-width:768px){.blue-box{padding:75px 0}}.sign-up{padding:240px 0 210px;text-align:center}.sign-up a{margin:0 auto}.galleries-marketplaces{padding:145px 0 130px;text-align:center}.galleries-marketplaces h1{font-size:30px;color:#000;line-height:36px;margin-bottom:50px}.galleries-marketplaces img{display:block;margin-bottom:80px}@media screen and (max-width:768px){.galleries-marketplaces{padding:75px 0 30px}.galleries-marketplaces h1{font-size:27px}.galleries-marketplaces a{display:none}}.blog-features{background-color:#fbfbfb;padding:75px 0}.blog-features .blog,.team .team-member{display:inline-block;padding-right:30px;vertical-align:top}.blog-features .blog{font-size:15px;width:33.33333333%;margin-bottom:40px}@media screen and (max-width:570px){.blog-features .blog{width:100%}}.blog-features .blog div{background-color:#fff;padding-bottom:15px;min-height:225px}.careers,.team.tour-page{background-color:#fbfbfb}.blog-features h2{font-size:13px;color:#67c4da;line-height:22.79px;margin:10px 10px 0}.blog-features h1{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase;margin:0 10px;text-align:left}.team{color:#121417;font-size:15px;line-height:19px;text-align:center}.team .column-container,.team .intro{text-align:left}.team .intro{margin-bottom:60px}.team p{margin:0}.team .team-member{font-size:15px;width:33.33333333%;text-align:center;margin-bottom:40px}@media screen and (max-width:570px){.team .team-member{width:100%}}.team img{border-radius:100%}.team h1{color:#000;font-size:19px;margin-top:20px;margin-bottom:0}.faq,.team h2{color:#121417}.team h2{font-size:18px;line-height:22px;margin-top:2px}.team.tour-page{padding:70px 0}@media screen and (max-width:768px){.team .intro{text-align:center}.team .button{display:none}}.faq{font-size:17px;line-height:21px}.faq dd,.faq dl,.faq dt{margin:0;padding:0}.faq .featured-faqs{margin-bottom:75px}.faq .featured-faqs dt{font-size:25px;line-height:32px;color:#d8127d;cursor:pointer}.faq .featured-faqs dd{max-height:0;overflow-y:hidden;transition:all .15s ease-in-out;margin-bottom:5px}.faq .featured-faqs dd.open{max-height:800px}.faq .regular-faqs dd{margin-bottom:60px}.values{padding-bottom:150px}.values .column-container{width:calc(100% + 175px)}.values .value{display:inline-block;vertical-align:top;width:50%;color:#121417;font-size:18px;line-height:22px;padding-right:175px}@media screen and (max-width:570px){.values .value{width:100%}}.values .value h1{color:#000;font-size:25px;line-height:15px;margin-bottom:0;text-align:left}.careers{text-align:center;padding:90px 0 140px;margin-bottom:75px}.contact .contact-points,.contact .form{padding-right:30px;display:inline-block;vertical-align:top}.careers a{color:#000;font-size:27px;line-height:32px}.careers a:hover{color:#d8127d}.careers li{margin-bottom:35px}.careers ul{list-style:none}.contact .form{width:75%;color:#121417;font-size:18px;line-height:22px}@media screen and (max-width:768px){.contact .form{width:100%}}.contact .contact-points{font-size:15px;width:25%}@media screen and (max-width:768px){.contact .contact-points{width:50%}}.contact label{color:#121417;font-size:15px;line-height:19px}.contact label.required:after{content:'*';color:#d8127d}.contact input,.contact textarea{margin-bottom:20px;padding:10px;color:#595959;width:80%;margin-top:5px;border:1px solid #979797;outline:0}.contact input[aria-invalid=true],.contact textarea[aria-invalid=true]{border:1px solid #d8127d}.contact input[type=submit]{display:inline-block;padding:25px 40px;border:1px solid #67c4da;font-size:22px;line-height:26px;text-decoration:none;min-width:265px;text-align:center;color:#fff;background-color:#67c4da;width:auto}.contact input[type=submit].blue{color:#fff;background-color:#67c4da;border-color:#67c4da}.contact input[type=submit].blue:hover{background-color:rgba(103,196,218,.5)}.contact input[type=submit].pink{color:#fff;background-color:#d8127d;border-color:#d8127d}.contact input[type=submit].pink:hover{background-color:rgba(216,18,125,.5)}.contact input[type=submit].blue-overPic{color:#fff;background-color:#67c4da;border-color:#67c4da}.contact input[type=submit].blue-overPic:hover{background-color:#fff;color:#67c4da}.contact input[type=submit].pink-overPic{color:#fff;background-color:#d8127d;border-color:#d8127d}.contact input[type=submit].pink-overPic:hover{background-color:#fff;color:#d8127d}.contact input[type=submit].white-blue{color:#67c4da;background-color:#fff;border-color:#67c4da}.contact input[type=submit].white-blue:hover{background-color:rgba(103,196,218,.5);color:#fff}.contact input[type=submit].small{padding:5px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff;min-width:auto}.contact input[type=submit].small:hover{background-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.4);color:#fff}.contact input[type=submit]:hover{background-color:rgba(103,196,218,.5)}.contact .contact-point{color:#121417;font-size:18px;line-height:22px}.contact .contact-point h1{font-size:19px;color:#d8127d;text-align:left;margin-bottom:0}.contact .required-info,.contact .wpcf7-not-valid-tip{font-size:15px;line-height:19px;color:#d8127d}.contact .wpcf7-not-valid-tip{margin-top:-20px;margin-bottom:10px}.contact div.wpcf7-validation-errors{border:none;padding:0;margin:0}.press-articles{color:#121417;font-size:18px;line-height:22px;text-align:center}.press-articles blockquote{margin:0}.press-articles .press-article{text-align:left;margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid #979797}.press-articles .press-article h1{color:#000;font-size:19px;margin-bottom:0;text-align:left}.press-articles .press-article h1 a{color:#000}.press-articles .press-article h1 a:hover{color:#67c4da}.downloads .left{float:left}.downloads .right{float:right}.past-events h2,.upcoming-events h2{text-align:center;position:relative;font-size:19px}.past-events h2 span,.upcoming-events h2 span{background-color:#fff;position:relative;z-index:1;padding:0 20px}.past-events h2:after,.upcoming-events h2:after{content:'';display:block;height:1px;background-color:#979797;position:absolute;top:50%;left:0;right:0}.past-events .event,.upcoming-events .event{color:#121417;font-size:18px;line-height:22px;border-top:1px solid #979797;padding-bottom:30px;margin-bottom:30px}.past-events .event h1,.upcoming-events .event h1{color:#000;line-height:1.2;text-align:left;margin-bottom:0;font-size:19px}.past-events .event h1 a,.upcoming-events .event h1 a{color:#000}.past-events .event h1 a:hover,.upcoming-events .event h1 a:hover{color:#d8127d}.past-events .event time,.upcoming-events .event time{color:#121417;font-size:17px;line-height:21px;margin-bottom:5px;display:block}.past-events h2+.event,.upcoming-events h2+.event{border-top:0}.past-events blockquote,.upcoming-events blockquote{margin:0;padding:0}.past-events+.chevron-divider,.upcoming-events+.chevron-divider{height:280px;margin-top:-100px;margin-bottom:-135px;position:relative;z-index:-1}.short-descriptions{padding-top:35px;text-align:center;color:#121417;font-size:18px;line-height:22px}.short-descriptions .centered-content>h1{margin-bottom:0}.short-descriptions .short-description{display:inline-block;vertical-align:top;padding-right:30px;width:33.33333333%;color:#121417;font-size:18px;line-height:22px;margin-bottom:100px}@media screen and (max-width:570px){.short-descriptions .short-description{width:100%}}.short-descriptions .short-description h1{font-size:22px;color:#d8127d}.content-boxed,.content-boxed .centered-content-padding{background-color:#fbfbfb}.content-boxed .centered-content>div{border:1px solid #d8127d;background-color:#fff;padding:60px 10%;text-align:center;color:#121417;font-size:18px;line-height:22px}.content-boxed .centered-content>div ul{text-align:left;list-style:none}.content-boxed .centered-content>div ul li{margin-bottom:35px}.content-boxed .centered-content>div ul ul{list-style:none;margin-left:20%}.content-boxed .centered-content>div ul ul li{margin-bottom:0}.content-boxed .centered-content>div ul ul li:before{content:'-';display:inline-block;margin-right:5px}.content-boxed .centered-content p{max-width:640px}.content-boxed .centered-content img{margin:30px 0}.existing-new{background-color:#fbfbfb;padding:90px 0 120px}.existing-new .top-tab{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:50%}@media screen and (max-width:570px){.existing-new .top-tab{width:100%}}.existing-new .top-tab div{padding:25px 0;text-align:center;cursor:pointer;text-transform:uppercase;font-size:24px;line-height:29px;color:#000;font-weight:400}.existing-new .top-tab.active div{border:1px solid #d8127d;border-bottom:0;background-color:#fff;color:#d8127d}.existing-new .content{text-align:center;display:none;background-color:#fff;border:1px solid #d8127d;padding:60px 10%;margin-top:-1px;color:#121417;font-size:18px;line-height:22px}.existing-new .content.active{display:block}.existing-new .content>ul{text-align:left;list-style:none}.existing-new .content>ul>li{margin-bottom:35px}.existing-new .content>ul ul{list-style:none;margin-left:20%}.existing-new .content>ul ul li:before{content:'-';display:inline-block;margin-right:5px}.existing-new .button{color:#fff;background-color:#d8127d;border-color:#d8127d}.get-started,.get-started .methods-of-use{color:#121417;font-size:18px;line-height:22px}.existing-new .button:hover{background-color:rgba(216,18,125,.5)}.page-template-template-tour .subtemplate.content{color:#121417;font-size:18px;line-height:22px;text-align:center}.page-template-template-tour .subtemplate.content.grey,.page-template-template-tour .subtemplate.content.grey .centered-content,.page-template-template-tour .subtemplate.content.grey .centered-content-padding{background-color:#fbfbfb}.page-template-template-tour .subtemplate.content.grey h1{margin-top:55px}.get-started{padding-top:70px;padding-bottom:230px}.get-started .column-container{width:calc(100% + 90px)}.get-started .methods-of-use{display:inline-block;vertical-align:top;width:50%;padding-right:90px;text-align:center}@media screen and (max-width:570px){.get-started .methods-of-use{width:100%}}.get-started .methods-of-use h1{font-size:26px;color:#d8127d;line-height:1.2;text-transform:uppercase;font-weight:200}.get-started .methods-of-use p{width:90%}.pricing{background-repeat:no-repeat;background-size:cover;height:470px;padding-top:80px;text-align:center;color:#fff;font-weight:400}.pricing h1{color:#fff;margin-bottom:10px}.pricing .pricing-detail{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:50%;margin-bottom:30px}@media screen and (max-width:570px){.pricing .pricing-detail{width:100%}}.pricing .pricing-detail div{height:135px;text-align:center;background-color:#fff;font-size:36px;line-height:1.2;color:#d8127d}.pricing .pricing-detail div p{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pricing .pricing-detail small{color:#000;font-size:16px;display:block;margin-top:7px}.blog .column-container{width:calc(100% + 70px)}article.post{padding-top:40px;padding-bottom:50px;border-bottom:2px solid #e5e5e5}article.post h2{margin:0;font-size:12px}article.post .post-categories{list-style:none;font-size:12px}article.post h1{margin-top:0}article.post .image{width:100%}article.post .image img{display:block;max-width:100%;width:100%}.blog-column,.blog-sidebar{display:inline-block;vertical-align:top;font-size:15px;padding-right:70px}article.post .meta{background-image:url(../../images/svg/ascribe-chevron.svg);background-position:bottom;width:100%;background-size:100%;opacity:1;line-height:75px;height:75px;padding-left:15px;margin-bottom:35px}.blog-sidebar .sidebar-blog-features .blog:hover,.blog-sidebar .sidebar-blog-features a:hover{opacity:.3}@media screen and (max-width:768px){article.post .meta{background-size:120%}}.blog-column{width:66.6%}@media screen and (max-width:570px){.blog-column{width:100%}}.blog-sidebar{width:33.33333333%;padding-top:40px}.blog-sidebar img{display:block;margin-bottom:60px}.blog-sidebar .sidebar-blog-features{color:#121417;font-size:18px;line-height:22px}.blog-sidebar .sidebar-blog-features h1{font-size:19px;color:#d8127d;margin-bottom:0}.blog-sidebar .sidebar-blog-features time{font-size:18px;display:block;margin-bottom:5px}.blog-sidebar .sidebar-blog-features a{color:#000}.blog-sidebar .sidebar-blog-features .blog{margin-bottom:70px}@media screen and (max-width:570px){.blog-sidebar{width:50%;margin:0 auto}}.single-post .entry{color:#121417;font-size:18px;line-height:22px;width:80%}footer,footer a{font-size:14px;line-height:25px;color:#fff}.single-post .article-post{border-bottom:0}footer a{width:100%}footer a:hover{color:#fff}footer .bottom-footer,footer .bottom-footer a{color:#1e1e1e;font-size:13px;line-height:14px}footer .top-footer{background-color:#8c8c8c;padding:50px 0 40px}footer .top-footer ul{-webkit-columns:3;-moz-columns:3;columns:3;width:75%;float:left}footer ul{list-style:none}footer .contact{width:25%;float:right}footer .bottom-footer{padding:20px 0 10px}footer .bottom-footer .menu{float:left;margin-left:15px}footer .bottom-footer .menu li{display:inline-block;border-left:1px solid #121417;padding:0 15px}footer .bottom-footer .menu li:nth-of-type(1){width:60px}footer .bottom-footer .menu li:nth-of-type(2){width:130px}footer .bottom-footer .social{float:right;position:relative;top:-2px}footer .bottom-footer .social li{display:inline-block}footer .copyright{float:left}footer .button{margin-bottom:10px} \ No newline at end of file +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */legend,td,th{padding:0}.blueBoxTitle,.button,.sectionHeader,.subsectionHeader{text-align:center}.wrapper,header{overflow:hidden}.wrapper,sub,sup{position:relative}.old-new table,table{border-collapse:collapse}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}figure{margin:1em 40px}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-spacing:0}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;text-shadow:none!important;-webkit-filter:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button,a{text-decoration:none}body,html{height:100%;color:#121417;font-size:15px;line-height:19px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.page-template-template-companyblue,html.page-template-template-companyblue{color:#121417;font-size:18px;line-height:22px}a{background:0 0;color:#67c4da}a:hover{color:#d8127d}.app-links,.app-links a,.blog-features h1,.blog-features h2,.blog-sidebar .sidebar-blog-features,.blue-box,.blueBoxCopy,.button.small,.careers a,.contact .contact-point,.contact .form,.contact .required-info,.contact .wpcf7-not-valid-tip,.contact input[type=submit].small,.contact label,.content-boxed .centered-content>div,.copyText,.copyTextMedium,.copyTextSmall,.existing-new .content,.existing-new .top-tab div,.faq,.feature-circles .description,.feature-circles h1,.featureBlogDesc,.featureBlogTitle,.featureCircleH1,.fontLight,.footerText,.galleries-marketplaces h1,.galleriesPressTitle,.get-started,.get-started .methods-of-use,.h1,.h3,.h5,.heroText,.old-new h1,.old-new td,.old-new th,.oldWayNewWayTH,.page-template-template-tour .subtemplate.content,.page-template-template-tour header h1,.page-template-template-tour header nav,.past-events .event,.past-events .event time,.press-articles,.pricing .pricing-detail div,.product-overview h1,.product-overview p,.product-overview.small p,.sectionHeader,.short-descriptions,.short-descriptions .short-description,.signInUpText,.single-post .entry,.subsectionHeader,.subtemplate h1,.team,.team h2,.tourNavText,.upcoming-events .event,.upcoming-events .event time,.values .value,article.post .post-categories,article.post h2,body,body.page-template-template-companyblue,footer,footer a,h1,h3,h5,html,html.page-template-template-companyblue{font-family:canada-type-gibson,sans-serif;font-weight:200}.archive header+nav a,.blog header+nav a,.blog-sidebar .sidebar-blog-features h1,.blue-box h1,.blueBoxTitle,.button,.case-studies .description,.caseStudyText,.contact .contact-point h1,.contact input[type=submit],.faq .featured-faqs dt,.faq .regular-faqs dt,.fontRegular,.get-started .methods-of-use h1,.h2,.h4,.h6,.past-events .event h1,.press-articles .press-article h1,.single-post header+nav a,.team h1,.teamName,.upcoming-events .event h1,.values .value h1,footer a:hover,h2,h4,h6{font-family:canada-type-gibson,sans-serif;font-weight:400}.sectionHeader{font-size:34px;color:#67c4da;line-height:1.2;margin:35px 0}@media screen and (max-width:768px){.sectionHeader{font-size:30px}}.subsectionHeader{font-size:31px;color:#000;line-height:37px}.h1,.h2,.h3,h1,h2,h3{color:#d8127d}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{line-height:1.2}.h1,h1{font-size:36px}.h2,h2{font-size:26px}.h3,h3{font-size:27px}.h4,.h5,h4,h5{font-size:26px;color:#000}.h6,h6{color:#d8127d;font-size:15px;line-height:19px}.copyText{color:#121417;font-size:18px;line-height:22px}.copyTextMedium{color:#121417;font-size:17px;line-height:21px}.copyTextSmall{color:#121417;font-size:15px;line-height:19px}.heroText{font-size:37px;color:#fff;line-height:44px}.tourNavText{font-size:25px;line-height:30px;color:#67c4da}.signInUpText{font-size:17px;line-height:20px;color:#fff;text-transform:uppercase}.featureCircleH1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px;margin-bottom:22px}.caseStudyText{font-size:23px;color:#fff;line-height:28px}.oldWayNewWayTH{font-size:24px;color:#d8127d;line-height:29px}.blueBoxCopy,.blueBoxTitle{font-size:43px;color:#fff;line-height:52px}.galleriesPressTitle{font-size:30px;color:#000;line-height:36px;margin-bottom:50px}.featureBlogDesc{font-size:13px;color:#67c4da;line-height:22.79px}.featureBlogTitle{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase}.teamName{color:#000;font-size:19px}.footerText{font-size:14px;color:#fff;line-height:25px}.subfooterText{color:#1e1e1e;font-size:13px;line-height:14px}.button{display:inline-block;padding:25px 40px;border:1px solid;font-size:22px;line-height:26px;min-width:265px}.button.blue{color:#fff;background-color:#67c4da;border-color:#67c4da}.button.blue:hover{background-color:rgba(103,196,218,.5)}.button.pink{color:#fff;background-color:#d8127d;border-color:#d8127d}.button.pink:hover{background-color:rgba(216,18,125,.5)}.button.blue-overPic{color:#fff;background-color:#67c4da;border-color:#67c4da}.button.blue-overPic:hover{background-color:#fff;color:#67c4da}.button.pink-overPic{color:#fff;background-color:#d8127d;border-color:#d8127d}.button.pink-overPic:hover{background-color:#fff;color:#d8127d}.button.white-blue{color:#67c4da;background-color:#fff;border-color:#67c4da}.button.white-blue:hover{background-color:rgba(103,196,218,.5);color:#fff}.button.small{padding:5px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff;min-width:auto}.button.small:hover{background-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.4);color:#fff}.chevron-divider{background-image:url(../../images/svg/ascribe-chevron.svg);background-position:bottom;width:100%;background-size:100%;height:150px}@media screen and (max-width:768px){.chevron-divider{background-size:120%}}.social-icon{width:21px;height:21px;padding:1px;fill:#fff;background-color:#b8b8b8;border-radius:5px}.social-icon:hover{background-color:rgba(184,184,184,.4)}hr{box-sizing:content-box;border:0;height:2px;background:#979797;margin:40px 0}.archive header,.blog header,.blueGradient,.single-post header{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxOWNhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2M0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:linear-gradient(to bottom,#519cad 0,#67c4da 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#519cad', endColorstr='#67c4da', GradientType=0)}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.no-clearfix{zoom:0}.centered-categories,.centered-content,.centered-content-padding,.centered-footer,.centered-header,.centered-pricing,.centered-prodFeat{zoom:1;margin:0 auto;width:100%}.no-clearfix:after,.no-clearfix:before{display:none}.centered-categories:after,.centered-categories:before,.centered-content-padding:after,.centered-content-padding:before,.centered-content:after,.centered-content:before,.centered-footer:after,.centered-footer:before,.centered-header:after,.centered-header:before,.centered-pricing:after,.centered-pricing:before,.centered-prodFeat:after,.centered-prodFeat:before{content:"";display:table}.no-clearfix:after{clear:none}.centered-categories:after,.centered-content-padding:after,.centered-content:after,.centered-footer:after,.centered-header:after,.centered-pricing:after,.centered-prodFeat:after{clear:both}.centered-header{max-width:1140px;padding:0 10px}.centered-prodFeat{max-width:950px;padding:0 10px}.centered-content{max-width:790px;padding:0 10px}.centered-pricing{max-width:900px;padding:0 10px}.centered-content-padding{max-width:950px;padding:0 10px 50px;background-color:#fff}.centered-categories{max-width:1000px}.centered-footer{max-width:670px;padding:0 10px}ol,ul{padding:0;margin:0}.ttl-columns{font-size:0;width:100%;width:calc(100% + 30px)}.ttl-columns .column,.ttl-columns .column-2,.ttl-columns .column-3,.ttl-columns .column-4,.ttl-columns .column-5,.ttl-columns .column-6,.ttl-columns .column-7,.ttl-columns .columnThreeQuarters,.ttl-columns .columnTwoThirds{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px}.ttl-columns .column-2{width:50%}@media screen and (max-width:570px){.ttl-columns .column-2{width:100%}}.ttl-columns .column-3{width:33.33333333%}@media screen and (max-width:570px){.ttl-columns .column-3{width:100%}}.ttl-columns .column-4{width:25%}@media screen and (max-width:768px){.ttl-columns .column-4{width:50%}}.ttl-columns .column-5{width:20%}@media screen and (max-width:768px){.ttl-columns .column-5{width:50%}}.ttl-columns .column-6{width:16.66666667%}@media screen and (max-width:768px){.ttl-columns .column-6{width:33%}}@media screen and (max-width:600px){.ttl-columns .column-6{width:50%}}.ttl-columns .column-7{width:14.28571429%}@media screen and (max-width:768px){.ttl-columns .column-7{width:33%}}.ttl-columns .columnTwoThirds{width:66.6%}@media screen and (max-width:570px){.ttl-columns .columnTwoThirds{width:100%}}.ttl-columns .columnThreeQuarters{width:75%}@media screen and (max-width:768px){.ttl-columns .columnThreeQuarters{width:100%}}.column-container{font-size:0;width:100%;width:calc(100% + 30px)}.column-container .column,.column-container .column-2,.column-container .column-3,.column-container .column-4,.column-container .column-5,.column-container .column-6,.column-container .column-7,.column-container .columnThreeQuarters,.column-container .columnTwoThirds{display:inline-block;padding-right:30px;font-size:15px;vertical-align:top}.column-container .column-2{width:50%}@media screen and (max-width:570px){.column-container .column-2{width:100%}}.column-container .column-3{width:33.33333333%}@media screen and (max-width:570px){.column-container .column-3{width:100%}}.column-container .column-4{width:25%}@media screen and (max-width:768px){.column-container .column-4{width:50%}}.column-container .column-5{width:20%}@media screen and (max-width:768px){.column-container .column-5{width:50%}}.column-container .column-6{width:16.66666667%}@media screen and (max-width:768px){.column-container .column-6{width:33%}}@media screen and (max-width:600px){.column-container .column-6{width:50%}}.column-container .column-7{width:14.28571429%}@media screen and (max-width:768px){.column-container .column-7{width:33%}}.column-container .columnTwoThirds{width:66.6%}@media screen and (max-width:570px){.column-container .columnTwoThirds{width:100%}}.column-container .columnThreeQuarters{width:75%}*,:after,:before{box-sizing:border-box}embed,img,object,video{max-width:100%;border:0;padding:0}.phone-only{display:none}@media screen and (max-width:600px){.phone-only{display:inherit}}.mobile-only{display:none}@media screen and (max-width:768px){.column-container .columnThreeQuarters{width:100%}.mobile-only{display:inherit}.desktop-only{display:none}}@media screen and (max-width:600px){.phone-and-up{display:none}}header{padding-bottom:50px}header+.chevron-divider{height:175px}.page-template-template-tour header{height:815px;padding:30px 0 0;margin-bottom:60px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:visible}.page-template-template-tour header .sticky{padding:15px 0;width:100%;position:fixed;background-color:transparent;transition:all .15s ease-in-out}.page-template-template-tour header .sticky.stuck{background-color:#000;z-index:800}.page-template-template-tour header .sticky.stuck ul.active{background-color:#000;padding-bottom:10px}.page-template-template-tour header nav{float:left;margin-top:9px;font-size:25px;line-height:30px;color:#67c4da}.page-template-template-tour header nav ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 35px;-webkit-flex-direction:column;list-style:none;position:absolute}.page-template-template-tour header nav ul.active li{display:-webkit-flex;display:-ms-flexbox;display:flex}.page-template-template-tour header nav ul.active li.current-menu-item a:after{-webkit-transform:rotate(180deg) scale(1,.75);transform:rotate(180deg) scale(1,.75)}.page-template-template-tour header nav ul li{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-order:2;-ms-flex-order:2;order:2;display:none;text-align:right}.page-template-template-tour header nav ul li.current-menu-item{-webkit-order:1;-ms-flex-order:1;order:1;display:-webkit-flex;display:-ms-flexbox;display:flex}.page-template-template-tour header nav ul li.current-menu-item a{position:relative;font-size:25px}.page-template-template-tour header nav ul li.current-menu-item a:before{content:'for ';display:inline-block;margin-right:6px}.page-template-template-tour header nav ul li.current-menu-item a:after{content:'▼';display:inline-block;position:absolute;top:3px;right:-25px;font-size:15px;-webkit-transform:scale(1,.75);transform:scale(1,.75)}.page-template-template-tour header nav ul li a{width:100%;font-size:20px}.page-template-template-tour header .description{clear:both;width:80%;margin:190px auto 0;text-align:center}.page-template-template-tour header h1{font-size:37px;color:#fff;line-height:44px;margin-bottom:160px}.page-template-template-tour header .app-links{color:#fff;margin-top:10px}.page-template-template-tour header .app-links a{color:#fff}.page-template-template-tour header .app-links a:hover{color:#d8127d}.page-template-template-tour header .chevron-divider{position:absolute;bottom:-60px;height:150px}@media screen and (max-width:768px){.page-template-template-tour header{height:600px}.page-template-template-tour header h1{margin-bottom:80px}.page-template-template-tour header .description{margin:160px auto 0;font-size:34px;width:100%}}@media screen and (max-width:600px){.page-template-template-tour header{padding-top:10px}.page-template-template-tour header .description{margin:90px auto 0;font-size:34px;width:100%}.page-template-template-tour header h1{font-size:26px;line-height:33px;margin-bottom:0}.page-template-template-tour header .button{position:absolute;bottom:150px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page-template-template-tour header .sticky{position:absolute}.page-template-template-tour header .sticky.stuck{background-color:transparent}.page-template-template-tour header .app-links{margin-top:5px}}.archive header .logo,.blog header .logo,.page-template-default header .logo,.page-template-template-companywhite header .logo,.page-template-template-general header .logo,.single-post header .logo{margin-top:30px}.archive header nav,.blog header nav,.page-template-default header nav,.page-template-template-companywhite header nav,.page-template-template-general header nav,.single-post header nav{float:left;margin-top:17px;margin-left:30px}.archive header nav ul li,.blog header nav ul li,.page-template-default header nav ul li,.page-template-template-companywhite header nav ul li,.page-template-template-general header nav ul li,.single-post header nav ul li{display:block;float:left;border:1px solid #b8b9b9;margin-right:30px;height:60px;padding:0 30px;width:160px;text-align:center}.archive header nav ul li a,.blog header nav ul li a,.page-template-default header nav ul li a,.page-template-template-companywhite header nav ul li a,.page-template-template-general header nav ul li a,.single-post header nav ul li a{color:#000;display:block;font-size:16px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.archive header nav ul li a:after,.blog header nav ul li a:after,.page-template-default header nav ul li a:after,.page-template-template-companywhite header nav ul li a:after,.page-template-template-general header nav ul li a:after,.single-post header nav ul li a:after{content:' Tour'}.archive header nav ul li:hover,.blog header nav ul li:hover,.page-template-default header nav ul li:hover,.page-template-template-companywhite header nav ul li:hover,.page-template-template-general header nav ul li:hover,.single-post header nav ul li:hover{border:1px solid #d8127d}.archive header nav ul li:hover a,.blog header nav ul li:hover a,.page-template-default header nav ul li:hover a,.page-template-template-companywhite header nav ul li:hover a,.page-template-template-general header nav ul li:hover a,.single-post header nav ul li:hover a{color:#d8127d}@media screen and (max-width:910px){.archive header nav ul li,.blog header nav ul li,.page-template-default header nav ul li,.page-template-template-companywhite header nav ul li,.page-template-template-general header nav ul li,.single-post header nav ul li{margin-right:10px;width:120px;padding:0 10px}}@media screen and (max-width:730px){.archive header .phone-and-up,.archive header .tour-switcher,.blog header .phone-and-up,.blog header .tour-switcher,.page-template-default header .phone-and-up,.page-template-default header .tour-switcher,.page-template-template-companywhite header .phone-and-up,.page-template-template-companywhite header .tour-switcher,.page-template-template-general header .phone-and-up,.page-template-template-general header .tour-switcher,.single-post header .phone-and-up,.single-post header .tour-switcher{display:none}.archive header .phone-only,.blog header .phone-only,.page-template-default header .phone-only,.page-template-template-companywhite header .phone-only,.page-template-template-general header .phone-only,.single-post header .phone-only{display:block}.archive header .hamburger,.blog header .hamburger,.page-template-default header .hamburger,.page-template-template-companywhite header .hamburger,.page-template-template-general header .hamburger,.single-post header .hamburger{display:inline-block}.archive header .mobile-nav,.blog header .mobile-nav,.page-template-default header .mobile-nav,.page-template-template-companywhite header .mobile-nav,.page-template-template-general header .mobile-nav,.single-post header .mobile-nav{display:none}.archive header .mobile-nav.active,.blog header .mobile-nav.active,.page-template-default header .mobile-nav.active,.page-template-template-companywhite header .mobile-nav.active,.page-template-template-general header .mobile-nav.active,.single-post header .mobile-nav.active{display:block}}.archive header,.blog header,.single-post header{padding-bottom:0}.archive header nav ul li,.blog header nav ul li,.single-post header nav ul li{display:block;float:left;border:1px solid rgba(255,255,255,.3)}.archive header nav ul li a,.blog header nav ul li a,.single-post header nav ul li a{color:#fff}.archive header nav ul li:hover,.blog header nav ul li:hover,.single-post header nav ul li:hover{background-color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3)}.archive header nav ul li:hover a,.blog header nav ul li:hover a,.single-post header nav ul li:hover a{color:#fff}.archive header .chevron-divider,.blog header .chevron-divider,.single-post header .chevron-divider{position:absolute;top:110px;z-index:1}.archive header h1,.blog header h1,.single-post header h1{color:#fff;font-size:54px;position:relative;z-index:2;margin-top:100px;margin-bottom:50px;text-align:center}.archive header .app-links,.archive header .app-links a,.blog header .app-links,.blog header .app-links a,.single-post header .app-links,.single-post header .app-links a{color:#fff}.archive header .app-links a:hover,.blog header .app-links a:hover,.single-post header .app-links a:hover{font-family:canada-type-gibson,sans-serif;font-weight:400}.archive header+nav,.blog header+nav,.single-post header+nav{background-color:#67c4da;border-top:2px solid rgba(255,255,255,.5)}.archive header+nav ul,.blog header+nav ul,.single-post header+nav ul{font-size:0;width:100%;width:calc(100% + 30px)}.archive header+nav ul .column,.blog header+nav ul .column,.single-post header+nav ul .column{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px}.archive header+nav ul .column-2,.blog header+nav ul .column-2,.single-post header+nav ul .column-2{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:50%}@media screen and (max-width:570px){.archive header+nav ul .column-2,.blog header+nav ul .column-2,.single-post header+nav ul .column-2{width:100%}}.archive header+nav ul .column-3,.blog header+nav ul .column-3,.single-post header+nav ul .column-3{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:33.33333333%}@media screen and (max-width:570px){.archive header+nav ul .column-3,.blog header+nav ul .column-3,.single-post header+nav ul .column-3{width:100%}}.archive header+nav ul .column-4,.blog header+nav ul .column-4,.single-post header+nav ul .column-4{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:25%}@media screen and (max-width:768px){.archive header+nav ul .column-4,.blog header+nav ul .column-4,.single-post header+nav ul .column-4{width:50%}}.archive header+nav ul .column-5,.blog header+nav ul .column-5,.single-post header+nav ul .column-5{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:20%}@media screen and (max-width:768px){.archive header+nav ul .column-5,.blog header+nav ul .column-5,.single-post header+nav ul .column-5{width:50%}}.archive header+nav ul .column-6,.blog header+nav ul .column-6,.single-post header+nav ul .column-6{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:16.66666667%}@media screen and (max-width:768px){.archive header+nav ul .column-6,.blog header+nav ul .column-6,.single-post header+nav ul .column-6{width:33%}}@media screen and (max-width:600px){.archive header+nav ul .column-6,.blog header+nav ul .column-6,.single-post header+nav ul .column-6{width:50%}}.archive header+nav ul .column-7,.blog header+nav ul .column-7,.single-post header+nav ul .column-7{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:14.28571429%}@media screen and (max-width:768px){.archive header+nav ul .column-7,.blog header+nav ul .column-7,.single-post header+nav ul .column-7{width:33%}}.archive header+nav ul .columnTwoThirds,.blog header+nav ul .columnTwoThirds,.single-post header+nav ul .columnTwoThirds{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:66.6%}@media screen and (max-width:570px){.archive header+nav ul .columnTwoThirds,.blog header+nav ul .columnTwoThirds,.single-post header+nav ul .columnTwoThirds{width:100%}}.archive header+nav ul .columnThreeQuarters,.blog header+nav ul .columnThreeQuarters,.single-post header+nav ul .columnThreeQuarters{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:75%}@media screen and (max-width:768px){.archive header+nav ul .columnThreeQuarters,.blog header+nav ul .columnThreeQuarters,.single-post header+nav ul .columnThreeQuarters{width:100%}}.archive header+nav li,.blog header+nav li,.single-post header+nav li{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:16.66666667%}@media screen and (max-width:768px){.archive header+nav li,.blog header+nav li,.single-post header+nav li{width:33%}}.archive header+nav a,.blog header+nav a,.single-post header+nav a{display:block;text-align:center;padding:25px 0;font-size:16px;color:#fff}.app-links,.app-links a{font-size:17px;line-height:20px;color:#000;text-transform:uppercase}.archive header+nav a:hover,.blog header+nav a:hover,.single-post header+nav a:hover{background-color:rgba(255,255,255,.5)}@media screen and (max-width:600px){.archive header+nav li,.blog header+nav li,.single-post header+nav li{width:50%}.tour-switcher{display:none}.hamburger{display:inline-block}}.logo{float:left}.logo.phone-only{width:30px;margin-left:10px}.app-links{float:right;margin-top:35px}.app-links a:hover{color:#d8127d}.hamburger{cursor:pointer;width:25px;margin-left:15px;position:relative;top:2px;z-index:50}.mobile-nav{display:none;background-color:#000;position:absolute;width:120%;left:-10%;top:0;text-align:center;z-index:4}.above-chevron,.subtemplate{position:relative}.mobile-nav ul{padding:40px 0 20px}.mobile-nav li{font-weight:400;padding-bottom:15px;font-size:13px}.mobile-nav li a{color:#fff}.mobile-nav li a:hover{color:#d8127d}.mobile-nav li:nth-child(-n+3){font-size:16px;padding-bottom:35px}.four-oh-four,.subtemplate h1{font-size:34px;text-align:center}.mobile-nav li:nth-child(3){border-bottom:1px solid #fff;margin-bottom:25px}@media screen and (max-width:600px){.mobile-nav{display:none}.mobile-nav.active{display:block}}.above-chevron{margin-top:-100px;margin-bottom:-80px;z-index:3}.four-oh-four{line-height:41px}.four-oh-four .centered-content-padding{min-height:500px}.subtemplate h1{color:#67c4da;line-height:1.2;margin:35px 0}@media screen and (max-width:768px){.subtemplate h1{font-size:30px}}.feature-circles{padding:75px 0 160px}.feature-circles .column-container{width:calc(100% + 100px)}.feature-circles .feature-circle{display:inline-block;vertical-align:top;font-size:15px;width:33.33333333%;padding-right:100px}@media screen and (max-width:570px){.feature-circles .feature-circle{width:100%}}.feature-circles .surround-circle{width:33%;float:left;padding:30px}.feature-circles .surround-circle .circle{text-align:center;position:relative;border-radius:100%;background-clip:padding-box;border:4px solid transparent}.feature-circles .surround-circle .circle:after{display:block;padding-bottom:100%;width:100%;height:0;border-radius:50%;background-color:#fff;content:"";border:2px solid transparent}.feature-circles .surround-circle .circle:before{content:'';position:absolute;z-index:-1;left:-2px;right:-2px;top:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(#67c4da,#d8127d)}.feature-circles .surround-circle .container{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%}.feature-circles .surround-circle .wrapper{display:table;width:100%;height:100%}.feature-circles .surround-circle .inner{display:table-cell;padding:1em;vertical-align:middle}.feature-circles .surround-circle h1{margin-top:22px}.feature-circles img{width:105px;display:block;margin:0 auto 26px}.feature-circles h1{font-size:20px;color:#d8127d;letter-spacing:1.11px;line-height:24px;margin-bottom:22px;text-align:center}.feature-circles .description{color:#121417;font-size:15px;line-height:19px}@media screen and (max-width:900px){.feature-circles .surround-circle{padding:10px}}@media screen and (max-width:768px){.feature-circles{padding:75px 0 100px}.feature-circles .column-container{width:calc(100% + 50px)}.feature-circles .feature-circle{padding-right:50px}.feature-circles .surround-circle{width:100%}.feature-circles .surround-circle .circle{width:50%;margin:0 auto}}@media screen and (max-width:600px){.feature-circles{padding:40px 0}.feature-circles .description{display:none}.feature-circles h1{margin:10px 0 60px}.feature-circles .surround-circle h1{margin:0}}@media screen and (max-width:400px){.feature-circles .surround-circle .circle{width:80%}}.case-studies{height:685px;position:relative}.case-studies .case-study{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .3s ease-in-out;visibility:visible;opacity:1}.case-studies .centered-header,.case-studies .slide-container{position:relative;width:100%;height:100%}.case-studies .case-study.hidden{visibility:hidden;opacity:0}.case-studies .slide-container{left:0}.case-studies .description{white-space:normal;width:60%;background:rgba(0,0,0,.64);padding:25px;position:absolute;bottom:35px;right:0;font-size:23px;color:#fff;line-height:28px}.case-studies p{margin:0}.case-studies .slider-action{width:80px;height:80px;background-color:#fff;background-position:center;background-repeat:no-repeat;cursor:pointer;position:absolute;top:calc(50% - 40px);z-index:2}.case-studies #back{background-image:url(../../images/left.png);left:0}.case-studies #forward{background-image:url(../../images/right.png);right:0}@media screen and (max-width:768px){.case-studies{height:500px}.case-studies .description{font-size:17px;line-height:20px;width:70%}.case-studies .slider-action{-webkit-transform:scale(.7);transform:scale(.7)}.case-studies #back{-webkit-transform-origin:left;transform-origin:left}.case-studies #forward{-webkit-transform-origin:right;transform-origin:right}}@media screen and (max-width:600px){.case-studies{height:400px;background-color:#000}.case-studies .case-study{background-size:100%;background-position:top}.case-studies .description{width:100%;background-color:#000;bottom:0}}.old-new{padding-top:130px;padding-bottom:175px}.old-new h1{font-size:34px;color:#67c4da;line-height:1.2;margin:35px 0;text-align:center}@media screen and (max-width:768px){.old-new h1{font-size:30px}}.old-new th{font-size:24px;color:#d8127d;line-height:29px;text-transform:uppercase;padding-bottom:15px}.old-new td{border:1px solid #d7e9ef;vertical-align:middle;color:#121417;font-size:15px;line-height:19px;width:50%;padding:45px 0}.old-new td p{width:60%;margin:0 auto}.old-new .new{border-bottom-color:#fff;position:relative;background-color:#d7e9ef}.old-new .new:before{position:absolute;left:-30px;top:calc(50% - 30px);content:'';display:block;width:60px;height:60px;background-image:url(../../images/icon-arrow.png);background-size:60px;background-repeat:no-repeat}.old-new tr:last-of-type .new{border-bottom-color:#d7e9ef}@media screen and (max-width:768px){.old-new{padding-top:20px}.old-new td{text-align:center}.old-new .centered-content{padding:0}}@media screen and (max-width:600px){.old-new .new:before{left:-20px;width:40px;height:40px;background-size:40px}}.pricing,.sign-up{background-repeat:no-repeat;background-size:cover}.product-overview{padding:175px 0;border-top:1px solid #979797}.product-overview h1{font-size:34px;color:#67c4da;line-height:1.2;margin:35px 0;text-align:center}@media screen and (max-width:768px){.product-overview h1{font-size:30px}}.product-overview p{color:#121417;font-size:15px;line-height:19px}.product-overview:nth-of-type(odd) img{float:left}.product-overview:nth-of-type(even) img,.product-overview:nth-of-type(odd) .text-column{float:right}.product-overview .text-column{width:45%}.product-overview img{max-width:55%}.product-overview.small{border-top:0;border-bottom:25px solid #fbfbfb;padding:100px 0}.product-overview.small h1{font-size:22px;margin:0}.product-overview.small p{color:#121417;font-size:18px;line-height:22px}.blue-box,.blue-box h1{font-size:43px;color:#fff;line-height:52px}.product-overview.small .text-column{text-align:center}@media screen and (max-width:768px){.product-overview{padding:100px 0}.product-overview:first-of-type{border-top:0}.product-overview img{max-width:100%;width:55%}.product-overview .text-column{text-align:center}}@media screen and (max-width:600px){.product-overview img{display:none}.product-overview .text-column{width:100%}.blue-box{display:none}}.blue-box{padding:175px 0;background-color:#fbfbfb}.blue-box .blue-copy{background-color:#67c4da;padding:70px 0 110px}.blue-box .blue-copy div{width:80%;margin:0 auto;text-align:center}.blue-box h1{text-align:center}@media screen and (max-width:768px){.blue-box{padding:75px 0}}.sign-up{padding:240px 0 210px;text-align:center}.sign-up a{margin:0 auto}@media screen and (max-width:600px){.sign-up{background-position:55% 50%;padding:180px 0 140px}}.galleries-marketplaces{padding:145px 0 130px;text-align:center}.galleries-marketplaces h1{font-size:30px;color:#000;line-height:36px;margin-bottom:50px}.galleries-marketplaces img{display:block;margin-bottom:80px}@media screen and (max-width:768px){.galleries-marketplaces{padding:75px 0 30px}.galleries-marketplaces h1{font-size:27px}.galleries-marketplaces a{display:none}}@media screen and (max-width:600px){.galleries-marketplaces{display:none}}.blog-features{background-color:#fbfbfb;padding:75px 0}.blog-features .blog,.team .team-member{display:inline-block;padding-right:30px;vertical-align:top}.blog-features .blog{font-size:15px;width:33.33333333%;margin-bottom:40px}@media screen and (max-width:570px){.blog-features .blog{width:100%}}.blog-features .blog div{background-color:#fff;padding-bottom:15px;min-height:225px}.careers,.team.tour-page{background-color:#fbfbfb}.blog-features h2{font-size:13px;color:#67c4da;line-height:22.79px;margin:10px 10px 0}.blog-features h1{font-size:17px;color:#595959;line-height:22.79px;text-transform:uppercase;margin:0 10px;text-align:left}@media screen and (max-width:600px){.blog-features .blog{width:50%}}@media screen and (max-width:400px){.blog-features .blog{width:100%}.blog-features .blog div{width:80%;margin:0 auto}.blog-features .blog div img{width:100%}}.team{color:#121417;font-size:15px;line-height:19px;text-align:center}.team .column-container,.team .intro{text-align:left}.team .intro{margin-bottom:60px}.team p{margin:0}.team .team-member{font-size:15px;width:33.33333333%;text-align:center;margin-bottom:40px}@media screen and (max-width:570px){.team .team-member{width:100%}}.team img{border-radius:100%}.team h1{color:#000;font-size:19px;margin-top:20px;margin-bottom:0}.faq,.team h2{color:#121417}.team h2{font-size:18px;line-height:22px;margin-top:2px}.team.tour-page{padding:70px 0}@media screen and (max-width:768px){.team .intro{text-align:center}}@media screen and (max-width:600px){.team .team-member{width:50%}.team .button{display:none}}.faq{font-size:17px;line-height:21px}.faq dd,.faq dl,.faq dt{margin:0;padding:0}.faq .featured-faqs{margin-bottom:75px}.faq .featured-faqs dt{font-size:25px;line-height:32px;color:#d8127d;cursor:pointer}.faq .featured-faqs dd{max-height:0;overflow-y:hidden;transition:all .15s ease-in-out;margin-bottom:5px}.faq .featured-faqs dd.open{max-height:800px}.faq .regular-faqs dd{margin-bottom:60px}.values{padding-bottom:150px}.values .column-container{width:calc(100% + 175px)}.values .value{display:inline-block;vertical-align:top;width:50%;color:#121417;font-size:18px;line-height:22px;padding-right:175px}@media screen and (max-width:570px){.values .value{width:100%}}.values .value h1{color:#000;font-size:25px;line-height:15px;margin-bottom:0;text-align:left}.careers{text-align:center;padding:90px 0 140px;margin-bottom:75px}.contact .contact-points,.contact .form{padding-right:30px;display:inline-block;vertical-align:top}.careers a{color:#000;font-size:27px;line-height:32px}.careers a:hover{color:#d8127d}.careers li{margin-bottom:35px}.careers ul{list-style:none}.contact .form{width:75%;color:#121417;font-size:18px;line-height:22px}@media screen and (max-width:768px){.contact .form{width:100%}}.contact .contact-points{font-size:15px;width:25%}@media screen and (max-width:768px){.contact .contact-points{width:50%}}.contact label{color:#121417;font-size:15px;line-height:19px}.contact label.required:after{content:'*';color:#d8127d}.contact input,.contact textarea{margin-bottom:20px;padding:10px;color:#595959;width:80%;margin-top:5px;border:1px solid #979797;outline:0}.contact input[aria-invalid=true],.contact textarea[aria-invalid=true]{border:1px solid #d8127d}.contact input[type=submit]{display:inline-block;padding:25px 40px;border:1px solid #67c4da;font-size:22px;line-height:26px;text-decoration:none;min-width:265px;text-align:center;color:#fff;background-color:#67c4da;width:auto}.contact input[type=submit].blue{color:#fff;background-color:#67c4da;border-color:#67c4da}.contact input[type=submit].blue:hover{background-color:rgba(103,196,218,.5)}.contact input[type=submit].pink{color:#fff;background-color:#d8127d;border-color:#d8127d}.contact input[type=submit].pink:hover{background-color:rgba(216,18,125,.5)}.contact input[type=submit].blue-overPic{color:#fff;background-color:#67c4da;border-color:#67c4da}.contact input[type=submit].blue-overPic:hover{background-color:#fff;color:#67c4da}.contact input[type=submit].pink-overPic{color:#fff;background-color:#d8127d;border-color:#d8127d}.contact input[type=submit].pink-overPic:hover{background-color:#fff;color:#d8127d}.contact input[type=submit].white-blue{color:#67c4da;background-color:#fff;border-color:#67c4da}.contact input[type=submit].white-blue:hover{background-color:rgba(103,196,218,.5);color:#fff}.contact input[type=submit].small{padding:5px 15px;font-size:14px;color:#fff;background-color:transparent;border-color:#fff;min-width:auto}.contact input[type=submit].small:hover{background-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.4);color:#fff}.contact input[type=submit]:hover{background-color:rgba(103,196,218,.5)}.contact .contact-point{color:#121417;font-size:18px;line-height:22px}.contact .contact-point h1{font-size:19px;color:#d8127d;text-align:left;margin-bottom:0}.contact .required-info,.contact .wpcf7-not-valid-tip{font-size:15px;line-height:19px;color:#d8127d}.contact .wpcf7-not-valid-tip{margin-top:-20px;margin-bottom:10px}.contact div.wpcf7-validation-errors{border:none;padding:0;margin:0}.press-articles{color:#121417;font-size:18px;line-height:22px;text-align:center}.press-articles blockquote{margin:0}.press-articles .press-article{text-align:left;margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid #979797}.press-articles .press-article h1{color:#000;font-size:19px;margin-bottom:0;text-align:left}.press-articles .press-article h1 a{color:#000}.press-articles .press-article h1 a:hover{color:#67c4da}.downloads .left{float:left}.downloads .right{float:right}.past-events h2,.upcoming-events h2{text-align:center;position:relative;font-size:19px}.past-events h2 span,.upcoming-events h2 span{background-color:#fff;position:relative;z-index:1;padding:0 20px}.past-events h2:after,.upcoming-events h2:after{content:'';display:block;height:1px;background-color:#979797;position:absolute;top:50%;left:0;right:0}.past-events .event,.upcoming-events .event{color:#121417;font-size:18px;line-height:22px;border-top:1px solid #979797;padding-bottom:30px;margin-bottom:30px}.past-events .event h1,.upcoming-events .event h1{color:#000;line-height:1.2;text-align:left;margin-bottom:0;font-size:19px}.past-events .event h1 a,.upcoming-events .event h1 a{color:#000}.past-events .event h1 a:hover,.upcoming-events .event h1 a:hover{color:#d8127d}.past-events .event time,.upcoming-events .event time{color:#121417;font-size:17px;line-height:21px;margin-bottom:5px;display:block}.past-events h2+.event,.upcoming-events h2+.event{border-top:0}.past-events blockquote,.upcoming-events blockquote{margin:0;padding:0}.past-events+.chevron-divider,.upcoming-events+.chevron-divider{height:280px;margin-top:-100px;margin-bottom:-135px;position:relative;z-index:-1}.short-descriptions{padding-top:35px;text-align:center;color:#121417;font-size:18px;line-height:22px}.short-descriptions .centered-content>h1{margin-bottom:0}.short-descriptions .short-description{display:inline-block;vertical-align:top;padding-right:30px;width:33.33333333%;color:#121417;font-size:18px;line-height:22px;margin-bottom:100px}@media screen and (max-width:570px){.short-descriptions .short-description{width:100%}}.short-descriptions .short-description h1{font-size:22px;color:#d8127d}@media screen and (max-width:600px){.short-descriptions .short-description{margin-bottom:0}}.content-boxed,.content-boxed .centered-content-padding{background-color:#fbfbfb}.content-boxed .centered-content>div{border:1px solid #d8127d;background-color:#fff;padding:60px 10%;text-align:center;color:#121417;font-size:18px;line-height:22px}.content-boxed .centered-content>div ul{text-align:left;list-style:none}.content-boxed .centered-content>div ul li{margin-bottom:35px}.content-boxed .centered-content>div ul ul{list-style:none;margin-left:20%}.content-boxed .centered-content>div ul ul li{margin-bottom:0}.content-boxed .centered-content>div ul ul li:before{content:'-';display:inline-block;margin-right:5px}.content-boxed .centered-content p{max-width:640px}.content-boxed .centered-content img{margin:30px 0}@media screen and (max-width:600px){.content-boxed .centered-content>div{border:0;padding:60px 2%;color:#121417;font-size:15px;line-height:19px}}.existing-new{background-color:#fbfbfb;padding:90px 0 120px}.existing-new .top-tab{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:50%}@media screen and (max-width:570px){.existing-new .top-tab{width:100%}}.existing-new .top-tab div{padding:25px 0;text-align:center;cursor:pointer;text-transform:uppercase;font-size:24px;line-height:29px;color:#000;font-weight:400}.existing-new .top-tab.active div{border:1px solid #d8127d;border-bottom:0;background-color:#fff;color:#d8127d}.existing-new .content{text-align:center;display:none;background-color:#fff;border:1px solid #d8127d;padding:60px 10%;margin-top:-1px;color:#121417;font-size:18px;line-height:22px}.existing-new .content.active{display:block}.existing-new .content>ul{text-align:left;list-style:none}.existing-new .content>ul>li{margin-bottom:35px}.existing-new .content>ul ul{list-style:none;margin-left:20%}.existing-new .content>ul ul li:before{content:'-';display:inline-block;margin-right:5px}.existing-new .button{color:#fff;background-color:#d8127d;border-color:#d8127d}.get-started,.get-started .methods-of-use{color:#121417;font-size:18px;line-height:22px}.existing-new .button:hover{background-color:rgba(216,18,125,.5)}@media screen and (max-width:600px){.existing-new .top-tab{display:none}.existing-new .content{display:block}}.page-template-template-tour .subtemplate.content{color:#121417;font-size:18px;line-height:22px;text-align:center}.page-template-template-tour .subtemplate.content.grey,.page-template-template-tour .subtemplate.content.grey .centered-content,.page-template-template-tour .subtemplate.content.grey .centered-content-padding{background-color:#fbfbfb}.page-template-template-tour .subtemplate.content.grey h1{margin-top:55px}.get-started{padding-top:70px;padding-bottom:230px}.get-started .column-container{width:calc(100% + 90px)}.get-started .methods-of-use{display:inline-block;vertical-align:top;width:50%;padding-right:90px;text-align:center}@media screen and (max-width:570px){.get-started .methods-of-use{width:100%}}.get-started .methods-of-use h1{font-size:26px;color:#d8127d;line-height:1.2;text-transform:uppercase;font-weight:200}.get-started .methods-of-use p{width:90%;margin:0 auto}.pricing{height:470px;padding-top:80px;text-align:center;color:#fff;font-weight:400}.pricing h1{color:#fff;margin-bottom:10px}.pricing .pricing-detail{display:inline-block;vertical-align:top;padding-right:30px;font-size:15px;width:50%;margin-bottom:30px}@media screen and (max-width:570px){.pricing .pricing-detail{width:100%}}.pricing .pricing-detail div{height:135px;text-align:center;background-color:#fff;font-size:36px;line-height:1.2;color:#d8127d}.pricing .pricing-detail div p{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pricing .pricing-detail small{color:#000;font-size:16px;display:block;margin-top:7px}@media screen and (max-width:600px){.get-started{padding-bottom:100px}.get-started .description{text-align:center}.pricing{padding-top:0}.pricing .pricing-detail div{height:80px;font-size:20px}}.blog .column-container{width:calc(100% + 70px)}article.post{padding-top:40px;padding-bottom:50px;border-bottom:2px solid #e5e5e5}article.post h2{margin:0;font-size:12px}article.post .post-categories{list-style:none;font-size:12px}article.post h1{margin-top:0}article.post .image{width:100%}article.post .image img{display:block;max-width:100%;width:100%}.blog-column,.blog-sidebar{display:inline-block;vertical-align:top;font-size:15px;padding-right:70px}article.post .meta{background-image:url(../../images/svg/ascribe-chevron.svg);background-position:bottom;width:100%;background-size:100%;opacity:1;line-height:75px;height:75px;padding-left:15px;margin-bottom:35px}.blog-sidebar .sidebar-blog-features .blog:hover,.blog-sidebar .sidebar-blog-features a:hover{opacity:.3}@media screen and (max-width:768px){article.post .meta{background-size:120%}}.blog-column{width:66.6%}@media screen and (max-width:570px){.blog-column{width:100%}}.blog-sidebar{width:33.33333333%;padding-top:40px}.blog-sidebar img{display:block;margin-bottom:60px}.blog-sidebar .sidebar-blog-features{color:#121417;font-size:18px;line-height:22px}.blog-sidebar .sidebar-blog-features h1{font-size:19px;color:#d8127d;margin-bottom:0}.blog-sidebar .sidebar-blog-features time{font-size:18px;display:block;margin-bottom:5px}.blog-sidebar .sidebar-blog-features a{color:#000}.blog-sidebar .sidebar-blog-features .blog{margin-bottom:70px}@media screen and (max-width:570px){.blog-sidebar{width:50%;min-width:260px;display:block;margin:0 auto}}.single-post .entry{color:#121417;font-size:18px;line-height:22px;width:80%}footer,footer a{font-size:14px;line-height:25px;color:#fff}.single-post .article-post{border-bottom:0}@media screen and (max-width:500px){.single-post .entry{width:100%}}footer a{width:100%}footer a:hover{color:#fff}footer .bottom-footer,footer .bottom-footer a{color:#1e1e1e;font-size:13px;line-height:14px}footer .top-footer{background-color:#8c8c8c;padding:50px 0 40px}footer .top-footer ul{-webkit-columns:3;-moz-columns:3;columns:3;width:75%;float:left}footer ul{list-style:none}footer .contact{width:25%;float:right}footer .bottom-footer{padding:20px 0 10px}footer .bottom-footer .menu{float:left;margin-left:15px}footer .bottom-footer .menu li{display:inline-block;border-left:1px solid #121417;padding:0 15px}footer .bottom-footer .menu li:nth-of-type(1){width:60px}footer .bottom-footer .menu li:nth-of-type(2){width:130px}footer .bottom-footer .social{float:right;position:relative;top:-2px}footer .bottom-footer .social li{display:inline-block}footer .copyright{float:left}footer .button{margin-bottom:10px}@media screen and (max-width:570px){footer .bottom-footer,footer .contact{text-align:center}footer .top-footer ul{display:none}footer .button{display:inline-block;width:auto}footer .contact{width:100%}footer .bottom-footer .menu{float:none;margin-bottom:15px}footer .bottom-footer .menu li:first-of-type{border-left:0}footer .bottom-footer .social{float:none}footer .copyright{float:none;margin-bottom:10px}} \ No newline at end of file diff --git a/assets/css/helpers/helpers.less b/assets/css/helpers/helpers.less index 604d7f3..02942e8 100644 --- a/assets/css/helpers/helpers.less +++ b/assets/css/helpers/helpers.less @@ -1,7 +1,8 @@ // TERRITORIAL CSS HELPERS @tabletWidth: 768px; @middleWidth: 570px; -@phoneWidth: 375px; +@phoneWidth: 600px; +@smallWidth: 400px; // CLEARFIX // Apply .clearfix to a non-floated container element with floated elements in it @@ -211,6 +212,14 @@ video { // MOBILE-ONLY // Use this to only display something on mobile- and tablet-width devices. // Depending on project specs, you may wish to override this breakpoint. +.phone-only { + display: none; + + @media screen and (max-width: @phoneWidth) { + display: inherit; + } +} + .mobile-only { display: none; @@ -218,16 +227,18 @@ video { display: inherit; } } - -// MOBILE-ONLY -// Use this to only display something on desktop-width devices. -// Depending on project specs, you may wish to override this breakpoint. .desktop-only { @media screen and (max-width: @tabletWidth) { display: none; } } +.phone-and-up { + @media screen and (max-width: @phoneWidth) { + display: none; + } +} + // MIXINS // TRANSITION diff --git a/assets/css/less/ascribe.less b/assets/css/less/ascribe.less index 12ca31a..87be1e0 100644 --- a/assets/css/less/ascribe.less +++ b/assets/css/less/ascribe.less @@ -15,24 +15,45 @@ header + .chevron-divider { .page-template-template-tour header { height: 815px; padding:0; + padding-top: 30px; margin-bottom: @chevronOffsetHeader; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: visible; + + .sticky { + padding: 15px 0; + width: 100%; + position: fixed; + background-color: fade(@black,0); + .transition(all); + + &.stuck { + background-color: fade(@black,100); + z-index:800; + + ul { + &.active { + background-color: @black; + padding-bottom: 10px; + } + } + } + } nav { float: left; - margin-top: 35px; + margin-top: 9px; .tourNavText; ul { display: flex; flex-wrap: wrap; padding: 0 35px; - position: relative; -webkit-flex-direction: column; list-style: none; + position: absolute; &.active { li { @@ -99,7 +120,7 @@ header + .chevron-divider { } .app-links { color: @white; - margin-top: 25px; + margin-top: 10px; a { color: @white; @@ -109,7 +130,6 @@ header + .chevron-divider { } } } - .chevron-divider { position: absolute; bottom: -@chevronOffsetHeader; @@ -130,6 +150,35 @@ header + .chevron-divider { width: 100%; } } + @media screen and (max-width: @phoneWidth) { + padding-top: 10px; + .description { + margin: 90px auto 0; + font-size: 34px; + width: 100%; + } + h1 { + font-size:26px; + line-height: 33px; + margin-bottom:0; + } + .button { + position: absolute; + bottom: 150px; + left: 50%; + transform: translateX(-50%); + } + .sticky { + position: absolute; + + &.stuck { + background-color: fade(@black,0); + } + } + .app-links { + margin-top:5px; + } + } } .page-template-template-companywhite header, .page-template-template-general header, @@ -137,10 +186,13 @@ header + .chevron-divider { .blog header, .archive header, .single-post header { + .logo { + margin-top: 30px; + } nav { float: left; margin-top: 17px; - margin-left: 10%; + margin-left: 30px; ul { li { @@ -176,6 +228,38 @@ header + .chevron-divider { } } } + + @media screen and (max-width: 910px) { + nav { + ul { + li { + margin-right: 10px; + width: 120px; + padding: 0 10px; + } + } + } + } + @media screen and (max-width: 730px) { + .tour-switcher { + display: none; + } + .phone-and-up { + display: none; + } + .phone-only { + display: block; + } + .hamburger { + display: inline-block; + } + .mobile-nav { + display:none; + &.active { + display:block; + } + } + } } .blog header, .archive header, .single-post header { &:extend(.blueGradient); @@ -253,9 +337,16 @@ header + .chevron-divider { } } } +.tour-switcher { + .phone-and-up; +} .logo { float:left; - margin-top: 25px; + + &.phone-only { + width: 30px; + margin-left:10px; + } } .app-links { float: right; @@ -272,6 +363,60 @@ header + .chevron-divider { } } } +.hamburger { + cursor:pointer; + width: 25px; + margin-left: 15px; + position: relative; + top: 2px; + z-index:50; + + @media screen and (max-width: @phoneWidth) { + display: inline-block; + } +} +.mobile-nav { + display: none; + background-color: black; + position: absolute; + width: 120%; + left: -10%; + top: 0; + text-align:center; + z-index:4; + + ul { + padding: 40px 0 20px; + } + li { + font-weight: 400; + padding-bottom: 15px; + font-size: 13px; + + a { + color: @white; + + &:hover { + color: @pink; + } + } + &:nth-child(-n+3) { + font-size: 16px; + padding-bottom: 35px; + } + &:nth-child(3) { + border-bottom:1px solid @white; + margin-bottom:25px; + } + } + + @media screen and (max-width: @phoneWidth) { + display:none; + &.active { + display:block; + } + } +} // MAIN .above-chevron { @@ -302,27 +447,58 @@ header + .chevron-divider { .column-container { width: calc(~"100% + 100px"); } - .feature-circle { .ttl-columns.column-3; padding-right: 100px; } .surround-circle { - .ttl-columns.column-3; - text-align: center; - position: relative; - width: 30%; - padding: 80px 50px 170px; + width: 33%; + float:left; + padding: 30px; - &:before { - top: 0; - left: 8%; - width: 85%; - background: transparent url('../img/circle.png') no-repeat center top; - background-size: 100%; - height: 100%; - content: ''; + .circle { + text-align: center; + position: relative; + border-radius: 100%; + background-clip: padding-box; + border: 4px solid transparent; + &:after { + display: block; + padding-bottom: 100%; + width: 100%; + height: 0; + border-radius: 50%; + background-color: white; + content: ""; + border: 2px solid transparent; + } + &:before { + content: ''; + position:absolute; + z-index:-1; + left:-2px;right:-2px; + top:-2px;bottom:-2px; + border-radius: 50%; + background: linear-gradient(@blueBright,@pink); + } + } + .container { position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + } + .wrapper { + display: table; + width: 100%; + height: 100%; + } + .inner { + display: table-cell; + padding: 1em; + vertical-align: middle; } h1 { margin-top: 22px; @@ -341,6 +517,11 @@ header + .chevron-divider { .copyTextSmall; } + @media screen and (max-width: 900px) { + .surround-circle { + padding: 10px; + } + } @media screen and (max-width: @tabletWidth) { padding: 75px 0 100px; .column-container { @@ -350,6 +531,36 @@ header + .chevron-divider { .feature-circle { padding-right: 50px; } + .surround-circle { + width: 100%; + + .circle { + width: 50%; + margin: 0 auto; + } + } + } + @media screen and (max-width: @phoneWidth) { + padding: 40px 0; + + .description { + display: none; + } + h1 { + margin: 10px 0 60px; + } + .surround-circle { + h1 { + margin:0; + } + } + } + @media screen and (max-width: @smallWidth) { + .surround-circle { + .circle { + width: 80%; + } + } } } .case-studies { @@ -436,6 +647,20 @@ header + .chevron-divider { transform-origin: right; } } + @media screen and (max-width: @phoneWidth) { + height: 400px; + background-color: black; + + .case-study { + background-size: 100%; + background-position: top; + } + .description { + width: 100%; + background-color: black; + bottom: 0; + } + } } .old-new { padding-top: 130px; @@ -502,6 +727,16 @@ header + .chevron-divider { padding:0; } } + @media screen and (max-width: @phoneWidth) { + .new { + &:before { + left:-20px; + width: 40px; + height: 40px; + background-size: 40px; + } + } + } } .product-overview { padding: 175px 0; @@ -560,13 +795,20 @@ header + .chevron-divider { img { max-width: 100%; - width: 45%; - margin-top: 10%; + width: 55%; } .text-column { text-align: center; } } + @media screen and (max-width: @phoneWidth) { + img { + display: none; + } + .text-column { + width: 100%; + } + } } .blue-box { padding: 175px 0; @@ -590,13 +832,23 @@ header + .chevron-divider { @media screen and (max-width: @tabletWidth) { padding: 75px 0; } + @media screen and (max-width: @phoneWidth) { + display: none; + } } .sign-up { padding: 240px 0 210px; text-align: center; + background-size: cover; + background-repeat: no-repeat; + a { margin: 0 auto; } + @media screen and (max-width: @phoneWidth) { + background-position: 55% 50%; + padding: 180px 0 140px; + } } .galleries-marketplaces { @@ -622,6 +874,9 @@ header + .chevron-divider { display:none; } } + @media screen and (max-width: @phoneWidth) { + display: none; + } } .blog-features { background-color: @greyBg; @@ -647,6 +902,24 @@ header + .chevron-divider { margin:0 10px; text-align: left; } + @media screen and (max-width: @phoneWidth) { + .blog { + width: 50%; + + } + } + @media screen and (max-width: @smallWidth) { + .blog { + width: 100%; + div { + width: 80%; + margin:0 auto; + img { + width: 100%; + } + } + } + } } .team { .copyTextSmall; @@ -689,7 +962,11 @@ header + .chevron-divider { .intro { text-align: center; } - + } + @media screen and (max-width: @phoneWidth) { + .team-member { + width: 50%; + } .button { display: none; } @@ -961,6 +1238,12 @@ header + .chevron-divider { color: @pink; } } + + @media screen and (max-width: @phoneWidth) { + .short-description { + margin-bottom:0; + } + } } .content-boxed { background-color: @greyBg; @@ -1008,6 +1291,17 @@ header + .chevron-divider { margin: 30px 0; } } + @media screen and (max-width: @phoneWidth) { + + + .centered-content { + & > div { + border:0; + padding: 60px 2%; + .copyTextSmall; + } + } + } } .existing-new { background-color: @greyBg; @@ -1072,6 +1366,15 @@ header + .chevron-divider { .button { .button.pink; } + + @media screen and (max-width: @phoneWidth) { + .top-tab { + display: none; + } + .content { + display: block; + } + } } .page-template-template-tour .subtemplate.content { .copyText; @@ -1112,6 +1415,15 @@ header + .chevron-divider { } p { width: 90%; + margin: 0 auto; + } + } + + @media screen and (max-width: @phoneWidth) { + padding-bottom:100px; + + .description { + text-align: center; } } } @@ -1152,6 +1464,17 @@ header + .chevron-divider { margin-top: 7px; } } + + @media screen and (max-width: @phoneWidth) { + padding-top:0; + + .pricing-detail { + div { + height:80px; + font-size: 20px; + } + } + } } // BLOG @@ -1240,6 +1563,8 @@ article.post { @media screen and (max-width: @middleWidth) { width: 50%; + min-width: 260px; + display: block; margin:0 auto; } } @@ -1251,6 +1576,12 @@ article.post { .article-post { border-bottom:0; } + + @media screen and (max-width: 500px) { + .entry { + width: 100%; + } + } } @@ -1325,4 +1656,39 @@ footer { .button { margin-bottom: 10px; } + + @media screen and (max-width: @middleWidth) { + .top-footer { + ul { + display: none; + } + } + .button { + display: inline-block; + width: auto; + } + .contact { + width:100%; + text-align:center; + } + .bottom-footer { + text-align:center; + + .menu { + float: none; + margin-bottom: 15px; + + li:first-of-type { + border-left:0; + } + } + .social { + float: none; + } + } + .copyright { + float:none; + margin-bottom:10px; + } + } } \ No newline at end of file diff --git a/assets/css/less/branding.less b/assets/css/less/branding.less index 31e60aa..6ebbfb8 100644 --- a/assets/css/less/branding.less +++ b/assets/css/less/branding.less @@ -5,7 +5,6 @@ html { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - background-color: @white; &.page-template-template-companyblue { .copyText; diff --git a/assets/js/ascribe.js b/assets/js/ascribe.js index 2d84d38..5e19f71 100644 --- a/assets/js/ascribe.js +++ b/assets/js/ascribe.js @@ -8,6 +8,9 @@ $(document).ready(function(){ featuredFAQ(); marketplaces(); tourNav(); + mobileNav(); + stickyNav(); + colourHover(); function tourNav() { $('.current-menu-item a').click(function(e){ @@ -83,6 +86,44 @@ $(document).ready(function(){ }); } + function mobileNav() { + $('.hamburger').click(function(){ + console.log('hi'); + $('.mobile-nav').toggleClass('active'); + }); + } + function stickyNav() { + var didScroll = false; + var sticky = $('.sticky'); + + $(window).scroll(function () { + didScroll = true; + }); + + setInterval(function () { + if (didScroll) { + didScroll = false; + + if ($(window).scrollTop() > 100) { + sticky.addClass('stuck'); + } + else { + sticky.removeClass('stuck'); + } + } + }, 250); + } + function colourHover() { + $('.team-member img').hover( + function(){ + var hover = $(this).data('hover'); + $(this).attr('src',hover); + }, + function(){ + var normal = $(this).data('regular'); + $(this).attr('src',normal); + }); + } }); diff --git a/assets/js/ascribe.min.js b/assets/js/ascribe.min.js index b0b8cd4..7e9737d 100644 --- a/assets/js/ascribe.min.js +++ b/assets/js/ascribe.min.js @@ -1,4 +1,4 @@ /*! ascribe - v0.0.1 * http://wordpress.org/themes * Copyright (c) 2015; * Licensed GPLv2+ */ -$(document).ready(function(){function a(){$(".current-menu-item a").click(function(a){a.preventDefault(),$("#menu-landing-page-menu").toggleClass("active")})}function b(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var a=$(this).attr("id");"back"===a?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}function c(){jQuery("img.social-icon").each(function(){var a=jQuery(this),b=a.attr("id"),c=a.attr("class"),d=a.attr("src");jQuery.get(d,function(d){var e=jQuery(d).find("svg");"undefined"!=typeof b&&(e=e.attr("id",b)),"undefined"!=typeof c&&(e=e.attr("class",c+" replaced-svg")),e=e.removeAttr("xmlns:a"),a.replaceWith(e)},"xml")})}function d(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function e(){$(".top-tab").click(function(){$(".top-tab").removeClass("active"),$(this).addClass("active");var a=$(this).data("tab");$(".marketplace-info").removeClass("active"),$("#"+a).addClass("active")})}b(),c(),d(),e(),a()}); \ No newline at end of file +$(document).ready(function(){function a(){$(".current-menu-item a").click(function(a){a.preventDefault(),$("#menu-landing-page-menu").toggleClass("active")})}function b(){$(".case-study:gt(0)").addClass("hidden"),$(".slider-action").click(function(){var a=$(this).attr("id");"back"===a?($(".case-study").addClass("hidden"),$(".case-study").last().prependTo(".slide-container").removeClass("hidden")):(displayed=$(".case-study").first(),displayed.addClass("hidden"),$(".case-study").eq(1).removeClass("hidden"),displayed.appendTo(".slide-container"))})}function c(){jQuery("img.social-icon").each(function(){var a=jQuery(this),b=a.attr("id"),c=a.attr("class"),d=a.attr("src");jQuery.get(d,function(d){var e=jQuery(d).find("svg");"undefined"!=typeof b&&(e=e.attr("id",b)),"undefined"!=typeof c&&(e=e.attr("class",c+" replaced-svg")),e=e.removeAttr("xmlns:a"),a.replaceWith(e)},"xml")})}function d(){$(".featured-faqs dt").click(function(){$(this).next("dd").toggleClass("open")})}function e(){$(".top-tab").click(function(){$(".top-tab").removeClass("active"),$(this).addClass("active");var a=$(this).data("tab");$(".marketplace-info").removeClass("active"),$("#"+a).addClass("active")})}function f(){$(".hamburger").click(function(){console.log("hi"),$(".mobile-nav").toggleClass("active")})}function g(){var a=!1,b=$(".sticky");$(window).scroll(function(){a=!0}),setInterval(function(){a&&(a=!1,$(window).scrollTop()>100?b.addClass("stuck"):b.removeClass("stuck"))},250)}function h(){$(".team-member img").hover(function(){var a=$(this).data("hover");$(this).attr("src",a)},function(){var a=$(this).data("regular");$(this).attr("src",a)})}b(),c(),d(),e(),a(),f(),g(),h()}); \ No newline at end of file diff --git a/assets/js/src/ascribe.js b/assets/js/src/ascribe.js index 41c30de..b4e6022 100644 --- a/assets/js/src/ascribe.js +++ b/assets/js/src/ascribe.js @@ -5,6 +5,9 @@ $(document).ready(function(){ featuredFAQ(); marketplaces(); tourNav(); + mobileNav(); + stickyNav(); + colourHover(); function tourNav() { $('.current-menu-item a').click(function(e){ @@ -80,6 +83,44 @@ $(document).ready(function(){ }); } + function mobileNav() { + $('.hamburger').click(function(){ + console.log('hi'); + $('.mobile-nav').toggleClass('active'); + }); + } + function stickyNav() { + var didScroll = false; + var sticky = $('.sticky'); + + $(window).scroll(function () { + didScroll = true; + }); + + setInterval(function () { + if (didScroll) { + didScroll = false; + + if ($(window).scrollTop() > 100) { + sticky.addClass('stuck'); + } + else { + sticky.removeClass('stuck'); + } + } + }, 250); + } + function colourHover() { + $('.team-member img').hover( + function(){ + var hover = $(this).data('hover'); + $(this).attr('src',hover); + }, + function(){ + var normal = $(this).data('regular'); + $(this).attr('src',normal); + }); + } }); diff --git a/controller/classes/Subtemplate.php b/controller/classes/Subtemplate.php index 33d2650..b538199 100644 --- a/controller/classes/Subtemplate.php +++ b/controller/classes/Subtemplate.php @@ -148,13 +148,21 @@ class Subtemplate { $description = get_sub_field('description'); $featureCircles .= "
+
+
+
+

{$title}

{$description}
+
+
+
+
"; } } - $result = "
{$featureCircles}
"; + $result = "
{$featureCircles}
"; return $result; } @@ -334,7 +342,7 @@ class Subtemplate { $url = get_permalink($feature->ID); $content = substr($feature->post_content, 0, 144) . '...'; $date = date('F Y',$feature->post_date); - $image = wp_get_attachment_image_src(get_post_thumbnail_id($feature->ID),'large')[0]; + $image = wp_get_attachment_image_src(get_post_thumbnail_id($feature->ID),'blog-crop')[0]; if ($page == "home") { $blogFeatures .= "
@@ -375,10 +383,12 @@ class Subtemplate { public function team($subtemplateTitle) { $content = get_sub_field('content'); $meetTeamLink = get_sub_field('meet_the_team_link'); + $numberOfPeople = get_sub_field('number_of_people_to_display'); $args = array( 'post_type' => 'team', - 'order' => 'ASC' + 'order' => 'DESC', + 'posts_per_page' => $numberOfPeople ); $teamMembers = get_posts($args); @@ -389,6 +399,10 @@ class Subtemplate { $name = $teamMember->post_title; $role = get_field('role',$id); $image = get_field('image',$id)['url']; + $hoverimage = get_field('hover_image',$id)['url']; + if (!$hoverimage) { + $hoverimage = $image; + } $facebook = get_field('facebook_link',$id); $themeUrl = WPTHEME_TEMPLATE_URL . '/'; @@ -418,7 +432,7 @@ class Subtemplate { } $teamMemberMarkup .= "
- Picture of {$name} + Picture of {$name}

{$name}

{$role}

{$facebook} @@ -442,11 +456,11 @@ class Subtemplate { } public function teamGeneral($subtemplateTitle) { $content = get_sub_field('content'); - $meetTeamLink = get_sub_field('meet_the_team_link'); $args = array( 'post_type' => 'team', - 'order' => 'ASC' + 'order' => 'DESC', + 'posts_per_page' => -1 ); $teamMembers = get_posts($args); @@ -864,8 +878,8 @@ class Subtemplate {
Existing Marketplace
New Marketplace
-
{$existing}
-
{$new}
+

Existing Marketplace

{$existing}
+

New Marketplace

{$new}
"; diff --git a/images/logo/ascribeicon-black.svg b/images/logo/ascribeicon-black.svg new file mode 100644 index 0000000..4c7b3fe --- /dev/null +++ b/images/logo/ascribeicon-black.svg @@ -0,0 +1,11 @@ + + + + + + + diff --git a/images/logo/ascribeicon-white.svg b/images/logo/ascribeicon-white.svg new file mode 100644 index 0000000..2a90a3c --- /dev/null +++ b/images/logo/ascribeicon-white.svg @@ -0,0 +1,14 @@ + + + + + + + + diff --git a/images/svg/hamburger.svg b/images/svg/hamburger.svg new file mode 100644 index 0000000..bd8ff43 --- /dev/null +++ b/images/svg/hamburger.svg @@ -0,0 +1,12 @@ + + + + + + + diff --git a/sftpCache.json b/sftpCache.json index 2bab080..b5d21ba 100644 --- a/sftpCache.json +++ b/sftpCache.json @@ -1 +1 @@ -{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-10-16T03:02:08.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-10-16T03:02:08.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-10-16T03:02:04.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-10-16T02:40:57.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-10-16T02:40:57.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-10-16T02:40:48.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-10-16T00:06:34.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-10-16T00:59:03.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-25T23:50:20.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-10-15T21:24:37.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ajax-pagination.js":"2015-09-25T04:46:45.000Z"} \ No newline at end of file +{"/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.css":"2015-10-17T00:31:30.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//ascribe.min.css":"2015-10-17T00:31:31.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/ascribe.less":"2015-10-17T00:31:26.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.js":"2015-10-17T00:13:07.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ascribe.min.js":"2015-10-17T00:13:07.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//src/ascribe.js":"2015-10-17T00:12:07.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/readme.md":"2015-09-17T22:31:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//helpers/helpers.less":"2015-10-16T20:25:19.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//less/branding.less":"2015-10-16T21:10:09.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/colorbox.css":"2015-08-30T20:38:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/normalize.less":"2015-08-25T22:42:14.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/css//vendor/print.less":"2015-07-02T21:25:38.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//vendor/retina/retina.min.js":"2015-08-18T23:30:10.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//controller.inc.php":"2015-09-17T22:47:24.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//init.php":"2015-09-25T23:50:20.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/controller//classes/Subtemplate.php":"2015-10-17T00:09:35.000Z","/Users/sarahetter/Dropbox/_shared/sarahetter/ascribe/assets/js//ajax-pagination.js":"2015-09-25T04:46:45.000Z"} \ No newline at end of file diff --git a/template-blogheader.php b/template-blogheader.php index f8cb872..b1669be 100644 --- a/template-blogheader.php +++ b/template-blogheader.php @@ -8,15 +8,20 @@ ?>
- + +
Sign In / Sign Up +
+
+ 'main-footer-menu', 'container' => false ) ); ?> +

ascribe blog

diff --git a/template-header.php b/template-header.php index 769b580..6fd14f3 100644 --- a/template-header.php +++ b/template-header.php @@ -10,16 +10,27 @@ require 'controller/init.php'; ?>
-
- +
+
+ +
Sign In / Sign Up + + +
+
+
+
+
+ 'main-footer-menu', 'container' => false ) ); ?> +
diff --git a/template-tour.php b/template-tour.php index fb58270..2ce874e 100644 --- a/template-tour.php +++ b/template-tour.php @@ -15,20 +15,30 @@ $controller = new Controller(); ?>
-
- +
+
+ + +
Sign In / Sign Up +
+
+
+

+
+ 'main-footer-menu', 'container' => false ) ); ?> +