/* Theme Name: Cloud Software Association Theme URI: cloudsoftwareassociation.com Description: The styling for the Cloud Software Association Author: Sunir Shah Version: 2.0 */ /* Generated on: Sat Sep 27 2014 13:28:15 GMT+0000 (UTC) */ /* ========================================================================== normalize.css v2.0.1, along with Webflow base CSS | MIT License | git.io/normalize ========================================================================== */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* ========================================================================== Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. ========================================================================== */ @font-face{font-family:'webflow-icons';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}a:focus{outline:0}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table}.w-clearfix:after{clear:both}.w-hidden{display:none}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0}blockquote{margin:0}ul,ol{margin-top:0;margin-bottom:0}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%}fieldset{padding:0;margin:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:10px;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.428571429;color:#555555;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:rgba(82,168,236,0.8);outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select[multiple]{height:auto}.w-button{display:inline-block;padding:12px;background-color:black;color:white;border:0;line-height:inherit}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0px}.w-checkbox,.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-checkbox:before,.w-radio:before,.w-checkbox:after,.w-radio:after{content:" ";display:table}.w-checkbox:after,.w-radio:after{clear:both}.w-checkbox-input,.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-col-push-1{left:8.33333333%}.w-col-push-2{left:16.66666667%}.w-col-push-3{left:25%}.w-col-push-4{left:33.33333333%}.w-col-push-5{left:41.66666667%}.w-col-push-6{left:50%}.w-col-push-7{left:58.33333333%}.w-col-push-8{left:66.66666667%}.w-col-push-9{left:75%}.w-col-push-10{left:83.33333333%}.w-col-push-11{left:91.66666667%}.w-col-pull-1{right:8.33333333%}.w-col-pull-2{right:16.66666667%}.w-col-pull-3{right:25%}.w-col-pull-4{right:33.33333333%}.w-col-pull-5{right:41.66666667%}.w-col-pull-6{right:50%}.w-col-pull-7{right:58.33333333%}.w-col-pull-8{right:66.66666667%}.w-col-pull-9{right:75%}.w-col-pull-10{right:83.33333333%}.w-col-pull-11{right:91.66666667%}.w-col-offset-1{margin-left:8.33333333%}.w-col-offset-2{margin-left:16.66666667%}.w-col-offset-3{margin-left:25%}.w-col-offset-4{margin-left:33.33333333%}.w-col-offset-5{margin-left:41.66666667%}.w-col-offset-6{margin-left:50%}.w-col-offset-7{margin-left:58.33333333%}.w-col-offset-8{margin-left:66.66666667%}.w-col-offset-9{margin-left:75%}.w-col-offset-10{margin-left:83.33333333%}.w-col-offset-11{margin-left:91.66666667%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-medium-push-1{left:8.33333333%}.w-col-medium-push-2{left:16.66666667%}.w-col-medium-push-3{left:25%}.w-col-medium-push-4{left:33.33333333%}.w-col-medium-push-5{left:41.66666667%}.w-col-medium-push-6{left:50%}.w-col-medium-push-7{left:58.33333333%}.w-col-medium-push-8{left:66.66666667%}.w-col-medium-push-9{left:75%}.w-col-medium-push-10{left:83.33333333%}.w-col-medium-push-11{left:91.66666667%}.w-col-medium-pull-1{right:8.33333333%}.w-col-medium-pull-2{right:16.66666667%}.w-col-medium-pull-3{right:25%}.w-col-medium-pull-4{right:33.33333333%}.w-col-medium-pull-5{right:41.66666667%}.w-col-medium-pull-6{right:50%}.w-col-medium-pull-7{right:58.33333333%}.w-col-medium-pull-8{right:66.66666667%}.w-col-medium-pull-9{right:75%}.w-col-medium-pull-10{right:83.33333333%}.w-col-medium-pull-11{right:91.66666667%}.w-col-medium-offset-1{margin-left:8.33333333%}.w-col-medium-offset-2{margin-left:16.66666667%}.w-col-medium-offset-3{margin-left:25%}.w-col-medium-offset-4{margin-left:33.33333333%}.w-col-medium-offset-5{margin-left:41.66666667%}.w-col-medium-offset-6{margin-left:50%}.w-col-medium-offset-7{margin-left:58.33333333%}.w-col-medium-offset-8{margin-left:66.66666667%}.w-col-medium-offset-9{margin-left:75%}.w-col-medium-offset-10{margin-left:83.33333333%}.w-col-medium-offset-11{margin-left:91.66666667%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}.w-col-small-push-1{left:8.33333333%}.w-col-small-push-2{left:16.66666667%}.w-col-small-push-3{left:25%}.w-col-small-push-4{left:33.33333333%}.w-col-small-push-5{left:41.66666667%}.w-col-small-push-6{left:50%}.w-col-small-push-7{left:58.33333333%}.w-col-small-push-8{left:66.66666667%}.w-col-small-push-9{left:75%}.w-col-small-push-10{left:83.33333333%}.w-col-small-push-11{left:91.66666667%}.w-col-small-pull-1{right:8.33333333%}.w-col-small-pull-2{right:16.66666667%}.w-col-small-pull-3{right:25%}.w-col-small-pull-4{right:33.33333333%}.w-col-small-pull-5{right:41.66666667%}.w-col-small-pull-6{right:50%}.w-col-small-pull-7{right:58.33333333%}.w-col-small-pull-8{right:66.66666667%}.w-col-small-pull-9{right:75%}.w-col-small-pull-10{right:83.33333333%}.w-col-small-pull-11{right:91.66666667%}.w-col-small-offset-1{margin-left:8.33333333%}.w-col-small-offset-2{margin-left:16.66666667%}.w-col-small-offset-3{margin-left:25%}.w-col-small-offset-4{margin-left:33.33333333%}.w-col-small-offset-5{margin-left:41.66666667%}.w-col-small-offset-6{margin-left:50%}.w-col-small-offset-7{margin-left:58.33333333%}.w-col-small-offset-8{margin-left:66.66666667%}.w-col-small-offset-9{margin-left:75%}.w-col-small-offset-10{margin-left:83.33333333%}.w-col-small-offset-11{margin-left:91.66666667%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}.w-col-tiny-push-1{left:8.33333333%}.w-col-tiny-push-2{left:16.66666667%}.w-col-tiny-push-3{left:25%}.w-col-tiny-push-4{left:33.33333333%}.w-col-tiny-push-5{left:41.66666667%}.w-col-tiny-push-6{left:50%}.w-col-tiny-push-7{left:58.33333333%}.w-col-tiny-push-8{left:66.66666667%}.w-col-tiny-push-9{left:75%}.w-col-tiny-push-10{left:83.33333333%}.w-col-tiny-push-11{left:91.66666667%}.w-col-tiny-pull-1{right:8.33333333%}.w-col-tiny-pull-2{right:16.66666667%}.w-col-tiny-pull-3{right:25%}.w-col-tiny-pull-4{right:33.33333333%}.w-col-tiny-pull-5{right:41.66666667%}.w-col-tiny-pull-6{right:50%}.w-col-tiny-pull-7{right:58.33333333%}.w-col-tiny-pull-8{right:66.66666667%}.w-col-tiny-pull-9{right:75%}.w-col-tiny-pull-10{right:83.33333333%}.w-col-tiny-pull-11{right:91.66666667%}.w-col-tiny-offset-1{margin-left:8.33333333%}.w-col-tiny-offset-2{margin-left:16.66666667%}.w-col-tiny-offset-3{margin-left:25%}.w-col-tiny-offset-4{margin-left:33.33333333%}.w-col-tiny-offset-5{margin-left:41.66666667%}.w-col-tiny-offset-6{margin-left:50%}.w-col-tiny-offset-7{margin-left:58.33333333%}.w-col-tiny-offset-8{margin-left:66.66666667%}.w-col-tiny-offset-9{margin-left:75%}.w-col-tiny-offset-10{margin-left:83.33333333%}.w-col-tiny-offset-11{margin-left:91.66666667%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{width:90% !important;height:auto !important;top:7px !important;left:6% !important;display:inline;text-align:center;overflow:hidden}.w-widget-map .gm-style-iw+div{display:none}.w-widget-twitter{overflow:hidden}.w-widget-gplus{overflow:hidden}.w-slider{position:relative;height:300px;text-align:center;background:rgba(153,153,153,0.5);clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{-webkit-border-radius:100%;-webkit-background-clip:padding-box;-moz-border-radius:100%;-moz-background-clip:padding;border-radius:100%;background-clip:padding-box}.w-slider-nav.w-num>div{width:auto;height:auto;padding:0.2em 0.5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{-webkit-box-shadow:0 0 3px rgba(51, 51, 51, 0.4);-moz-box-shadow:0 0 3px rgba(51, 51, 51, 0.4);box-shadow:0 0 3px rgba(51, 51, 51, 0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px 0.5em;-webkit-transition:background-color 100ms, color 100ms;-moz-transition:background-color 100ms, color 100ms;-o-transition:background-color 100ms, color 100ms;transition:background-color 100ms, color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^="w-icon-"],.w-slider-arrow-right [class^="w-icon-"],.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#f2f2f2;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block}.w-dropdown-link.w--current{color:#339ce1}.w-nav[data-collapse="all"] .w-dropdown,.w-nav[data-collapse="all"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="all"] .w-dropdown-list{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-dropdown,.w-nav[data-collapse="medium"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="medium"] .w-dropdown-list{position:static}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-dropdown,.w-nav[data-collapse="small"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="small"] .w-dropdown-list{position:static}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-dropdown,.w-nav[data-collapse="tiny"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="tiny"] .w-dropdown-list{position:static}}.w-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-nav{position:relative;background:#BBB;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#222}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222;padding:20px 12px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#339ce1}.w-nav-menu{position:relative;float:right}.w--nav-menu-open{display:block !important;position:absolute;top:100%;left:0;right:0;background:#999;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay .w--nav-menu-open{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] .w--nav-menu-open{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] .w--nav-menu-open{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button.w--open{background-color:#999;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:8px 30px;text-align:left;cursor:pointer;background-color:#E8E8E8}.w-tab-link.w--current{background-color:#BCD3F3}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-loading{display:block;padding:10px}.w-dyn-items{display:none}.w-dyn-items.visible{display:block}.w-dyn-empty{display:none;padding:10px;background-color:#dddddd}.w-dyn-error{display:none;padding:10px;background-color:#ffdede} /* ========================================================================== 0. Straight CSS ========================================================================== */ .inline-block { display: inline-block; } .right-aligned { text-align: right; } .left-aligned { text-align: left; } .float-right { float: right; } .float-left { float: left; } .center { text-align: center; } .centered-container { margin-left: auto; margin-right: auto; } .margin-bottom-0 { margin-bottom: 0px; } .margin-bottom-16 { margin-bottom: 16px; } .margin-bottom-32 { margin-bottom: 32px; } .margin-bottom-64 { margin-bottom: 64px; } .margin-top-0 { margin-top: 0px; } .margin-top-16 { margin-top: 16px; } .margin-top-32 { margin-top: 32px; } .margin-top-64 { margin-top: 64px; } .border-hairline { border: 1px solid #eee; } @media (max-width: 991px) { .w-medium-margin-bottom-0 { margin-bottom: 0px; } .w-medium-margin-bottom-16 { margin-bottom: 16px; } .w-medium-margin-bottom-32 { margin-bottom: 32px; } .w-medium-margin-bottom-64 { margin-bottom: 64px; } .w-medium-margin-top-0 { margin-top: 0px; } .w-medium-margin-top-16 { margin-top: 16px; } .w-medium-margin-top-32 { margin-top: 32px; } .w-medium-margin-top-64 { margin-top: 64px; } } @media (max-width: 767px) { .w-small-margin-bottom-0 { margin-bottom: 0px; } .w-small-margin-bottom-16 { margin-bottom: 16px; } .w-small-margin-bottom-32 { margin-bottom: 32px; } .w-small-margin-bottom-64 { margin-bottom: 64px; } .w-small-margin-top-0 { margin-top: 0px; } .w-small-margin-top-16 { margin-top: 16px; } .w-small-margin-top-32 { margin-top: 32px; } .w-small-margin-top-64 { margin-top: 64px; } } @media (max-width: 479px) { .w-tiny-margin-bottom-0 { margin-bottom: 0px; } .w-tiny-margin-bottom-16 { margin-bottom: 16px; } .w-tiny-margin-bottom-32 { margin-bottom: 32px; } .w-tiny-margin-bottom-64 { margin-bottom: 64px; } .w-tiny-margin-top-0 { margin-top: 0px; } .w-tiny-margin-top-16 { margin-top: 16px; } .w-tiny-margin-top-32 { margin-top: 32px; } .w-tiny-margin-top-64 { margin-top: 64px; } } /* Colours */ .green { background-color: #1abc9c !important; } .blue { background-color: #0babe0 !important; } .purple { background-color: #7d4ca8 !important; } .white { background-color: #ffffff !important; } .black { background-color: #000000 !important; } .grey { background-color: #ecf0f1 !important; } .text-green { color: #1abc9c !important; } .text-blue { color: #0babe0 !important; } .text-purple { color: #7d4ca8 !important; } .text-white { color: #ffffff !important; } .text-black { color: #000000 !important; } .text-grey { color: #ecf0f1 !important; } h1 .text-highlight, h2 .text-highlight, h3 .text-highlight, h4 .text-highlight, h5 .text-highlight, h6 .text-highlight { fcolor: #7d4ca8 !important; } .todo { background: yellow; border: solid black 2px; border-radius: 3px; padding: 4px 8px; margin: 4px; } .hairline { padding: 4px; border: solid 1px #888; } /* ========================================================================== 1. Core structure ========================================================================== 14px font-size base 20px line-height 16px margin base */ body { font-family: Lato, sans-serif; color: #333; font-size: 16px; line-height: 24px; font-weight: 400; } h1 { margin-top: 16px; margin-bottom: 16px; color: white; font-size: 20px; line-height: 44px; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; } h2 { margin-top: 16px; margin-bottom: 16px; font-size: 41px; line-height: 48px; font-weight: 900; } h3 { margin-top: 16px; margin-bottom: 16px; margin-left: 1px; color: #2c3e50; font-size: 23px; line-height: 30px; font-weight: 900; } h4 { margin-top: 32px; margin-bottom: 16px; color: black; font-size: 20px; line-height: 24px; font-weight: bold; } h5 { margin-top: 8px; margin-bottom: 16px; color: #2c3e50; font-size: 15px; line-height: 20px; font-weight: 700; } h6 { margin-top: 8px; margin-bottom: 16px; font-size: 12px; line-height: 18px; font-weight: 700; } p { margin-bottom: 16px; } .w-col.centered-col { float: inherit; margin: 0 auto; } @media (max-width: 991px) {} @media (max-width: 767px) {} @media (max-width: 479px) {} /* ========================================================================== 2. Calls to action ========================================================================== .link .button .button.outline .button.dark-outline .button.thin .button._2 .button.pricing .button.margin-top-0 .logo-container */ .link { -webkit-transition: color 500ms ease; -o-transition: color 500ms ease; transition: color 500ms ease; color: #0babe0; text-decoration: none; } .link:hover { color: #1abc9c; } .link.underline { text-decoration: underline; } .cta-link, .page-content p a, .post-content a, .post-immediate-pagination a { -webkit-transition: color 500ms ease, border-color 500ms ease; -o-transition: color 500ms ease, border-color 500ms ease; transition: color 500ms ease, border-color 500ms ease; color: blue; font-weight: 600; text-decoration: none; border-bottom: solid #0babe0 2px; padding-bottom: 1px; } .cta-link { font-size: 32px; } .cta-link, .page-content p a:hover, .post-content a:hover, .post-immediate-pagination a:hover { fcolor: #0babe0; fborder-color: #1abc9c; border-width: 3px; } .post-content a:visited, .post-immediate-pagination a:visited { font-weight: 600; text-decoration: none; border-bottom: solid #7d4ca8 2px; padding-bottom: 1px; } .paragraph-white a { color:white; } .page-content .button, .button, .submit, .comment-form #submit { display: inline-block; margin-top: 15px; padding: 10px 20px; border: 1px solid #7d4ca8; border-radius: 3px; background-color: #7d4ca8; -webkit-transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease; -o-transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease; transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease; font-family: Lato, sans-serif; color: white; font-size: 13px; text-align: center; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-weight: normal; } .button:hover, .submit:hover { border-color: #1abc9c; background-color: #1abc9c; border-width: 1px !important; } .button.outline { border-color: white; color: white; background-color: transparent; text-shadow: none; } .button.outline:hover { background-color: white; color: #2c3e50; text-shadow: none; } .button.dark-outline { border-color: #7d4ca8; background-color: transparent; text-shadow: none; color: #7d4ca8; } .button.dark-outline:hover { background-color: #7d4ca8; color: white; text-shadow: none; } .button.thin { padding-top: 5px; padding-bottom: 5px; } .button.superthin { padding-top: 0; padding-bottom: 0; line-height: 24px; vertical-align: bottom; position: relative; bottom: 3px; } .button.wide { padding-left: 10%; padding-right: 10%; } .button.outline.w--current { text-shadow: none; } .button.outline.margin-left { text-shadow: none; } .button.outline.margin-left-16px { margin-left: 16px; text-shadow: none; } .button.outline.margin-left-16px.dark { text-shadow: none; } .button.outline.margin-top-0 { margin-top: 0px; text-shadow: none; } .button._2 { margin-left: 11px; border-color: white; background-color: white; color: #2c3e50; } .button._2:hover { border-color: #1abc9c; background-color: #1abc9c; color: white; } .button.pricing { border-color: #1abc9c; background-color: #1ab092; } .button.pricing:hover { border-color: #7d4ca8; background-color: #7d4ca8; } .button.margin-top-0 { margin-top: 0px; } .logo-container { width: 227px; height: 75px; margin-top: 16px; margin-bottom: 16px; padding-top: 7px; padding-right: 20px; padding-bottom: 12px; background-color: transparent; background-image: url(/images/logos/csa-white-454x150.png); background-position: 1% 0%; background-size: 227px 75px; background-repeat: repeat; } @media (max-width: 991px) { .button.outline { text-shadow: none; } } @media (max-width: 767px) {} @media (max-width: 479px) {} /* ========================================================================== 3.0 Layout ========================================================================== */ /* ========================================================================== 3.1 Global navigation bar ========================================================================== .navbar */ .navbar { position: absolute; left: 0px; top: 0px; right: 0px; padding-top: 25px; background-color: transparent; } .navbar .nav-link { padding-top: 20px; padding-bottom: 20px; opacity: 0.75; -webkit-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease; color: white; font-size: 16px; text-shadow: rgba(0, 0, 0, 0.49) 1px 1px 1px; } .navbar .nav-link:hover { opacity: 1; } .navbar .nav-link.w--current { opacity: 1; color: white; } @media (max-width: 991px) { .navbar { padding-top: 10px; padding-bottom: 10px; -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; } .navbar:hover { background-color: rgba(0, 0, 0, 0.3); } .nav-link { display: block; margin-right: auto; margin-left: auto; padding: 20px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); opacity: 0.4; } .nav-link:hover { opacity: 1; } } @media (max-width: 767px) {} @media (max-width: 479px) {} /* ========================================================================== 3.2 Section blocks ========================================================================== .page-content .page-content.no-whitespace .page-content.tint .page-content.dark .page-content.padding-top-0 .page-content.all-paragraphs-white .banner */ .page-content { padding-top: 64px; padding-bottom: 64px; } .page-content.no-whitespace { padding-top: 0px; padding-bottom: 0px; background-color: white; } .page-content.dark, .footer { background-color: #2c3e50; background-image: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 0.49), rgba(44, 62, 80, 0.49)); background-image: -o-linear-gradient(39deg, rgba(0, 0, 0, 0.49), rgba(44, 62, 80, 0.49)); background-image: linear-gradient(39deg, rgba(0, 0, 0, 0.59), rgba(44, 62, 80, 0.69)); } .page-content.padding-top-0 { padding-top: 0px; } .paragraph-white, .all-paragraphs-white, .all-paragraphs-white p, .all-paragraphs-white li { color: #e0e0e0; } .all-paragraphs-white h2, .all-paragraphs-white h3, .all-paragraphs-white h4, .all-paragraphs-white h5, .all-paragraphs-white h6, .all-paragraphs-white a, .all-paragraphs-white p a { color: white; } .banner { border-bottom: 1px solid #ccc; background-color: rgba(255, 255, 128, 0.3); text-align: center; } #alert.banner { background-color: yellow; border-bottom: solid 1px black; } .banner .banner-text { display: inline-block; text-align: center; margin: 32px 16px; } #alert.banner .banner-text { margin: 16px; } .banner .category-label { display: inline-block; margin: 0; } .banner .category-label { padding: 2px 16px; } .banner .banner-tag { display: inline-block; margin: 0; margin-top: 11px; text-align: center; padding: 5px 8px 4px; border-radius: 3px; background-color: #7d4ca8; } .banner .banner-tag, .banner .banner-tag a { color: white; font-weight: 700; text-transform: uppercase; text-decoration: none; } .banner .banner-link { display: inline-block; text-align: center; margin: 0; margin-bottom: 16px; } .banner .banner-link a, .banner .banner-text a { font-weight: 700; text-decoration: none; color: blue; border-bottom: solid 2px blue; } @media (max-width: 991px) { .page-content { padding: 40px 20px; } .banner .banner-tag, .banner .category-label { display: none; } .banner { padding: 16px; } .banner .banner-text, .banner .banner-link { display: inline; margin: 0; } .banner .banner-link:before { content: " \2014 "; } } @media (max-width: 767px) {} @media (max-width: 479px) {} /* ========================================================================== 3.3 Footer ========================================================================== .image-stripe is the main CTA in the footer */ .image-stripe { min-height: 300px; padding-top: 100px; padding-bottom: 100px; background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.29), rgba(236, 240, 241, 0.29)), url(/images/billboards/overlay-shim.png), url(/images/signatories.jpg); background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.29), rgba(236, 240, 241, 0.29)), url(/images/billboards/overlay-shim.png), url(/images/signatories.jpg); background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.29), rgba(236, 240, 241, 0.29)), url(/images/billboards/overlay-shim.png), url(/images/signatories.jpg); background-position: 0% 0%, 0% 0%, 0% 0%; background-size: auto, auto, cover; background-repeat: repeat, repeat, no-repeat; background-attachment: scroll, scroll, fixed; } .image-stripe .cta-block-square { display: block; width: 500px; height: 300px; margin-right: auto; margin-left: auto; padding-top: 61px; padding-right: 80px; padding-left: 80px; border-radius: 3px; background-color: rgba(125, 76, 168, 0.90); -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; text-align: center; list-style-type: square; } .image-stripe .cta-block-square:hover { background-color: rgba(26, 188, 156, 0.90); } .image-stripe .cta-title { margin-bottom: 20px; font-family: Lato, sans-serif; color: white; font-size: 40px; font-weight: 900; } .image-stripe .cta-title._2 { font-size: 20px; font-weight: 300; } .footer { padding-bottom: 32px; text-align: center; } .footer._2 { padding-top: 32px; padding-bottom: 32px; background-color: rgba(32, 32, 32, 0.4); border-bottom: solid 1px #000; text-align: center; } .footer #colophon { padding-top: 32px; } .bottom-footer-column { text-align: left; color: white; } .newsletter-title { margin-top: 0px; color: #1abc9c; } .newsletter-form { margin-bottom: 0px; } .newsletter-field { width: 358px; height: 50px; margin-right: 12px; padding-left: 18px; float: left; border: 1px solid #333; border-radius: 3px; font-family: Lato, sans-serif; } .newsletter-field:hover { background-color: #dbdbdb; } .newsletter-field:focus { border-color: #7d4ca8; } .newsletter-submit { width: 200px; height: 50px; border-radius: 3px; background-color: #7d4ca8; -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; font-family: Lato, sans-serif; color: white; font-size: 16px; font-weight: 500; } .newsletter-submit:hover { background-color: #1abc9c; } .footer .newsletter-field { border-color: white; } .footer .newsletter-submit { background-color: #1abc9c; } .footer .newsletter-submit:hover { background-color: #7d4ca8; } .success-bg { padding-top: 14px; border-radius: 3px; background-color: #1abc9c; text-align: center; } .error-bg { padding-top: 13px; background-color: #a84c53; text-align: center; } @media (max-width: 991px) { .image-stripe { background-repeat: repeat, repeat, repeat; background-attachment: scroll, scroll, scroll; } .newsletter-field { width: 250px; } } @media (max-width: 767px) { .image-stripe .cta-block-square { width: 400px; padding-right: 40px; padding-left: 40px; } .newsletter-field { width: 80%; margin: 8px auto; float: inherit; } .newsletter-submit { width: 80%; margin: 8px auto 16px; } } @media (max-width: 479px) { .image-stripe { padding-top: 50px; padding-bottom: 50px; background-position: 0% 0%, 0% 0%, 100% 0px; } .image-stripe .cta-block-square { width: 260px; height: auto; padding: 20px; } .image-stripe .cta-title { font-size: 30px; } .image-stripe .cta-title._2 { margin-bottom: 10px; font-size: 18px; line-height: 21px; } } /* ========================================================================== 3.4 Content widgets ========================================================================== .overall-column asset like a feature or block paragraph .overall-column-image a visual asset .paragraph-white white text paragraph .row-bottom-spacer add space below a row .divider-line .explainer-paragraph .person */ .overall-column-image { margin-bottom: 20px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px 0px; } .overall-column.whitespace { padding-right: 20px; padding-left: 20px; } img.column-image { margin:0px auto; width:75%; border-radius:16px; } .row-bottom-spacer { margin-bottom: 40px; } .divider-line { height: 1px; margin-top: 40px; margin-bottom: 40px; background-color: rgba(0, 0, 0, 0.09); } .explainer-paragraph { width: 460px; margin-right: auto; margin-left: auto; font-size: 18px; line-height: 32px; font-weight: 300; } .person { margin-bottom: 16px; } .person .person-image { float: left; margin-right: 16px; width: 75px; border-radius: 100%; } .person-column { margin-top: 32px; } .person.person-column .person-image { float: none; margin: 0 0 32px 0; width: 100px; } .person .person-name { margin: 0px; color: #444; } .all-paragraphs-white .person .person-name { color: white; } .person .person-title { color: #7d4ca8; margin-top: 0px; margin-bottom: 0px; } .person .person-role { font-size: 11px; text-transform: uppercase; color: #777; margin-top: 0px; margin-bottom: 4px; font-weight: 400; } .person .person-company { margin-top: 0px; margin-bottom: 0px; color: #0babe0; } .person .person-description { font-size: 11px; text-transform: uppercase; color: #777; margin-top: 16px; margin-bottom: 4px; font-weight: 400; } .cta-block { border:solid 1px white;padding:32px;border-collapse: collapse; background-color: rgba(240,240,240,1.0); -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; height: 277px; /* Squares things up when displayed in a grid on /join */ } .cta-block:hover { background-color: rgba(220, 220, 220, 1.0); } @media (max-width: 991px) {} @media (max-width: 767px) { img.column-image { width: 50%; } } @media (max-width: 479px) {} .block-list { padding: 0; overflow: auto; margin-bottom: 32px; } .block-list li { padding: 8px 0; fborder-style: groove; fborder-color: #0babe0; border-width: 1px; fbackground: #0babe0; ffont-size: 20px; font-weight: 600; fcolor: white; list-style: none; margin: 0; width: 50%; float: left; } @media (max-width: 479px) { .block-list li { width: 100%; } } /* ========================================================================== 3.4.1 Slider ========================================================================== */ .slider-arrow { width: 35px; height: 35px; padding-top: 7px; padding-left: 1px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.09); -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; font-size: 20px; } .slider-arrow:hover { background-color: #2c3e50; } .slide { display: inline-block; height: 700px; padding-top: 235px; background-color: #2c3e50; background-image: url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5413a70c77195c1a3e7d8168_2013mar10cropped.jpg); background-position: 0% 0%, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; text-align: left; } .slide._2 { background-image: -webkit-linear-gradient(112deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5413a70c77195c1a3e7d8168_2013mar10cropped.jpg); background-image: -o-linear-gradient(22deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5413a70c77195c1a3e7d8168_2013mar10cropped.jpg); background-image: linear-gradient(22deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5413a70c77195c1a3e7d8168_2013mar10cropped.jpg); background-position: 0% 0%, 0% 0%, 50% 50%; background-size: auto, auto, cover; background-repeat: repeat, repeat, no-repeat; } .slide._3 { background-image: url(/images/billboards/overlay-shim.png), url(billboard-naruby.jpg); background-position: 0% 0%, 0% 0%; background-size: auto, cover; background-repeat: repeat, repeat; } .slide._4 { background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.29), #0babe0), url(/images/billboards/overlay-shim.png), url(billboard-naruby.jpg); background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.29), #0babe0), url(/images/billboards/overlay-shim.png), url(billboard-naruby.jpg); background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.29), #0babe0), url(/images/billboards/overlay-shim.png), url(billboard-naruby.jpg); background-position: 0% 0%, 0% 0%, 0% 0%; background-size: auto, auto, cover; background-repeat: repeat, repeat, repeat; } @media (max-width: 991px) { .slide { padding-top: 140px; padding-right: 90px; background-image: url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5413a70c77195c1a3e7d8168_2013mar10cropped.jpg); background-position: 0% 0%, 50% 100%; background-size: auto, cover; background-repeat: repeat, repeat-y; } } @media (max-width: 767px) {} @media (max-width: 479px) {} /* ========================================================================== 3.4.2 Tabs ========================================================================== */ .tab { margin-right: 0px; margin-left: 0px; padding-left: 30px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-transition: background-color 500ms ease, color 500ms ease; -o-transition: background-color 500ms ease, color 500ms ease; transition: background-color 500ms ease, color 500ms ease; font-family: Lato, sans-serif; font-size: 13px; text-align: center; text-transform: uppercase; } .tab:hover { background-color: #1abc9c; color: white; text-transform: uppercase; } .tab.w--current { border-top-right-radius: 4px; background-color: #7d4ca8; font-family: Lato, sans-serif; color: white; font-size: 13px; } .tab.w--current:hover { background-color: #1abc9c; -webkit-transition: none 0ms ease; -o-transition: none 0ms ease; transition: none 0ms ease; } .tab.animate-color-ease { -webkit-transition: background-color 500ms ease, color 500ms ease, border-color 500ms ease; -o-transition: background-color 500ms ease, color 500ms ease, border-color 500ms ease; transition: background-color 500ms ease, color 500ms ease, border-color 500ms ease; } .tab.animate-color-ease.w--current { -webkit-transition: background-color 500ms ease, color 500ms ease, border-color 500ms ease; -o-transition: background-color 500ms ease, color 500ms ease, border-color 500ms ease; transition: background-color 500ms ease, color 500ms ease, border-color 500ms ease; } /* ========================================================================== 3.4.3 Testimonials ========================================================================== */ @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css); @import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800); .testimonial { font-family: 'Lato', Arial, sans-serif; position: relative; float: left; overflow: hidden; color: #333; text-align: left; box-shadow: none !important; margin: 32px 0; } .testimonial * { -webkit-box-sizing: border-box; box-sizing: border-box; } .testimonial img { max-width: 100%; height: 80px; width: 80px; border-radius: 50%; margin-right: 5px; display: block; z-index: 1; position: absolute; right: 66%; } .testimonial blockquote { margin: 0; display: block; border-radius: 8px; position: relative; background-color: #fafafa; padding: 65px 50px 35px 50px; margin: -40px 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); height: 200px; line-height: 18px; } .testimonial blockquote:before, .testimonial blockquote:after { font-family: 'FontAwesome'; content: "\201C"; position: absolute; font-size: 50px; opacity: 0.3; font-style: normal; } .testimonial blockquote:before { top: 55px; left: 20px; } .testimonial blockquote:after { content: "\201D"; right: 20px; bottom: 5px; } .testimonial .author { margin: 0; height: 80px; display: block; text-align: left; padding: 0 35px; position: relative; z-index: 1; } .testimonial .author h5, .testimonial .author span { left: 36%; position: absolute; fopacity: 0.8; padding: 3px 5px; } .testimonial .author h5 { text-transform: uppercase; bottom: 50%; margin: 0; font-weight: 800; color: #1abc9c; } .testimonial .author span { font-size: 0.9em; color: #7d4ca8; top: 50%; font-weight: bold; } /* ========================================================================== 4.0 Billboards ========================================================================== .billboard main billboard .billboard .billboard.billboard-image .billboard.billboard-empty */ .billboard { display: block; width: auto; height: auto; padding-top: 130px; padding-bottom: 55px; min-height: 162px; background-color: #2c3e50; background-image: url(/images/billboards/overlay-shim.png), -webkit-radial-gradient(circle at 50% 50%, #357, #2c3e50); background-image: url(/images/billboards/overlay-shim.png), -o-radial-gradient(circle at 50% 50%, #357, #2c3e50); background-image: url(/images/billboards/overlay-shim.png), radial-gradient(circle at 50% 50%, #357, #2c3e50); } .billboard h2 { font-family: Lato, sans-serif; color: white; font-size: 72px; line-height: 72px; font-weight: 900; text-shadow: rgba(0, 0, 0, 0.49) 2px 2px; text-align: left; margin: 16px 0 24px; } .billboard h3 { margin: 24px 0 16px; font-size: 24px; line-height: 24px; font-weight: 400; text-shadow: rgba(0, 0, 0, 0.49) 2px 2px; text-align: left; color: white; } .billboard .right-aligned { padding-right: 0px; padding-left: 380px; text-align: right; } .billboard .right-aligned h2, .billboard .right-aligned h3 { text-align: right; } .billboard span.highlight { font-family: Lato, sans-serif; color: #1abc9c; font-weight: 900; } .billboard.billboard-empty { display: block; width: auto; height: auto; padding-top: 130px; padding-bottom: 16px; min-height: 100px; background-color: #2c3e50; background-image: url(/images/billboards/overlay-shim.png), -webkit-radial-gradient(circle at 50% 50%, #357, #2c3e50); background-image: url(/images/billboards/overlay-shim.png), -o-radial-gradient(circle at 50% 50%, #357, #2c3e50); background-image: url(/images/billboards/overlay-shim.png), radial-gradient(circle at 50% 50%, #357, #2c3e50); } .billboard.billboard-image { height: 700px; padding-right: 30px; padding-top: 235px; text-align: left; background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%; background-size: cover, auto, cover, auto; background-repeat: no-repeat, repeat, no-repeat, repeat; } .billboard.billboard-image h2 { margin: 24px 0 16px; font-size: 32px; line-height: 40px; } .billboard.billboard-image h3 { margin: 24px 0 16px; font-size: 24px; line-height: 32px; font-weight: normal; } .billboard .button { border-color: #0babe0; background-color: #0babe0; } .billboard .button:hover { border-color: #7d4ca8; background-color: #7d4ca8; } .billboard .button._2 { border-color: white; background-color: white; } .billboard .button._2:hover { color: #0babe0; } .billboard .button-caption { margin-top: 32px; color: white; font-size: 18px; text-align: right; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.49) 2px 2px; } .billboard .promo-caption { margin-top: 8px; color: #0ea; font-size: 18px; text-align: right; text-shadow: rgba(0,0,0,0.49) 2px 2px; margin-bottom:16px; } @media (max-width: 991px) { .billboard { padding-top: 120px; padding-bottom: 20px; } .billboard h2 { font-size: 60px; } .billboard h3 { line-height: 40px; } .billboard.billboard-image { height: 565px; padding-top: 150px; } .billboard .right-aligned { padding-left: 120px; } .home .billboard { padding-top: 140px; padding-right: 90px; } } @media (max-width: 767px) { .home .billboard { padding-top: 90px; } .billboard .right-aligned { padding-left: 60px; } .billboard h2 { margin-bottom: 0px; text-align: center; font-size: 32px; } .billboard h3 { margin-top: 10px; text-align: center; font-size: 24px; } } @media (max-width: 479px) { .billboard { padding: 100px 0 32px; } .billboard h2 { margin-top: 40px; margin-bottom: 18px; font-family: Lato, sans-serif; font-size: 30px; line-height: 30px; text-align: center; } .billboard h3 { margin-top: 20px; margin-bottom: 27px; font-size: 18px; line-height: 24px; text-align: center; } .billboard .button-caption, .billboard .promo-caption { text-align: center; } .billboard .right-aligned, .billboard .right-aligned h2, .billboard .right-aligned h3 { text-align: center; padding: 0 8px; } .billboard .right-aligned br { display: none; } .billboard.billboard-image { background-position: 0% 0%, 0% 0%, 25% 0%; min-height: 450px; padding: 140px 0 32px; } } /* ========================================================================== 5.0 Page specific ========================================================================== */ /* ========================================================================== 5.1 Board members ========================================================================== */ .team-member { width: 100%; height: 250px; background-color: #1abc9c; background-position: 50% 50%; background-size: cover; color: black; font-weight: 400; text-align: center; text-decoration: none; } .team-member-overlay { overflow-x: hidden; overflow-y: hidden; width: 100%; height: 100%; padding-top: 150px; background-color: rgba(128, 128, 128, 0.50); -webkit-transition: background-color 500ms ease, padding-top 500ms ease; -o-transition: background-color 500ms ease, padding-top 500ms ease; transition: background-color 500ms ease, padding-top 500ms ease; } .team-member-overlay:hover { padding-top: 40px; background-color: rgba(26, 188, 156, 0.70); } .team-member-name { margin-top: 0px; margin-bottom: 16px; font-family: Lato, sans-serif; color: white; font-size: 20px; line-height: 20px; font-style: normal; font-weight: 700; text-transform: none; } .team-member-company, .team-member-role { margin-top: 0px; margin-bottom: 16px; font-family: Lato, sans-serif; color: white; font-size: 16px; line-height: 16px; font-style: normal; font-weight: 700; text-transform: none; } .team-member-row { margin-bottom: 20px; } .team-some-block { width: 30px; height: 30px; margin-top: 25px; margin-right: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.09); -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; } .team-some-block:hover { background-color: #2c3e50; } .team-some-block.text { width: auto; padding-top: 13px; padding-right: 10px; padding-left: 10px; text-decoration: none; } /* ========================================================================== 5.2 Contact page ========================================================================== */ .contact-left { height: 720px; background-color: #ecf0f1; text-align: right; } .contact-right { height: 720px; text-align: left; } .left-column-container { width: 460px; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; float: right; text-align: left; } .right-column-container { width: 460px; padding-top: 60px; padding-bottom: 60px; padding-left: 60px; float: left; } .contact-page-row { border-top: 1px solid #dce2e3; } .contact-list { margin-top: 29px; } .contact-list-item { padding-top: 10px; padding-bottom: 10px; } .contact-icon { width: 25px; margin-right: 15px; margin-left: 0px; float: left; } /* ========================================================================== 5.2 Sponsorship page ========================================================================== */ .price-column { margin-bottom: 32px; } .price-box { padding-right: 0px; padding-bottom: 20px; padding-left: 0px; background-color: #2c3e50; -webkit-transition-delay: initial; -o-transition-delay: initial; transition-delay: initial; text-align: center; } .price-box .most-popular, .price-box .not-most-popular { text-transform: uppercase; color: #7d4ca8; font-weight: bold; font-size: 18px; height: 40px; text-align: center; background:white; padding: 0; margin: 0; } .price-box .most-popular span { background: #7d4ca8; display:block; height: 40px; border-top-left-radius: 16px; border-top-right-radius: 16px; color: white; padding: 8px 0; } .price-title { margin-top: 0px; margin-bottom: 0px; padding: 8px 16px; background-color: #243342; font-family: Ubuntu, Helvetica, sans-serif; color: white; font-size: 17px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; } .price-title._1 { white-space: nowrap; } .price-title._2 { border-bottom: 1px solid #2c3e50; background-color: #465f78; font-size: 26px; font-weight: 700; letter-spacing: 0px; } .price-title._3 { background-color: #465f78; font-size: 14px; line-height: 21px; letter-spacing: 0px; text-transform: none; height: 81px; } .price-list-item { height: auto; padding: 10px; border-top: 1px none rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.09); background-color: #ecf0f1; } .price-list-item:hover { background-color: #e4ebed; } .price-list-item.last { border-bottom: 1px solid white; color: #737373; } .price-button { display: block; padding-top: 0px; padding-bottom: 15px; background-color: #2c3e50; text-align: center; } /* ========================================================================== 5.3 Manifesto TODO: delete; ========================================================================== */ .manifesto { margin-bottom: 32px; padding-right: 0px; color: #333; font-size: 14px; line-height: 32px; } .manifesto-tab-subtext { font-size: 10px; text-transform: none; } .manifesto-tabs { margin-top: 32px; } .spacer-top { margin-top: 32px; } .spacer-top.dark { background-color: #2c3e50; } .manifesto-clause { width: 260px; margin-right: 16px; margin-bottom: 16px; float: left; } .manifesto-list { padding-left: 0px; font-family: Lato, sans-serif; font-size: 32px; line-height: 48px; font-weight: 300; text-align: center; list-style-type: none; } .manifesto-join-google-group { text-align: left; list-style-type: square; } .manifesto-questions-heading { margin-top: 0px; margin-bottom: 16px; } .manifesto-questions-heading._2 { margin-bottom: 32px; } .manifesto-question { margin-bottom: 32px; } /* ========================================================================== 5.4 Homepage ========================================================================== */ /* ========================================================================== 5.4.1 Library ========================================================================== */ #post-library .category-label { width: 50%; margin: 16px auto; } .post-library-category li { margin: 16px 0; line-height: 20px; } .post-library-category ul a { font-family: Lato, sans-serif; color: #0babe0; text-decoration: none; font-weight: bold; font-size: 16px; -webkit-transition: color 500ms ease; -o-transition: color 500ms ease; transition: color 500ms ease; } .post-library-category ul a:hover { color:blue; } .post-library-category li .byline { font-size: 12px; font-weight: bold; color: #888; } /* ========================================================================== 5.4.2 Search form ========================================================================== */ .searchform input[type='text'] { border: solid 1px #ccc; border-radius: 6px; padding: 8px; width: 50%; } .searchform input[type='submit'] { } /* ========================================================================== 5.5 Groups TODO: delete; ========================================================================== */ .group-row { border: 1px solid #dce2e3; margin: -1px 0; } .group-column { padding: 60px 30px 70px; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; text-align: center; overflow: hidden; } .group-column { border-right: 1px solid #dce2e3; } .group-column._2 { border-right: 1px solid #dce2e3; } .group-column._3 { border-right: none; } .group-column:hover { background-color: #ecf0f1; background-position: 251% 41px; } /* ========================================================================== 5.6 Advisors ========================================================================== */ .advisor-row { margin: 16px 0 16px; } .advisor-row h3 { /* topic */ font-size: 18px; line-height: 24px; font-weight: bold; color: #333; margin: 0px; } .advisor-row .button { margin-top:0; padding:4px 8px; } .advisor-image { float: left; width: 100px; margin-bottom: 32px; margin-right: 16px; border-radius: 100%; } .advisor-linkedin { } .advisor-column { min-height: 64px; } .advisor-button { padding-top: 24px; text-align: center; } .advisor-button .button { margin-bottom: 32px; } /* #advisors { background: #333; /*background-image: url(/images/billboards/overlay-shim.png), linear-gradient(-39deg, rgba(0, 0, 0, 0.49), rgba(44, 62, 80, 0.49));* background-image: linear-gradient(-39deg, rgba(0, 0, 0, 0.49), rgba(44, 62, 80, 0.49)); } .advisor-stripe h2, .advisor-stripe p.explainer-paragraph { color: white; } .advisor-stripe h3 { color: #1abc9c; } .advisor-row h3 { color: #0babe0; color: #ccc; } .advisor-row .advisor-name { color: white; } .advisor-row .advisor-title, .advisor-row .advisor-role { color: #7d4ca8; } .advisor-row .advisor-company { color: #1abc9c; } #agenda .agenda-day h3 { color: #eee; } .agenda-area { color: #eee; color: hsla(195, 91%, 30%, 1.0); }*/ .advisor-image { border-radius: 100%; } .advisor-title, .advisor-role { margin-top: 0px; margin-bottom: 0px; color: #2c3e50; } .advisor-name { margin: 0px; color: #7d4ca8; } .advisor-company { margin-top: 0px; margin-bottom: 0px; color: #0babe0; } .advisor-row { overflow: auto; border-bottom: solid 1px #eee; } .advisor-area h5 { font-size: 12px; color: #888; font-weight: bold; margin: 0 0 0px; } .advisor-area h4 { font-size: 16px; color: #333; font-weight: bold; margin: 0 0 8px; } /* ========================================================================== 5.x Summit ========================================================================== */ .saas-connect-logo { max-height: 100px; display:inline;vertical-align:baseline;position:relative;bottom:-34px;padding-right:3px; } .saas-connect-typeform { font-family: Lato; font-weight: 400; text-transform: uppercase; } .centered-text-block { margin-bottom: 32px; text-align: center; } .sponsors { width: 100%; max-width: 600px; margin-top: 32px; margin-bottom: 32px; } /* #agenda.agenda-stripe .agenda .agenda-day .agenda-session-row .agenda-track .speakers .person-row .person-column .person */ .agenda-day h3 { font-size: 24px; border-top: #eee solid 1px; margin: 32px 0; padding: 32px 0; } .agenda-session-row { margin: 32px 0 16px; } .agenda-session-row h3 { /* topic */ font-size: 18px; line-height: 24px; font-weight: bold; color: #333; margin: 0px; } .agenda-track-tag { font-size: 13px; line-height: 22px; border-radius: 4px; vertical-align: middle; font-weight: normal; text-align: center; color: white; background: black; } /* .agenda-track-tag._0 { background-color: #DF4949; bg: hsla(0, 70%, 58%, 1); } .agenda-track-tag._1 { background-color: #e27a3f; bg: hsla(36, 70%, 58%, 1);} .agenda-track-tag._2 { background-color: #D1B042; bg: hsla(72, 70%, 58%, 1); } .agenda-track-tag._3 { background-color: #4EBA6F; bg: hsla(108, 70%, 58%, 1); } .agenda-track-tag._4 { background-color: #2D95BF; bg: hsla(144, 70%, 58%, 1); } .agenda-track-tag._5 { background-color: hsla(230, 70%, 58%, 1); } .agenda-track-tag._6 { background-color: #955BA5; bg: hsla(216, 70%, 58%, 1); } */ .agenda-track-tag._0 { background-color: hsla(0, 100%, 40%, 1); } .agenda-track-tag._1 { background-color: hsla(40, 100%, 40%, 1);} .fagenda-track-tag._2 { background-color: white; border: solid 1px #eee; color:#333; } .agenda-track-tag._3 { background-color: hsla(80, 100%, 40%, 1); } .agenda-track-tag._4 { background-color: hsla(120, 100%, 20%, 1); } .agenda-track-tag._5 { background-color: hsla(160, 100%, 40%, 1); } .agenda-track-tag._6 { background-color: hsla(200, 100%, 40%, 1); } .agenda-track-tag._7 { background-color: hsla(0, 100%, 40%, 1); } .agenda-track-tag._8 { background-color: hsla(240, 100%, 40%, 1); } .agenda-track-tag._9 { background-color: hsla(280, 100%, 40%, 1); } .agenda-track-tag._10 { background-color: hsla(320, 100%, 40%, 1); } .agenda-session-row .button { margin-top:0; padding:4px 8px; } .agenda-time { font-weight: bold; color: white; margin-top: 32px; text-align: center; font-size: 16px; } .agenda-speakers .person.person-column .person-image { float: left; width: 75px; margin-bottom: 20px; margin-right: 16px; } .agenda-speakers .person-column { margin-bottom: 16px; min-height: 64px; } #agenda { background: #333; /*background-image: url(/images/billboards/overlay-shim.png), linear-gradient(-39deg, rgba(0, 0, 0, 0.49), rgba(44, 62, 80, 0.49));*/ background-image: linear-gradient(-39deg, rgba(0, 0, 0, 0.49), rgba(44, 62, 80, 0.49)); } .agenda-stripe h2, .agenda-stripe p.explainer-paragraph { color: white; } .agenda-stripe h3 { color: #1abc9c; } .agenda-session-row h3 { color: #0babe0; color: #ccc; } .agenda-session-row .person .person-name { color: white !important; } .agenda-session-row .speakers .person-title, .agenda-session-row .speakers .person-role { color: #7d4ca8; } .agenda-session-row .speakers .person-company { color: #1abc9c; } #agenda .agenda-day h3 { color: #eee; } .agenda-abstract { color: #eee; color: hsla(195, 91%, 30%, 1.0); } /*.agenda-time { margin-top: 0px; margin-bottom: 8px; color: #7d4ca8; font-size: 16px; } .agenda-session-title { margin-top: 0px; margin-bottom: 0px; color: #2c3e50; font-size: 16px; line-height: 20px; font-weight: 700; } .agenda-session-speakers { color: #0babe0; } .agenda-session-speakers .speaker-colum { margin: 16px 0; } .agenda-session-row { margin-bottom: 16px; } .agenda-session-row.agenda-lunch { margin-top: 32px; margin-bottom: 32px; } .agenda-session-row .speaker-image { float: left; margin-right: 16px; margin-bottom: 16px; }*/ .speakers .person-image { border-radius: 100%; } .speakers .person-title, .speakers .person-role { margin-top: 0px; margin-bottom: 0px; color: #2c3e50; } .speakers .person-company { margin-top: 0px; margin-bottom: 0px; color: #0babe0; } .speakers .person-bof { font-size: 16px; margin: 16px 0 -16px; line-height: 16px; color: #1abc9c; } .speakers .person-row { overflow: auto; } .thankyou { padding: 32px; border-bottom: solid 1px #eee; background: #ffe; } @media (max-width: 479px) { .saas-connect-logo { max-height: 50px; bottom:-17px; } .saas-connect-typeform { font-size: 32px; } } /* ========================================================================== 6.0 Forms ========================================================================== */ .field, .searchform input[type='text'] { height: 55px; margin-bottom: 20px; border: 1px solid #cbd4d6; border-radius: 3px; font-family: Lato, sans-serif; } .field:hover, .searchform input[type='text']:hover { border-color: #93a9ad; background-color: #fafafa; } .field:focus, .searchform input[type='text']:focus { border-color: #1abc9c; } .field.area { height: 160px; padding-top: 13px; } .field-label { margin-bottom: 10px; font-family: Lato, sans-serif; color: #2c3e50; font-size: 16px; font-weight: 700; } .submit-button, .searchform input[type='submit'] { display: inline-block; border: 0; border-radius: 3px; background-color: #1abc9c; -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; font-family: Lato, sans-serif; font-weight: 900; padding: 12px; color: white; } .searchform input { margin: 0 6px; } .submit-button { width: 100%; height: inherit; } .submit-button:hover, .searchform input[type='submit']:hover { background-color: #7d4ca8; } /* ========================================================================== 7.0 Animations ========================================================================== */ html.w-mod-js *[data-ix="fade-in-from-left-on-load"] { opacity: 0; -webkit-transform: translate(40px, 0px); -ms-transform: translate(40px, 0px); -o-transform: translate(40px, 0px); transform: translate(40px, 0px); } html.w-mod-js *[data-ix="fade-in-from-left-on-load-2"] { opacity: 0; -webkit-transform: translate(40px, 0px); -ms-transform: translate(40px, 0px); -o-transform: translate(40px, 0px); transform: translate(40px, 0px); } /* ========================================================================== 8.0 Categories ========================================================================== */ .category-label { font-size: 13px; line-height: 22px; border-radius: 4px; vertical-align: middle; font-weight: normal; text-align: center; color: white; background: black; } .category-label:hover { box-shadow: 0px 0px 2px 2px #d0d0d0; } .category-label:active { box-shadow: 0px 0px 2px 2px #eee; } a.category-label-link { text-decoration: none; } .category-label.__category-events { background-color: #FFF; border: solid black 2px; font-weight: bold; color:black; bg: hsla(0, 70%, 58%, 1); } .category-label.__category-marketing-strategy { background-color: #DF4949; bg: hsla(0, 70%, 58%, 1); } .category-label.__category-market-research { background-color: #e27a3f; bg: hsla(36, 70%, 58%, 1);} .category-label.__category-platform-strategy { background-color: #D1B042; bg: hsla(72, 70%, 58%, 1); } .category-label.__category-channel-distribution { background-color: #4EBA6F; bg: hsla(108, 70%, 58%, 1); } .category-label.__category-capital { background-color: #2D95BF; bg: hsla(144, 70%, 58%, 1); } .category-label.__category-product-strategy { background-color: hsla(230, 70%, 58%, 1); } .category-label.__category-management-strategy { background-color: #955BA5; bg: hsla(216, 70%, 58%, 1); } .category-label.__category-sales-strategy { background-color: #9a3; bg: hsla(216, 70%, 58%, 1); } /* ========================================================================== 8.0 Posts ========================================================================== */ /* ========================================================================== 8.1 Post layout ========================================================================== */ /* .post OR .post-summary .post-meta .category-label .post-date .post-body .post-title .post-byline .w-col .post-description .button .video-image .person .post-video .post-content .source .comments */ .post-summary { border-bottom: solid 1px #eee; margin-top: 32px; margin-bottom: 32px; padding-bottom: 32px; } /* ========================================================================== 8.1.1 Post meta ========================================================================== */ .post-meta { padding-top: 6px; /* align category label with post title */ } .post-meta .category-label { margin-bottom: 8px; } .post-meta .post-date { font-weight: bold; color: #666; text-align: center; font-size: 16px; } .post-body {} .post-title { line-height: 32px; font-weight: bold; margin: 0 0 16px; font-size: 24px; color: #0babe0; } .post-title a { color: #0babe0; text-decoration: none; -webkit-transition: color 500ms ease; -o-transition: color 500ms ease; transition: color 500ms ease; } .post-title a:hover { color: blue; } .post-byline { overflow: auto; } .post-byline .w-col { min-height: 64px; } .post-byline .button { margin-top: 8px; padding: 4px 8px; } .post-byline .video-thumbnail { width: 132px; padding-right: 32px; } .post-byline .video-image { float: left; width: 100px; margin-top: 12px; margin-bottom: 20px; margin-right: 16px; border-radius: 4px; } .event-date { border: solid darkred 3px; border-radius: 6px; display: inline-block; line-height: 12px; margin-right: 8px; margin-bottom: 6px; } .event-date-month { display: inline-block; background: darkred; text-align: center; font-size: 14px; font-weight: bold; color: white; line-height: 16px; padding: 4px 2px; width: 100%; } .event-date-day { display: inline-block; color: black; font-size: 18px; font-weight: bold; padding: 4px 2px; text-align: center; width: 100%; line-height: 16px; } .event-date-year, .event-date-comma, .event-date-bracket { display: none; } @media screen and (max-width: 767px) { .post-meta { padding-left: 33%; padding-right: 33%; } .post-date { margin-bottom: 32px; } } @media screen and (max-width: 479px) { .post-meta { padding-left: 0; padding-right: 0; } } /* ========================================================================== 8.1.2 Post pagination ========================================================================== */ .pagination .page-numbers { font-size: 24px; margin-right: 16px; font-weight: bold; } .pagination a { color: blue; text-decoration: none; } .pagination a:visited { color: blue; text-decoration: none; } .pagination .current { color: black; } .post-immediate-pagination { margin: 32px 0 0; border-bottom: solid 1px #efefef; border-bottom: solid 1px #ccc; overflow: auto; background: #ecf0f1; padding: 16px; } .post-immediate-pagination h4 { text-transform: uppercase; color: #444; font-size: 14px; margin: 0 0 0 0; } .post-immediate-pagination .post-previous { float: left; margin-top: 16px; } .post-immediate-pagination .post-next { float: right; margin-top: 16px; } .post-immediate-pagination a { font-size: 12px; } /* ========================================================================== 8.2 Article typography ========================================================================== */ .post-content { width: 100%; max-width: 570px; font-family: "Lato", sans-serif; color: #333; font-weight: 400; margin-bottom: 64px; margin-top: 16px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 24px; } .archive .post-content { margin-left: inherit; margin-right: inherit; } .post-content .post-thumbnail { display: block; margin-bottom: 32px; width: 100%; height: auto; } .post-content h1 { font-size: 32px; line-height: 36px; margin: 0 0 30px; text-align: left; font-weight: bold; } .post-content h2 { font-size: 20px; line-height: 32px; margin: 24px 0 8px; text-align: left; font-weight: bold; } .post-content h3 { font-size: 18px; font-weight: bold; line-height: 24px; margin: 24px 0 8px; padding: 12px 0 0; } .post-content h4 { font-size: 16px; font-weight: bold; line-height: 20px; margin: 24px 0 8px; padding: 12px 0 0; } .post-content li { margin: 8px 0; } .post-content p { margin: 0 0 16px; } .post-content blockquote { padding: 8px 16px; border-left: solid 3px #7d4ca8; background: #eee; margin: 16px 0; } .post-content .post-info { font-size: 12px; font-style: italic; line-height: 12px; padding: 24px 0; } .post-content .post-info a { font-style: normal; font-weight: bold; text-decoration: none; text-transform: uppercase; } .post-content table { width: 100%; margin: 32px 0; } .post-content td, .post-content th { padding: 8px; border: solid 1px #888; } .post-content th { font-weight: bold; } .post-content hr { border: none; border-top: solid 1px #eee; margin: 32px 0; } .post-content .image { text-align: center; font-weight: bold; color: #888; } .post-content .image img { padding: 4px; border: solid 1px #888; margin-top: 16px; margin-bottom: 8px; max-width: 100%; max-height: auto; } .post-content .image.no-hairline img { border: none; } .post-content .toc { border-bottom: solid 1px #eee; padding-bottom: 16px; margin-bottom: 16px; } .post-content .toc a { border: none; color: #44c; } .post-content .toc li { margin: 4px 0; font-size: 14px; line-height: 18px; } .post-content .source { border: solid 1px #eee; border-radius: 16px; padding: 16px; background: rgba(255, 255, 128, 0.3); font-weight: bold; margin: 8px 0 16px; } .post-content .add-to-calendar a { padding:8px;font-weight:bold;border:solid 2px;border-radius:4px;text-decoration:none !important;font-size:15px; } .post-video iframe { margin: 32px 0; border: 0; padding: 0; width: 570px; height: 285px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.6); } @media screen and (max-width:479px) { .post-video iframe { width: 320px; height: 160px; } } /* ========================================================================== 8.3 Article comments ========================================================================== */ #comments .comments-title, #respond .comments-title, #comments #reply-title, #respond #reply-title { font-family: Lato, sans-serif; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; font-size: 12px; color: #333; } #comments .comment-text, #comments .comment-text p { color: #777; } #comments .comments-title, #respond .comments-title, #comments #reply-title, #respond #reply-title { margin: 36px 0px 0px 0px; } #comments .btn-comments, #respond .btn-comments { padding: 5px 10px !important; font-size: 12px; } #comments .comment-list .comments-list:first-child, #respond .comment-list .comments-list:first-child { border-bottom-width: 1px; border-bottom-style: solid; border-color: #eee; padding-bottom: 36px; } #comments, #comments .comments-list .comment-content, #respond .comments-list .comment-content { border-top-width: 1px; border-top-style: solid; border-color: #eee; } #cancel-comment-reply-link { display: block; padding: 36px 0px 36px 0px; } .comment-notes { font-weight: normal; margin: 9px 0px 0px 0px; } .comment-list { padding: 0; } .comment-list li { list-style-type: none; } .comment { margin: 36px 0px 0px 0px; } div.comment-meta.post-meta { margin-left: 0; padding: 0px 18px 18px 18px; border-width: 0px; border-style: solid; border-color: transparent; -webkit-border-radius: 2px; -webkit-background-clip: padding-box; -moz-border-radius: 2px; -moz-background-clip: padding; border-radius: 2px; background-clip: padding-box; } @media (min-width: 960px) { div.comment-meta.post-meta { margin-left: 90px; } } section.child-comments.comments-list { padding: 0px 0px 0px 90px; } @media (max-width: 959px) { section.child-comments.comments-list { padding: 0px 0px 0px 18px; } } .comment-content { position: relative; padding: 36px 0px 0px 0px; } .comment-content .comment-meta { padding-right: 0px !important; padding-bottom: 0px !important; } @media (max-width: 959px) { .comment-content .comment-meta { padding: 0px !important; } } .comment-content .gravatar { float: left; } @media (max-width: 959px) { .comment-content .gravatar { float: none; } } .comment-content .gravatar img.avatar { width: 75px; height: 75px; border-radius: 100%; } @media (min-width: 960px) { .comment-content .gravatar img.avatar { display: block; } } .comment-content .logged-in-as, .comment-content .logged-in-as + a { margin: 9px 0px 0px 0px; font-size: 12px; } .comment-content .logged-in-as { margin: 9px 0px 0px 0px; font-size: 12px; } @media (max-width: 959px) { .comment-content .logged-in-as { margin: 0px 18px 27px 0px; } } .comment-content .comment-author { display: inline-block; text-transform: capitalize; margin: 0px 0px 0px 0px; font-size: 17px; font-weight: 600; } .comment-content .comment-author-link, .comment-content .comment-reply-link { outline: 0; border: 0; text-decoration: none; color: #333; } .comment-content .comment-meta p { margin: 9px 0px 0px 0px; } .comment-content .comment-meta-item { margin: 6px 0px 0px 0px; display: block; font-weight: 400; } .comment-content .comment-meta-item, .comment-content .comment-reply-link span { font-size: 11px; line-height: 13px; } .comment-content .comment-reply-link span, .comment-content .comment-meta-item a { text-decoration: none; font-weight: 600; } .comment-content a.comment-reply-link { margin: 18px 0px 0px 0px; display: block; text-transform: uppercase; -webkit-transition: color 500ms ease; -o-transition: color 500ms ease; transition: color 500ms ease; color: #333; } .comment-content a.comment-reply-link:hover { color: #1abc9c; } @media (min-width: 960px) { .comment-content .comment-reply-link { position: absolute; top: 0; right: 0; margin-top: 32px; } } .comment-form textarea, .comment-form input { border: solid 1px #eaeaea; background-color: #fff; transition: color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 400ms cubic-bezier(0.785,0.135,0.15,0.86); box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025); width: 100%; resize: none; display: block; font-size: 14px; line-height: initial; margin: 9px 0px 0px 0px; padding: 10px 15px 10px 15px; border-style: solid; border-radius: 2px; font-weight: normal; border: 1px solid #eee; } .comment-form #submit { width: auto; } .comment-form label { font-size: 14px; line-height: 1.75; margin: 18px 0px 5px 0px; } .comment-form .comment-form-comment label { text-indent: -9999px; position: absolute; left: -9999px; } .comment-form .comment-form-comment.comment-loggedin { margin-top: 0px !important; } .comment-form .comment-form-comment.comment-loggedin textarea { margin-top: 0px; } .comment-form .comment-figure { width: 90px; float: left; } .comment-form .comment-figure .gravatar { margin: 0; } @media (max-width: 959px) { .comment-form .comment-figure { width: 100%; } } @media (min-width: 960px) { .comments-area .form-indent .comment-form .form-submit { margin-left: 108px; } } .form-submit { margin: 27px 0px 0px 0px; } #comment-nav-below { margin-top: 36px; } .comment-navigation a { white-space: nowrap; } .comment-navigation .page-next, .comment-navigation .page-prev { width: auto; } /* ========================================================================== 9.0 Accessibility ========================================================================== * /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ========================================================================== 10.0 WordPress controls ========================================================================== */ #wpadminbar { opacity: 0.5; } .edit-link { text-align: center; margin: 16px; } .edit-link a { font-weight: bold; color: #7d4ca8; font-size: 16px; text-decoration: none; } /* ========================================================================== 11.0 Icons ========================================================================== */ .icon-arrow-left, .icon-arrow-right { width: 16px; height: 16px; fill: #1abc9c; stroke:#1abc9c; } @media (max-width: 991px) { .product-stripe { padding-top: 45px; } .contact-left { height: 650px; } .contact-right { height: 650px; } .left-column-container { width: 350px; padding-top: 40px; padding-right: 40px; } .right-column-container { width: 350px; padding-top: 40px; padding-left: 40px; } .contact-page-row { margin-right: -20px; margin-left: -20px; } .section-title { font-size: 32px; line-height: 24px; } .section-title._2 { font-size: 20px; line-height: 28px; } .logo-container { padding-top: 0px; padding-left: 5px; } .menu-button { -webkit-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; transition: background-color 500ms ease; } .menu-button:hover { background-color: rgba(0, 0, 0, 0.2); } .menu-button.w--open { background-color: rgba(0, 0, 0, 0.09); } .menu-icon { color: white; font-size: 51px; } .nav-menu-container { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; background-color: #2c3e50; } .price-list-item { height: 64px; } .half-text-block { width: 43%; } .stripe-image { box-shadow: none; } .stripe-image.board-logos { box-shadow: none; } .right-text-column { padding-right: 0px; padding-left: 0px; } .explainer-paragraph { width: 460px; margin-right: auto; margin-left: auto; } .testimonial blockquote { font-size: 0.8em; line-height: 16px; } } @media (max-width: 767px) { h3 { font-size: 21px; } .button.outline { text-shadow: none; } .button.demo { position: static; display: inline-block; float: none; } .navbar { padding: 0px 0px 0px 30px; } .navbar:focus { background-color: rgba(0, 0, 0, 0.45); } .nav-link { padding-left: 30px; } .nav-link:hover { border-bottom-color: #1abc9c; background-color: #1abc9c; } .slide { padding-top: 90px; background-image: url(/images/billboards/overlay-shim.png), -webkit-linear-gradient(rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49)), url(http://uploads.webflow.com/54133052348a30c93bfe946a/54250b75a6309e580fda505d_slide-sxsw-small.jpg); background-image: url(/images/billboards/overlay-shim.png), -o-linear-gradient(rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49)), url(http://uploads.webflow.com/54133052348a30c93bfe946a/54250b75a6309e580fda505d_slide-sxsw-small.jpg); background-image: url(/images/billboards/overlay-shim.png), linear-gradient(rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49)), url(http://uploads.webflow.com/54133052348a30c93bfe946a/54250b75a6309e580fda505d_slide-sxsw-small.jpg); background-position: 0% 0%, 0% 0%, 0% 0%; background-size: auto, auto, contain; background-repeat: repeat, repeat, repeat; background-attachment: scroll, scroll, scroll; } .slide._2 { background-image: -webkit-linear-gradient(112deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/54250b75a6309e580fda505d_slide-sxsw-small.jpg); background-image: -o-linear-gradient(22deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/54250b75a6309e580fda505d_slide-sxsw-small.jpg); background-image: linear-gradient(22deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png), url(http://uploads.webflow.com/54133052348a30c93bfe946a/54250b75a6309e580fda505d_slide-sxsw-small.jpg); background-position: 0% 0%, 0% 0%, 0% 0%; background-size: contain, auto, auto; background-repeat: no-repeat, repeat, repeat; background-attachment: scroll, scroll, scroll; } .page-header { font-size: 32px; line-height: 48px; text-align: center; } .page-header._2 { line-height: 26px; } .page-header-section { padding-top: 90px; padding-left: 30px; } .page-header-section.pricing { height: auto; } .team-member { margin-bottom: 10px; } .team-member-row { margin-bottom: 10px; } .product-stripe { padding: 20px 20px 30px; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .product-stripe._2 { background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .contact-left { height: auto; padding: 30px; } .contact-right { height: auto; padding: 30px; } .left-column-container { width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; } .right-column-container { width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .left-image-column { padding-right: 10px; } .overall-column { padding-bottom: 5px; } .overall-column.whitespace { padding-right: 10px; padding-left: 10px; } .price-title { float: none; } .row-bottom-spacer { margin-bottom: 20px; } .large-title { margin-bottom: 10px; font-size: 24px; line-height: 36px; } .divider-line { margin-top: 30px; margin-bottom: 30px; } .intro-line { padding-right: 5px; padding-left: 5px; } .home-column { padding: 30px 10px; } .half-column { padding-right: 10px; } .half-column._2 { padding-left: 10px; } .half-text-block { width: 45%; } .new-text.right { margin-left: 5px; } .bottom-footer-column { padding-bottom: 5px; } .stripe-image { margin-bottom: 30px; box-shadow: none; } .stripe-image.board-logos { box-shadow: none; } .right-text-column { padding-right: 20px; padding-left: 20px; } .float-right { display: inline; float: right; opacity: 1; } .manifesto-clause { width: auto; } .manifesto-list { font-size: 24px; line-height: 32px; } .testimonial blockquote { height: auto; } .agenda-track-tag { width: 66%; margin: 16px auto; } .agenda-speakers .person-image { width: 100px; margin: 16px; } } @media (max-width: 479px) { .yottie-widget-video, .yottie-widget-video-preview-thumbnail, .yottie-widget-feed-section-slide { width: 300px !important; margin: 0 auto !important; padding: 0 !important; } .explainer-paragraph { width: 300px; margin-right: auto; margin-left: auto; } h1 { margin-bottom: 0px; font-size: 12px; } .button { display: inline-block; float: none; } .button.outline { display: inline-block; text-shadow: none; } .button.outline.margin-left-16px { text-shadow: none; } .button.demo { display: inline-block; margin-left: 0px; } .button.demo.margin-left-0 { margin-left: 0px; } .navbar { margin-bottom: 0px; padding-bottom: 0px; } .page-content { padding-top: 30px; padding-bottom: 30px; } .page-content.dark { padding-top: 30px; padding-bottom: 30px; } .page-content.article { width: 320px; } .slide { height: 370px; padding-top: 100px; padding-right: 0px; padding-bottom: 32px; background-image: url(/images/billboards/overlay-shim.png); background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .slide._2 { height: 370px; background-image: -webkit-linear-gradient(112deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png); background-image: -o-linear-gradient(22deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png); background-image: linear-gradient(22deg, rgba(0, 0, 0, 0.29), #03adfc), url(/images/billboards/overlay-shim.png); background-position: 0% 0%, 0% 0%; background-size: auto, auto; background-repeat: repeat, repeat; background-attachment: scroll, scroll; } .slide._3 { background-image: url(/images/billboards/overlay-shim.png); background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .slide._4 { background-image: url(/images/billboards/overlay-shim.png); background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .team-member._2 { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0)), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5424d18dcc6030570fddc369_Sunir.jpg), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5424cd257634273614551db2_sunir_shah.png); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0)), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5424d18dcc6030570fddc369_Sunir.jpg), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5424cd257634273614551db2_sunir_shah.png); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0)), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5424d18dcc6030570fddc369_Sunir.jpg), url(http://uploads.webflow.com/54133052348a30c93bfe946a/5424cd257634273614551db2_sunir_shah.png); background-position: 0% 0%, 0% 0%, 50% 50%; background-size: auto, cover, cover; } .overall-column.whitespace { padding-bottom: 20px; } .logo-container { padding-top: 5px; } .price-list-item { height: auto; } .large-title { font-size: 18px; line-height: 32px; text-align: left; } .large-title._2 { font-size: 14px; line-height: 16px; } .intro-line { padding-right: 5px; padding-left: 5px; } .home-column { margin-bottom: 0px; border-bottom: 1px solid #dce2e3; border-right-style: none; } .intro-paragraph { line-height: 21px; text-align: center; } .half-column._2 { margin-top: 3px; } .half-text-block { width: 100%; margin-bottom: 10px; } .new-text { margin-right: 0px; margin-bottom: 5px; } .new-text.right { margin-left: 10px; } .stripe-image { border-width: 4px; border-color: rgba(0, 0, 0, 0.2); box-shadow: none; opacity: 1; } .tab { border-radius: 0px; } .manifesto-clause { width: auto; margin-right: 0%; } .manifesto-list { padding-left: 0px; font-size: 18px; line-height: 24px; font-weight: 300; } .testimonial img { top: 10px; height: 60px; width: 60px; } } /* ========================================================================== 12.0 Job board ========================================================================== */ .job-manager-form .field { padding: 8px; overflow: visible; height: auto; } .job-manager-form .button { padding: 4px; margin: 0; display: inherit; } .single_job_listing h1 { color: black; font-size: 24px; text-shadow: none; margin: 16px 0; } .single_job_listing .company { min-height: 64px; } .single_job_listing .company img { width: 32px; height: auto; position: absolute; top: calc(50% - 16px); left: 16px; margin-right: 16px; } .single_job_listing .company .name, .single_job_listing .company .tagline { margin-left: 48px; padding: 4px 0 0 0; } .single_job_listing li.date-posted { float: right; padding-right: 0; margin-right: 0; display: none; } .fjob_listing .post-meta .category-label { display: none; } .job_listing .post-meta .post-date { margin: 0; } .job_listing .post-immediate-pagination { display: none; }