/**! * ______ ______ _____ _ __ _____ _______ ______ * | | | \ | | | | \ \ | | / / | | | | | | * | |__| | | |---- | | | | | |-< < | | | | | |---- * |_| \_\ |_|____ |_|_/_/ |_| \_\ _|_|_ |_| |_|____ * * Author: Debbie Campbell * Author URI: http://www.redkitecreative.com * Theme Name: SketchUp PlaceMaker * Theme URI: http://www.suplacemaker.com/ * Description: A responsive theme based on Hybrid Core * Version: 2.1 * --------------------------------------------------------------------------- */ html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } /** Mixins --------------------------------------------------------------------------- */ .alignleft:after, .alignright:after, #header #branding:after, #primary-menu-box:after, #main:after, .content:after, .plural .entry:after, .plural .post:after, #sidebar-primary:after, #sidebar-subsidiary:after, #sidebar-subsidiary #subsidiary-box:after, #footer:after, .home #repeater .odd:after, .home #repeater .even:after, .page-template-bundle #repeater .odd:after, .page-template-bundle #repeater .even:after { content: ""; display: table; clear: both; } /** Fonts --------------------------------------------------------------------------- */ /** Normalize.scss Settings --------------------------------------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { background: #312e28; color: #ffffff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } em { font-size: 101%; font-style: italic; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 50%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.7em; } 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; white-space: normal; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; } 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], 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; } /** Base --------------------------------------------------------------------------- */ .wf-loading { /* here's a background image (at a meer 723bytes) to indicate something's happening */ background: url("images/preloader.gif") no-repeat center center; /* just to make sure the element shares the same dimensions as the browser window when loading (and not the potentially elongated page) */ height: 100%; overflow: hidden; } body { opacity: 0; } .wf-active body, .wf-inactive body { opacity: 1; -webkit-transition: opacity 0.9s ease-out; -moz-transition: opacity 0.9s ease-out; -o-transition: opacity 0.9s ease-out; transition: opacity 0.9s ease-out; } /* === HTML and Body === */ html { background: #ffffff; font-size: 62.5%; -webkit-font-smoothing: antialiased; } @media screen and (max-width: 600px) { html #wpadminbar { position: fixed; } } body { color: #333333; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; line-height: 1.4; position: relative; } .no-fontface body { font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; } html, body { margin: 0; padding: 0; height: 100%; } #container { display: table; height: 100%; margin: 0; padding: 0; table-layout: fixed; width: 100%; } .admin-bar #container { margin-top: 46px; } @media screen and (min-width: 782px) { .admin-bar #container { margin-top: 32px; } } .page-template-splash2 #container { margin-top: 0; } /** Elements --------------------------------------------------------------------------- */ /* === Links === */ a, a:link, a:visited { color: #1a7db6; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; font-weight: 700; text-decoration: none; } #main a, #main a:link, #main a:visited { border-bottom: none; padding-bottom: 2px; } a:hover, a:active, a:link:hover, a:link:active, a:visited:hover, a:visited:active { color: #333333; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; text-decoration: none; } #main a:hover, #main a:active, #main a:link:hover, #main a:link:active, #main a:visited:hover, #main a:visited:active { border-bottom: 1px solid #333333; padding-bottom: 2px; } a:focus, a:active, a:link:focus, a:link:active, a:visited:focus, a:visited:active { outline: 1px dotted #aaa; } a:hover, a:link:hover, a:visited:hover { outline: none; } /* === Headers === */ h1, h2, h3, h4, h5 { color: #333333; font-family: "rucksack", Verdana, sans-serif; font-weight: 700; line-height: 1; margin: 0 0 0.6em; text-rendering: optimizelegibility; } h1 + h2, h1 + h3, h1 + h4, p + h2, p + h3, p + h4, p + h5, ul + h2, ul + h3, ul + h4, ul + h5 { padding-top: 0.5em; } h1 { font-size: 28px; line-height: 39.2px; font-size: 2.8rem; line-height: 3.92rem; } h2 { font-size: 25px; line-height: 35px; font-size: 2.5rem; line-height: 3.5rem; } h3 { font-size: 23px; line-height: 32.2px; font-size: 2.3rem; line-height: 3.22rem; } h4 { font-size: 21px; line-height: 29.4px; font-size: 2.1rem; line-height: 2.94rem; } h5 { font-size: 19px; line-height: 26.6px; font-size: 1.9rem; line-height: 2.66rem; } /* === Blockquotes, quotes, and cites === */ blockquote { border-left: 6px solid #1a7db6; color: #4d4d4d; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 23.8px; font-size: 1.7rem; line-height: 2.38rem; font-weight: 400; line-height: 125%; margin: 10px 20px 20px 0; padding: 15px 0 10px 20px; text-align: left; } #main blockquote ul li { background: url(images/bullet.png) no-repeat 0 center; } @media (min-width: 480px) { blockquote { margin: 0 25px 20px; } } .old-ie blockquote { margin: 0 25px 20px; } @media (min-width: 760px) { blockquote { font-size: 18px; line-height: 25.2px; font-size: 1.8rem; line-height: 2.52rem; margin: 0 25px 30px; } } .old-ie blockquote { font-size: 18px; line-height: 25.2px; font-size: 1.8rem; line-height: 2.52rem; margin: 0 25px 30px; } /* === Acronyms and abbreviations === */ strong { font-weight: 700; } /* === Code and Preformatted text === */ /* ===
tag === */ /* === Paragraphs === */ p { margin: 0 0 1em; } /* === Lists === */ ul { list-style-type: none; margin: 0.4em 0 1em; padding-left: 0.5em; } .ltr ul { margin-left: 0; } ul li { background: none; margin-bottom: 0.4em; padding: 0; } #main ul li { background: url(images/bullet.png) no-repeat 0 7px; padding: 0 0 0 14px; } @media (min-width: 760px) { ul { padding-left: 1em; } } ol { counter-reset: li; /* Initiate a counter */ list-style: decimal; margin: 0.4em 0 1em 1em; padding-left: 1em; } ol ol { margin: 0 0 0 1em; /* Add some left margin for inner lists */ } ol li { background: none; margin-bottom: 0.4em; padding: 0; } #main ul ol li { background: url(images/bullet.png) no-repeat 0 7px; padding: 0 0 0 14px; } dl dt { font-weight: 700; margin-left: 0; } .ltr dl dt { margin-left: 0; } dl dd { margin: 0 0 1em 1em; } /* === Tables === */ table { border: 0; border-collapse: collapse; } table th { border: 1px solid #333; color: #ffffff; font-size: 16px; line-height: 22.4px; font-size: 1.6rem; line-height: 2.24rem; padding: 10px; } table td { padding: 10px; } /* wp-calendar */ /* === Embeds === */ /* === Forms === */ form { /* Not all types, but these are more common for themes. */ } form fieldset { border: 1px solid #b9b9b9; display: block; margin: 5px 0 1.5em; padding: 1.2em; } form input[type="text"], form input[type="email"], form input[type="password"], form input[type="search"], form input[type="url"], form textarea { background: #ffffff; border: 1px solid #999999; color: #333333; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; margin-left: 0; padding: 4px 10px; overflow: hidden; position: relative; -webkit-transition: border-color 0.10s ease-in; -moz-transition: border-color 0.10s ease-in; -o-transition: border-color 0.10s ease-in; transition: border-color 0.10s ease-in; } form input[type="text"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder, form input[type="search"]::-webkit-input-placeholder, form input[type="url"]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #666 !important; padding: 4px 0 0; opacity: 1; } form input[type="text"]:-moz-placeholder, form input[type="email"]:-moz-placeholder, form input[type="password"]:-moz-placeholder, form input[type="search"]:-moz-placeholder, form input[type="url"]:-moz-placeholder, form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666 !important; padding: 4px 0 0; opacity: 1; } form input[type="text"]::-moz-placeholder, form input[type="email"]::-moz-placeholder, form input[type="password"]::-moz-placeholder, form input[type="search"]::-moz-placeholder, form input[type="url"]::-moz-placeholder, form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666 !important; padding: 4px 0 0; opacity: 1; } form input[type="text"]:-ms-input-placeholder, form input[type="email"]:-ms-input-placeholder, form input[type="password"]:-ms-input-placeholder, form input[type="search"]:-ms-input-placeholder, form input[type="url"]:-ms-input-placeholder, form textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666 !important; padding: 4px 0 0; opacity: 1; } form input[type="text"], form input[type="url"], form input[type="email"], form input[type="password"] { width: 90%; } @media (min-width: 760px) { form input[type="text"], form input[type="url"], form input[type="email"], form input[type="password"] { width: 45%; } } form textarea { width: 90%; } @media (min-width: 760px) { form textarea { width: 45%; } } form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form input[type="url"]:focus, form textarea:focus { background: #ffffff; border: 1px solid #1a7db6; color: #333333; -webkit-transition: border-color 0.10s ease-in; -moz-transition: border-color 0.10s ease-in; -o-transition: border-color 0.10s ease-in; transition: border-color 0.10s ease-in; } form label { display: block; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; padding-bottom: 1px; } .button, .submit, #submit, .reset, a.button, input[type="submit"] { cursor: pointer; font-size: 16px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; font-weight: 400; transition: background 0.1s ease-in-out; } .button:hover, .submit:hover, #submit:hover, .reset:hover, a.button:hover, input[type="submit"]:hover { text-decoration: none; } .button:hover, .submit:hover, #submit:hover, .reset:hover, a.button:hover, input[type="submit"]:hover { background-color: #176ea0; } .button:active, .submit:active, #submit:active, .reset:active, a.button:active, input[type="submit"]:active { background-color: #156492; } .button.disabled, .button[disabled], .submit.disabled, .submit[disabled], #submit.disabled, #submit[disabled], .reset.disabled, .reset[disabled], a.button.disabled, a.button[disabled], input[type="submit"].disabled, input[type="submit"][disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .button:hover, .submit:hover, .reset:hover, a.button:hover, input[type="submit"]:hover { font-size: 16px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; transition: background 0.1s ease-in-out; } .button:hover:hover, .submit:hover:hover, .reset:hover:hover, a.button:hover:hover, input[type="submit"]:hover:hover { text-decoration: none; } .button:hover:hover, .submit:hover:hover, .reset:hover:hover, a.button:hover:hover, input[type="submit"]:hover:hover { background-color: #176ea0; } .button:hover:active, .submit:hover:active, .reset:hover:active, a.button:hover:active, input[type="submit"]:hover:active { background-color: #156492; } .button:hover.disabled, .button:hover[disabled], .submit:hover.disabled, .submit:hover[disabled], .reset:hover.disabled, .reset:hover[disabled], a.button:hover.disabled, a.button:hover[disabled], input[type="submit"]:hover.disabled, input[type="submit"]:hover[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* === Notes and Errors === */ .warning, .alert { color: red; } .error-404 p, .error-404 .error { color: #333333; } /* === Alignement (WP classes) === */ .alignleft { clear: both; margin: 5px auto 20px; width: 100%; } .alignright { clear: both; margin: 5px auto 20px; width: 100%; } @media screen and (min-width: 480px) { img.alignleft { float: left; margin: 0 20px 20px 0; max-width: 50%; width: auto; } img.alignright { float: right; margin: 0 0 20px 20px; max-width: 50%; width: auto; } } .aligncenter { clear: both; display: block; margin: 20px auto; } .alignnone { clear: both; display: block; margin: 20px 0; } /** Images --------------------------------------------------------------------------- */ img, a img { height: auto; max-width: 100%; } /* === WP editor image sizes === */ /* === Thumbnails === */ .thumbnail { border: 1px solid #999999; float: left; margin: 0 20px 20px 0; } @media (max-width: 400px) { .thumbnail { float: none; margin: 0 auto 15px; width: 100%; } } .old-ie .thumbnail { float: none; margin: 0 auto 15px; width: 100%; } /* === Captions === */ /* === Gallery === */ /* === Avatars === */ /* === Assistive === */ .screen-reader-text, .assistive-text { position: absolute; top: -9999em; } .ltr .screen-reader-text, .ltr .assistive-text { left: -9999em; } .rtl .screen-reader-text, .rtl .assistive-text { right: -9999em; } /* Skip links, tabbable */ .skip-link a { position: absolute; top: -100px; } .skip-link a:active, .skip-link a:focus { top: 0; color: #ffffff; text-decoration: none; background-color: #333333; z-index: 25; } /** Header --------------------------------------------------------------------------- */ #header { background-color: whitesmoke; border-bottom: 1px solid #bfbfbf; margin: 0; padding: 0; width: 100%; } #header #site-description, #header #site-title { display: none; } #header #branding { margin: 0 auto; max-width: 1060px; padding: 0 20px; position: relative; width: calc(100% - 40px); /* Landing page header */ } #header #branding #logo { display: block; margin: 0 auto; max-width: 260px; padding: 15px 0; position: relative; width: 100%; z-index: 101; } #header #branding #logo img { display: block; margin: 0 auto; width: 100%; } @media (min-width: 960px) { #header #branding #logo { display: block; float: left; margin: 0; } } .old-ie #header #branding #logo { display: block; float: left; margin: 0; } #header #branding #sulogo { display: block; margin: 0 auto; max-width: 260px; padding-bottom: 10px; width: 100%; } #header #branding #sulogo img { display: block; margin: 0 auto; width: 100%; } @media (min-width: 960px) { #header #branding #sulogo { display: block; float: right; margin: 32px 0 0; } } .old-ie #header #branding #sulogo { display: block; float: right; margin: 32px 0 0; } /** Menus --------------------------------------------------------------------------- */ /* ====== Primary Menu ====== */ /* Mobile menu styles */ @media only screen and (max-width: 1030px) { #menu-main-items, #menu-secondary-items { display: none; } .slicknav_menu { display: block; padding: 5px 0; } .slicknav_menu .slicknav_btn { background: transparent !important; border-radius: 0; color: #ffffff; margin-right: 10px; padding: 3px 9px 0; } .slicknav_menu .slicknav_btn span.slicknav_icon { display: none !important; } .slicknav_menu .slicknav_btn span.slicknav_menutxt { color: #ffffff; display: inline-block; font-size: 18px; line-height: 25.2px; font-size: 1.8rem; line-height: 2.52rem; float: none; font-weight: 400; text-shadow: none; position: relative; } .slicknav_menu .slicknav_btn span.slicknav_menutxt:before { font-family: FontAwesome; content: "\f0c9"; font-size: 17px; display: inline-block; left: -22px; position: absolute; top: -1px; } .slicknav_menu .slicknav_btn:hover { text-decoration: none; } .slicknav_menu ul { margin: 0; padding: 0; text-align: left; width: 100%; } .slicknav_menu ul.sub-menu { margin-left: 0; } .slicknav_menu li { background-image: none; border: 0; border-bottom: 1px solid #3e3e3e; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22.4px; font-size: 1.6rem; line-height: 2.24rem; list-style-type: none; margin: 0; padding: 0; width: 100%; } .slicknav_menu li.mobile { display: block; } .slicknav_menu li a, .slicknav_menu li a.slicknav_item { background: #1a7db6; color: #d9d9d9; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22.4px; font-size: 1.6rem; line-height: 2.24rem; font-weight: normal; margin: 0; padding: 10px 15px 10px 15px; text-decoration: none; } .slicknav_menu li a:hover, .slicknav_menu li a.slicknav_item:hover { background: #1d8ccc; border-radius: 0; color: #ffffff; text-decoration: none; } .slicknav_menu li ul.sub-menu li { border-top: 1px solid #3e3e3e; border-bottom: none; } .slicknav_menu li ul.sub-menu li a { padding-left: 30px; text-transform: none; } .slicknav_menu li ul.sub-menu li a.slicknav_item { padding-left: 0; } .slicknav_menu li ul.sub-menu li ul.sub-menu li a { font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; } .slicknav_menu li ul.sub-menu li ul.sub-menu li a::before { content: '+'; margin-right: 5px; } } /* Desktop hybrid hover/click menu */ @media only screen and (min-width: 1030px) { .slicknav_menu { display: none; } nav#menu-primary { margin: 0; padding: 0; position: absolute; right: 20px; top: 48px; width: 100%; z-index: 100; } .wrap { height: 80px; margin: 0 auto; max-width: 1060px; padding: 0; position: relative; width: 100%; z-index: 0; } .wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .wrap h3 { position: absolute !important; top: -9999px !important; left: -9999px !important; } .wrap ul#menu-main-items { clear: left; float: right; list-style: none; margin: 0; padding: 0; position: relative; text-align: right; width: 64%; z-index: 2; } .wrap ul#menu-main-items li { display: inline-block; list-style: none; margin: 0; min-width: auto; /* for STUPID IE */ padding: 0; position: relative; } .wrap ul#menu-main-items li.mobile { display: none !important; } .wrap ul#menu-main-items li a, .wrap ul#menu-main-items li a:link, .wrap ul#menu-main-items li a:visited { background-color: transparent; border-radius: 2px; color: #333333; display: block; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 500; margin: 0; padding: 10px 13px; text-decoration: none; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .wrap ul#menu-main-items li.menu-item-has-children > a:after { color: #333333; content: ' \25BE '; position: relative; } .wrap ul#menu-main-items li.current-menu-item.menu-item-has-children > a:after, .wrap ul#menu-main-items li.current-menu-parent.menu-item-has-children > a:after, .wrap ul#menu-main-items li.menu-item-has-children:hover > a:after { color: #ffffff; } .wrap ul#menu-main-items li a:hover, .wrap ul#menu-main-items li a:active { background-color: #1a7db6; color: #ffffff; text-decoration: none; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .wrap ul#menu-main-items li.tryit a:hover, .wrap ul#menu-main-items li.tryit a:active { background-color: #7ea04a; } .wrap ul#menu-main-items li.buyit a:hover, .wrap ul#menu-main-items li.buyit a:active { background-color: #fcab36; } .wrap ul#menu-main-items li.current_page_item > a, .wrap ul#menu-main-items li.current-menu-ancestor > a, .wrap ul#menu-main-items li.current-menu-item > a, .wrap ul#menu-main-items li.current-menu-parent > a { background-color: #1a7db6; color: #ffffff; text-decoration: none; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .wrap ul#menu-main-items li.current_page_item.tryit > a, .wrap ul#menu-main-items li.current-menu-ancestor.tryit > a, .wrap ul#menu-main-items li.current-menu-item.tryit > a, .wrap ul#menu-main-items li.current-menu-parent.tryig > a { background-color: #7ea04a; } .wrap ul#menu-main-items li.current_page_item.buyit > a, .wrap ul#menu-main-items li.current-menu-ancestor.buyit > a, .wrap ul#menu-main-items li.current-menu-item.buyit > a, .wrap ul#menu-main-items li.current-menu-parent.buyig > a { background-color: #fcab36; } .wrap ul#menu-main-items li.hidden { display: none; } /* Submenus */ .wrap ul#menu-main-items li ul.sub-menu { background-color: #ffffff; border-radius: 2px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); display: block; float: none; height: 0; left: 0; margin: 0; opacity: 0; overflow: hidden; padding: 0; position: absolute; text-align: left; top: 40px; -webkit-transition: opacity 0.1s ease-out; min-width: 15em; width: auto; z-index: 120; } .wrap ul#menu-main-items li ul.sub-menu li { background: none; clear: both; display: block; float: none; left: 0; list-style: none; margin: 0; width: auto; } .wrap ul#menu-main-items li ul.sub-menu li a, .wrap ul#menu-main-items li ul.sub-menu li a:link, .wrap ul#menu-main-items li ul.sub-menu li a:visited { border-bottom: 0; color: #333333; display: block; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; padding: 8px 16px; text-align: left; text-transform: none; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: auto; } .wrap ul#menu-main-items li ul.sub-menu li a:hover, .wrap ul#menu-main-items li ul.sub-menu li a:link:hover, .wrap ul#menu-main-items li ul.sub-menu li a:visited:hover { background-color: #ffffff; color: #1a7db6; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; padding-left: 20px; text-decoration: none; } .wrap ul#menu-main-items li ul.sub-menu li a:hover, .wrap ul#menu-main-items li ul.sub-menu li a:active { background-color: #ffffff; } .wrap ul#menu-main-items li ul.sub-menu li.menu-item-has-children > a:after { color: #333333; } .wrap ul#menu-main-items li ul.sub-menu li.menu-item-has-children > a:hover:after { color: #333333; } .wrap ul#menu-main-items li ul.sub-menu li.current_page_item > a, .wrap ul#menu-main-items li ul.sub-menu li.current-menu-ancestor > a, .wrap ul#menu-main-items li ul.sub-menu li.current-menu-item > a, .wrap ul#menu-main-items li ul.sub-menu li.current-menu-parent > a { background-color: transparent; color: #333333; } .wrap ul#menu-main-items li:hover > ul.sub-menu { display: block; height: auto; opacity: 1; overflow: visible; } } /* ====== Secondary Menu ====== */ /* ====== Subsidiary Menu ====== */ /* ====== Primary Menu ====== */ /** Content --------------------------------------------------------------------------- */ #main { box-sizing: border-box; clear: both; overflow: hidden; *zoom: 1; max-width: 1200px; margin-left: auto; margin-right: auto; margin: 0; max-width: 1060px; padding: 0; position: relative; width: 100%; } @media (min-width: 960px) { #main { margin: 0 auto; padding: 0; } } .old-ie #main { margin: 0 auto; padding: 0; } .content { display: block; margin: 0; padding: 20px 0; width: 100%; } @media (min-width: 960px) { .content { display: block; float: left; margin: 0; float: left; display: block; margin-right: 2.35765%; width: 65.88078%; padding: 30px 0 20px; overflow: hidden; } .content:last-child { margin-right: 0; } } .old-ie .content { display: block; float: left; margin: 0; float: left; display: block; margin-right: 2.35765%; width: 65.88078%; padding: 30px 0 20px; overflow: hidden; } .old-ie .content:last-child { margin-right: 0; } .layout-1c .content, .singular-event .content { width: 100%; } @media (min-width: 960px) { .layout-1c .content, .singular-event .content { float: none; max-width: 100%; width: 100%; } } .old-ie .layout-1c .content, .old-ie .singular-event .content { float: none; max-width: 100%; width: 100%; } /* ====== POSTS ====== */ .hentry, .page, article.entry { padding: 0 20px 20px; } @media (min-width: 960px) { .hentry, .page, article.entry { padding: 0 20px 20px 20px; } } .old-ie .hentry, .old-ie .page, .old-ie article.entry { padding: 0 20px 20px 20px; } .post { padding: 0 20px 20px; } @media (min-width: 960px) { .post { padding: 0 20px 20px 20px; } } .old-ie .post { padding: 0 20px 20px 20px; } .plural .entry, .plural.post, .archive .hentry, .archive .projects { clear: both; } .plural .entry, .plural .post { padding-bottom: 30px; } /* === Post Header === */ .entry-header { padding-bottom: 2px; } .entry-header .entry-title, .entry-header .post-title, .entry-header .page-title, .entry-header .attachment-title, .entry-header .error-404-title { border-bottom: 1px solid #333333; color: #333333; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; line-height: 39.2px; font-size: 2.8rem; line-height: 3.92rem; line-height: 1.1; font-weight: 700; margin: 0 0 1em; padding: 0 0 0.4em; text-rendering: optimizelegibility; width: auto; } @media (max-width: 760px) { .entry-header .entry-title, .entry-header .post-title, .entry-header .page-title, .entry-header .attachment-title, .entry-header .error-404-title { font-size: 24px; line-height: 33.6px; font-size: 2.4rem; line-height: 3.36rem; } } .old-ie .entry-header .entry-title, .old-ie .entry-header .post-title, .old-ie .entry-header .page-title, .old-ie .entry-header .attachment-title, .old-ie .entry-header .error-404-title { font-size: 24px; line-height: 33.6px; font-size: 2.4rem; line-height: 3.36rem; } .singular .entry-header .entry-title, .singular .entry-header .post-title, .singular .entry-header .page-title, .singular .entry-header .attachment-title, .singular .entry-header .error-404-title { font-weight: 700; margin-bottom: 0.5em; } .plural .entry-header .entry-title, .plural .entry-header .post-title, .plural .entry-header .page-title, .plural .entry-header .attachment-title, .plural .entry-header .error-404-title { border-bottom: 0; font-size: 24px; line-height: 33.6px; font-size: 2.4rem; line-height: 3.36rem; margin-bottom: 0.5em; padding-bottom: 0; } .entry-header .entry-title a, .entry-header .post-title a { color: #1a7db6; font-weight: 700; line-height: 1.1; } .singular .entry-header .entry-title a, .singular .entry-header .post-title a { color: #333333; text-decoration: none; font-weight: 700; } .singular .entry-header .entry-title a:hover, .singular .entry-header .post-title a:hover { text-decoration: none; } .entry-header .entry-title a:hover, .entry-header .post-title a:hover { color: #0a3046; text-decoration: none; } .entry-header .entry-byline { font-size: 13px; line-height: 18.2px; font-size: 1.3rem; line-height: 1.82rem; margin: -0.5em 0 0; padding: 0 0 1.6em; } .entry-header .entry-byline a { font-weight: 400; } .archive-header { line-height: 1.2; padding: 0 20px; } .archive-header .archive-title { border-bottom: 1px solid #333333; line-height: 1.1; margin-bottom: 1em; padding-bottom: 0.4em; } /* === Post content and excerpts === */ .entry-content { margin: 0; padding: 0; } .entry-summary { margin: 0; } /* === Post Footer === */ .entry-footer .category { font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; } .entry-footer .post_tag { font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; } /* ====== Attachment Meta (on image attachment pages) ====== */ /* ====== LOOP META ====== */ .loop-meta { margin: 0; padding: 0 20px 10px 20px; } .loop-meta + .post { padding-top: 0; } @media (min-width: 1060px) { .loop-meta { padding: 0 0 10px 25px; } } .old-ie .loop-meta { padding: 0 0 10px 25px; } .loop-title { border-bottom: 1px solid #333333; font-size: 19px; line-height: 26.6px; font-size: 1.9rem; line-height: 2.66rem; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0 0 0.5em; padding: 0 0 0.2em; } .loop-description { margin-top: 0; } /* ====== PAGINATION ====== */ /* === Single posts using === */ /* === Single post navigation (between different posts) === */ .loop-nav { clear: both; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; margin: 0; padding: 0 25px 40px; } .loop-nav .prev { float: left; position: relative; } .loop-nav .prev:before { content: "\f060"; font-family: FontAwesome; font-size: 13px; line-height: 18.2px; font-size: 1.3rem; line-height: 1.82rem; margin-right: 4px; position: relative; top: -1px; } .loop-nav .next { float: right; position: relative; } .loop-nav .next:after { content: "\f061"; font-family: FontAwesome; font-size: 13px; line-height: 18.2px; font-size: 1.3rem; line-height: 1.82rem; margin-left: 4px; position: relative; right: 0; top: -1px; } /* === Archive-type pages === */ .pagination { padding: 0 20px 20px; } /* === Comments pagination === */ /** Comments Template --------------------------------------------------------------------------- */ #comments-template { padding: 10px 20px 20px; } /* ====== COMMENTS ======= */ #comments { color: #333333; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; margin-bottom: 20px; } #comments #comments-number { font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; line-height: 26.6px; font-size: 1.9rem; line-height: 2.66rem; font-weight: 700; white-space: nowrap; } /* === Comment list === */ ol.comment-list { list-style-type: none; list-style-position: inside; margin-left: 0; padding-left: 0; } ol.comment-list ol.children { list-style: decimal; margin-bottom: 20px; } ol.comment-list ol.children li { padding: 10px 10px 5px; } ol.comment-list ol.children .avatar { float: right; height: 50px; margin: 0 0 15px 15px; width: 50px; } ol.comment-list li { clear: both; margin-bottom: 20px; } ol.comment-list li .bypostauthor { background: #d6ecf9; border-top: 1px solid #93cef0; border-bottom: 1px solid #93cef0; } /* === Avatars === */ .comment-list .avatar { float: left; margin: 0 15px 15px 0; } /* === Meta === */ .comment-meta { font-size: 13px; line-height: 18.2px; font-size: 1.3rem; line-height: 1.82rem; margin-bottom: 1em; } /* === Comment text/content === */ /* === Reply link === */ .comment-reply-link { font-size: 13px; line-height: 18.2px; font-size: 1.3rem; line-height: 1.82rem; } /* ====== RESPOND (COMMENT FORM) ====== */ #respond { clear: left; margin: 0 0 20px 0; } #respond h3.comment-reply-title { font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; line-height: 26.6px; font-size: 1.9rem; line-height: 2.66rem; font-weight: 700; } /* ====== SEARCH ======= */ .search #post-0 { padding: 0 20px 30px; } .error-404 #post-0 { margin: 0 20px 30px; } .widget_search input[type="search"], .content .search-form input[type="search"] { max-width: 220px; position: absolute; width: 220px; } .widget_search input[type="search"]:focus, .content .search-form input[type="search"]:focus { border: 1px solid #1a7db6; } .widget_search input[type="search"]::-webkit-input-placeholder, .content .search-form input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */ color: #444 !important; opacity: 1; line-height: 1.2em; padding-top: 0; height: 34px; } .widget_search input[type="search"]:-moz-placeholder, .content .search-form input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444 !important; opacity: 1; height: 34px; line-height: 1.2em; } .widget_search input[type="search"]::-moz-placeholder, .content .search-form input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444 !important; opacity: 1; height: 34px; line-height: 1.2em; } .widget_search input[type="search"]:-ms-input-placeholder, .content .search-form input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #444 !important; opacity: 1; height: 26px; line-height: 1.2em; padding-top: 3px; padding-left: 8px; width: 238px !important; } .widget_search input[type="submit"], .content .search-form input[type="submit"] { background: transparent url(images/mag-glass.png) 0 0 no-repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; height: 18px; left: 212px; position: relative; text-indent: -9999px; top: 7px; width: 18px; } .content .search-form { padding-top: 0.5em; } /** Sidebars and Widgets --------------------------------------------------------------------------- */ /* === UTILITY WIDGETS == */ /* === PRIMARY WIDGETS == */ #sidebar-primary { clear: both; display: block; margin: 0; padding: 20px 20px 20px; position: relative; width: calc(100% - 40px); } @media (min-width: 960px) { #sidebar-primary { clear: none; float: right; margin: 0; padding: 37px 20px 20px; width: 100%; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; margin-right: 0; } #sidebar-primary:last-child { margin-right: 0; } } .old-ie #sidebar-primary { clear: none; float: right; margin: 0; padding: 37px 20px 20px; width: 100%; float: left; display: block; margin-right: 2.35765%; width: 31.76157%; margin-right: 0; } .old-ie #sidebar-primary:last-child { margin-right: 0; } #sidebar-primary .widget { border: 0; margin: 0 0 2em; padding: 0; } #sidebar-primary .widget .widget-inside { font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; margin: 0 auto; padding: 0; } @media (min-width: 960px) { #sidebar-primary .widget { float: none; } } .old-ie #sidebar-primary .widget { float: none; } #sidebar-primary h3.widget-title { border-bottom: 1px solid #333333; font-size: 20px; line-height: 28px; font-size: 2rem; line-height: 2.8rem; font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin: 0 0 0.5em; padding: 0 0 0.3em; } /* Strong Testimonials */ #sidebar-primary .strong-view .testimonial-content p { font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4; } #sidebar-primary .strong-view .testimonial-content p:before { content: '\201C'; } #sidebar-primary .strong-view .testimonial-content p:after { content: '\201D'; } #sidebar-primary .strong-view .testimonial-client { font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; font-weight: 600; } #sidebar-primary .strong-view .testimonial-client .testimonial-company { font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; font-weight: 400; } ul#footer-side { margin: 0; padding: 0; } ul#footer-side li { background: none; display: inline-block; margin-right: 4px; padding-left: 0; } ul#footer-side li a, ul#footer-side li a .fa { color: #333333; } /* Events calendar */ #sidebar-primary table.em-calendar thead td { font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; } #sidebar-primary table.em-calendar tbody td { font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; } /* Image Widget */ #sidebar-primary .widget_sp_image a:hover, #sidebar-primary .widget_sp_image img:hover { border-bottom: none; text-decoration: none !important; } /* Recent Posts */ #sidebar-primary .recent-posts-extended ul li { background: none; border-bottom: 0; margin-bottom: 0.75em; padding-left: 0; } #sidebar-primary .recent-posts-extended ul li h3.rpwe-title { font-size: 1em !important; line-height: 1.2; } #sidebar-primary .recent-posts-extended ul li a img { max-width: 90px !important; } /* === SUBSIDIARY WIDGETS == */ #sidebar-subsidiary { background: #166897; border-top: 10px solid #1a7db6; width: 100%; } #sidebar-subsidiary #subsidiary-box { color: #ffffff; margin: 0 auto; max-width: 1060px; padding: 40px 20px 25px; width: calc(100% - 40px); } #sidebar-subsidiary #subsidiary-box a { color: #ffffff; text-decoration: underline; } #sidebar-subsidiary #subsidiary-box a:hover { text-decoration: none; } #sidebar-subsidiary #subsidiary-box .widget.location #footer-location { display: block; float: right; } @media (max-width: 960px) { #sidebar-subsidiary #subsidiary-box .widget.location #footer-location { float: none; margin: 30px auto 0; max-width: 335px !important; width: 100%; } } .old-ie #sidebar-subsidiary #subsidiary-box .widget.location #footer-location { float: none; margin: 30px auto 0; max-width: 335px !important; width: 100%; } #sidebar-subsidiary #subsidiary-box .widget.location #footer-location img { float: right; margin: 0 0 15px 15px; } @media (max-width: 480px) { #sidebar-subsidiary #subsidiary-box .widget.location #footer-location img { display: none; } } .old-ie #sidebar-subsidiary #subsidiary-box .widget.location #footer-location img { display: none; } #sidebar-subsidiary #subsidiary-box .widget.location #footer-location #location-text { float: left; text-align: right; } @media (max-width: 480px) { #sidebar-subsidiary #subsidiary-box .widget.location #footer-location #location-text { float: none; text-align: center; } } .old-ie #sidebar-subsidiary #subsidiary-box .widget.location #footer-location #location-text { float: none; text-align: center; } #sidebar-subsidiary #subsidiary-box .widget_sp_image { display: block; float: left; } @media (max-width: 960px) { #sidebar-subsidiary #subsidiary-box .widget_sp_image { float: none; text-align: center; width: 100%; } #sidebar-subsidiary #subsidiary-box .widget_sp_image img { margin: 0 auto; max-width: 498px !important; text-align: center; width: 100%; } } .old-ie #sidebar-subsidiary #subsidiary-box .widget_sp_image { float: none; text-align: center; width: 100%; } .old-ie #sidebar-subsidiary #subsidiary-box .widget_sp_image img { margin: 0 auto; max-width: 498px !important; text-align: center; width: 100%; } #sidebar-subsidiary #subsidiary-box .widget_sp_image .widget_sp_image-description p { font-size: 17px; line-height: 23.8px; font-size: 1.7rem; line-height: 2.38rem; text-align: center; } /** Footer --------------------------------------------------------------------------- */ #bottom { width: 100%; } #footer { background: black; text-align: center; } #footer .copyright { margin: 0 auto; padding: 15px 20px; width: calc(100% - 40px); } @media (min-width: 760px) { #footer .copyright { max-width: 1060px; } } .old-ie #footer .copyright { max-width: 1060px; } #footer .credit { color: #b3b3b3; font-size: 12px; line-height: 16.8px; font-size: 1.2rem; line-height: 1.68rem; line-height: 1.6; margin: 0; } #footer .credit a { color: #d9d9d9; font-weight: 400; } #footer .credit a:hover { color: #ffffff; text-decoration: underline; } /** Miscellaneous --------------------------------------------------------------------------- */ /* Home Hero */ .home #hero { display: block; position: relative; width: 100%; } @media (min-width: 480px) { .home #hero { background-image: url(images/home-hero-640.jpg); -ms-background-position-x: center; -ms-background-position-y: bottom; background-position: center bottom; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); min-height: 700px; } } .old-ie .home #hero { background-image: url(images/home-hero-640.jpg); -ms-background-position-x: center; -ms-background-position-y: bottom; background-position: center bottom; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); min-height: 700px; } @media (min-width: 640px) { .home #hero { background-image: url(images/home-hero-1060.jpg); } } .old-ie .home #hero { background-image: url(images/home-hero-1060.jpg); } @media (min-width: 760px) { .home #hero { background-image: url(images/home-hero-1300.jpg); } } .old-ie .home #hero { background-image: url(images/home-hero-1300.jpg); } @media (min-width: 1300px) { .home #hero { background-image: url(images/home-hero-2000.jpg); } } .old-ie .home #hero { background-image: url(images/home-hero-2000.jpg); } .home #hero-cta-box { background-color: rgba(255, 255, 255, 0.9); border-radius: 2px; display: block; margin: 0 auto; max-width: 580px; padding: 20px 25px; position: relative; text-align: center; top: 0 !important; z-index: 100; } @media (min-width: 480px) { .home #hero-cta-box { top: 50px !important; } } .old-ie .home #hero-cta-box { top: 50px !important; } .home #hero-cta-box h1 { font-size: 27px; line-height: 37.8px; font-size: 2.7rem; line-height: 3.78rem; line-height: 1.2; margin: 0 0 10px; padding: 0; } @media (min-width: 960px) { .home #hero-cta-box h1 { font-size: 39px; line-height: 54.6px; font-size: 3.9rem; line-height: 5.46rem; } } .old-ie .home #hero-cta-box h1 { font-size: 39px; line-height: 54.6px; font-size: 3.9rem; line-height: 5.46rem; } .home #hero-cta-box h2 { font-size: 21px; line-height: 29.4px; font-size: 2.1rem; line-height: 2.94rem; font-weight: 600; line-height: 1.2; margin: 0 0 25px; padding: 0; } @media (min-width: 960px) { .home #hero-cta-box h2 { font-size: 28px; line-height: 39.2px; font-size: 2.8rem; line-height: 3.92rem; } } .old-ie .home #hero-cta-box h2 { font-size: 28px; line-height: 39.2px; font-size: 2.8rem; line-height: 3.92rem; } .home #hero-cta-box h4.trial { font-size: 16px; line-height: 22.4px; font-size: 1.6rem; line-height: 2.24rem; padding-top: 15px; } @media (min-width: 960px) { .home #hero-cta-box h4.trial { font-size: 21px; line-height: 29.4px; font-size: 2.1rem; line-height: 2.94rem; } } .old-ie .home #hero-cta-box h4.trial { font-size: 21px; line-height: 29.4px; font-size: 2.1rem; line-height: 2.94rem; } .home #hero-cta-box .lightbox_ultimate_text_anchor { display: inline-block; } .home #hero-cta-box a.button, .home #hero-cta-box .lightbox_ultimate_text_anchor a { display: inline-block; margin: 0 4px 8px; font-size: 16px; padding: 9px 16px 8px 16px; display: inline-block; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; text-transform: uppercase; transition: transform 0.2s ease-in-out; } .home #hero-cta-box a.button:hover, .home #hero-cta-box .lightbox_ultimate_text_anchor a:hover { text-decoration: none; } .home #hero-cta-box a.button:hover, .home #hero-cta-box .lightbox_ultimate_text_anchor a:hover { background-color: #176ea0; } .home #hero-cta-box a.button:active, .home #hero-cta-box .lightbox_ultimate_text_anchor a:active { background-color: #156492; } .home #hero-cta-box a.button.disabled, .home #hero-cta-box a.button[disabled], .home #hero-cta-box .lightbox_ultimate_text_anchor a.disabled, .home #hero-cta-box .lightbox_ultimate_text_anchor a[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .home #hero-cta-box a.button .fa, .home #hero-cta-box .lightbox_ultimate_text_anchor a .fa { margin-left: 3px; position: relative; top: -1px; } .home #hero-cta-box a.button.blue, .home #hero-cta-box .lightbox_ultimate_text_anchor a.blue { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; } .home #hero-cta-box a.button.blue:hover, .home #hero-cta-box .lightbox_ultimate_text_anchor a.blue:hover { text-decoration: none; } .home #hero-cta-box a.button.blue:hover, .home #hero-cta-box .lightbox_ultimate_text_anchor a.blue:hover { background-color: #176ea0; } .home #hero-cta-box a.button.blue:active, .home #hero-cta-box .lightbox_ultimate_text_anchor a.blue:active { background-color: #156492; } .home #hero-cta-box a.button.blue.disabled, .home #hero-cta-box a.button.blue[disabled], .home #hero-cta-box .lightbox_ultimate_text_anchor a.blue.disabled, .home #hero-cta-box .lightbox_ultimate_text_anchor a.blue[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .home #hero-cta-box a.button:hover, .home #hero-cta-box .lightbox_ultimate_text_anchor a:hover { animation: shake 1.05s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; transition: transform 0.2s ease-in-out; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-3px, 0, 0); } 40%, 60% { transform: translate3d(3px, 0, 0); } } .home #hero-cta-box p.textlink { font-size: 18px; line-height: 25.2px; font-size: 1.8rem; line-height: 2.52rem; margin: 10px auto 0; } .home #hero-cta-box #sub-box { background-color: rgba(255, 255, 255, 0.9); border-radius: 2px; bottom: -60px; display: block; left: 50%; margin: 0; margin-left: -170px; max-width: 340px; overflow: hidden; padding: 8px 20px; position: absolute; text-align: center; width: 340px; z-index: 101; } .home #hero-cta-box #sub-box p { font-size: 18px; line-height: 25.2px; font-size: 1.8rem; line-height: 2.52rem; font-weight: 700; margin: 0; padding: 0; } /* Home CTA bar */ .home #cta-bar { background: #4d4d4d; padding: 18px 0; width: 100%; } .home #cta-bar #cta-bar-box { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 1060px; text-align: center; } @media (min-width: 960px) { .home #cta-bar #cta-bar-box { flex-direction: row; } } .old-ie .home #cta-bar #cta-bar-box { flex-direction: row; } .home #cta-bar #cta-bar-box .cta-button { width: 220px; } .home #cta-bar #cta-bar-box .cta-button a { border-radius: 3px; color: #ffffff; display: block; font-size: 17px; line-height: 23.8px; font-size: 1.7rem; line-height: 2.38rem; font-weight: 400; margin: 0 auto; padding: 14px 20px; text-align: center; text-decoration: none; width: calc(100% - 40px); } .home #cta-bar #cta-bar-box .cta-button a:hover { text-decoration: none; } .home #cta-bar #cta-bar-box .one a { background-color: #7ea04a; } .home #cta-bar #cta-bar-box .one a:hover { background-color: #68843d; } .home #cta-bar #cta-bar-box .two a { background-color: #fcab36; } .home #cta-bar #cta-bar-box .two a:hover { background-color: #fb9a0e; } /* Home button bar */ .home #button-bar { background: #4d4d4d; padding: 25px 20px; width: 100%; } .home #button-bar #button-bar-box { margin: 0 auto; max-width: 1060px; text-align: center; } .home #button-bar #button-bar-box a.button { margin: 0 5px; transition: transform 0.2s ease-in-out; } .home #button-bar #button-bar-box a.button .fa { margin-left: 3px; } .home #button-bar #button-bar-box a.button.cool { font-size: 16px; padding: 8px 16px; display: inline-block; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7EA04A', endColorstr='#FF475A2A'); background-color: #7ea04a; border: 0; color: #ffffff; margin-bottom: 5px; } .home #button-bar #button-bar-box a.button.cool:hover { text-decoration: none; } .home #button-bar #button-bar-box a.button.cool:hover { background-color: #708f42; } .home #button-bar #button-bar-box a.button.cool:active { background-color: #68843d; } .home #button-bar #button-bar-box a.button.cool.disabled, .home #button-bar #button-bar-box a.button.cool[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .home #button-bar #button-bar-box a.button.hot { font-size: 16px; padding: 8px 16px; display: inline-block; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCAB36', endColorstr='#FFC97803'); background-color: #fcab36; border: 0; color: #ffffff; } .home #button-bar #button-bar-box a.button.hot:hover { text-decoration: none; } .home #button-bar #button-bar-box a.button.hot:hover { background-color: #fca11d; } .home #button-bar #button-bar-box a.button.hot:active { background-color: #fb9a0e; } .home #button-bar #button-bar-box a.button.hot.disabled, .home #button-bar #button-bar-box a.button.hot[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .home #button-bar #button-bar-box a.button:hover { animation: shake 1.05s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; transition: transform 0.2s ease-in-out; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-3px, 0, 0); } 40%, 60% { transform: translate3d(3px, 0, 0); } } /* Home Sale Bar */ #sale a { display: block; margin: 0; padding: 0; } #sale a:hover { border-bottom: 0 !important; text-decoration: none !important; } #sale img:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } /* Home Repeater content */ .home #repeater { padding: 30px 20px 0; overflow: hidden; *zoom: 1; max-width: 1200px; margin-left: auto; margin-right: auto; } .home #repeater section { border-bottom: 1px solid #cccccc; display: block; margin: 0 0 40px; padding: 0 0 40px; text-align: center; } .home #repeater section:last-child { border: none; padding: 0; } @media (min-width: 1060px) { .home #repeater section { margin: 0 0 65px; padding: 0 0 65px; text-align: left; } } .old-ie .home #repeater section { margin: 0 0 65px; padding: 0 0 65px; text-align: left; } .home #repeater section h3 { color: #7ea04a; font-size: 32px; line-height: 44.8px; font-size: 3.2rem; line-height: 4.48rem; line-height: 1.2; font-weight: 400; margin: 10px 0 5px; } @media (min-width: 960px) { .home #repeater section h3 { margin: 80px 0 5px; } } .old-ie .home #repeater section h3 { margin: 80px 0 5px; } .home #repeater section p { font-size: 20px; line-height: 28px; font-size: 2rem; line-height: 2.8rem; margin: 0; } .home #repeater img { border: 7px solid #ffffff; } .home #repeater .dropshadow { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } @media (min-width: 960px) { .home #repeater .odd .left { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .home #repeater .odd .left:last-child { margin-right: 0; } .home #repeater .odd .right { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .home #repeater .odd .right:last-child { margin-right: 0; } } .old-ie .home #repeater .odd .left { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .old-ie .home #repeater .odd .left:last-child { margin-right: 0; } .old-ie .home #repeater .odd .right { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .old-ie .home #repeater .odd .right:last-child { margin-right: 0; } @media (min-width: 960px) { .home #repeater .even .left { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .home #repeater .even .left:last-child { margin-right: 0; } .home #repeater .even .right { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .home #repeater .even .right:last-child { margin-right: 0; } } .old-ie .home #repeater .even .left { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .old-ie .home #repeater .even .left:last-child { margin-right: 0; } .old-ie .home #repeater .even .right { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .old-ie .home #repeater .even .right:last-child { margin-right: 0; } /* Home logo bar */ .home #icon-bar { border-top: 1px solid #a6a6a6; padding: 20px 0; width: 100%; } .home #icon-bar #icon-bar-box { margin: 0 auto; max-width: 1060px; } .home #icon-bar #icon-bar-box h3 { font-weight: 400; margin: 0; padding-bottom: 10px; text-align: center; } .home #icon-bar #icon-bar-box #icons { align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-around; } @media (min-width: 760px) { .home #icon-bar #icon-bar-box #icons { flex-direction: row; } } .old-ie .home #icon-bar #icon-bar-box #icons { flex-direction: row; } .home #icon-bar #icon-bar-box #icons img.icon { margin: 10px auto; width: auto; } @media (min-width: 1060px) { .home #icon-bar #icon-bar-box #icons img.icon { margin: auto; max-width: 140px; width: auto; } } .old-ie .home #icon-bar #icon-bar-box #icons img.icon { margin: auto; max-width: 140px; width: auto; } /* Bundle Repeater content */ .page-template-bundle #repeater { padding: 30px 20px 0; overflow: hidden; *zoom: 1; max-width: 1200px; margin-left: auto; margin-right: auto; } .page-template-bundle #repeater section { border-bottom: 1px solid #cccccc; display: block; margin: 0 0 40px; padding: 0 0 40px; text-align: center; } .page-template-bundle #repeater section:last-child { border: none; padding: 0; } @media (min-width: 1060px) { .page-template-bundle #repeater section { margin: 0 0 65px; padding: 0 0 65px; text-align: left; } } .old-ie .page-template-bundle #repeater section { margin: 0 0 65px; padding: 0 0 65px; text-align: left; } .page-template-bundle #repeater section h3 { color: #7ea04a; font-size: 30px; line-height: 42px; font-size: 3rem; line-height: 4.2rem; line-height: 1.2; font-weight: 400; margin: 10px 0 5px; } @media (min-width: 960px) { .page-template-bundle #repeater section h3 { margin: 10px 0 5px; } } .old-ie .page-template-bundle #repeater section h3 { margin: 10px 0 5px; } .page-template-bundle #repeater section p { font-size: 17px; line-height: 23.8px; font-size: 1.7rem; line-height: 2.38rem; margin: 0; } .page-template-bundle #repeater img { border: 7px solid #ffffff; } .page-template-bundle #repeater .dropshadow { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } @media (min-width: 960px) { .page-template-bundle #repeater .odd .left { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .page-template-bundle #repeater .odd .left:last-child { margin-right: 0; } .page-template-bundle #repeater .odd .right { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .page-template-bundle #repeater .odd .right:last-child { margin-right: 0; } } .old-ie .page-template-bundle #repeater .odd .left { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .old-ie .page-template-bundle #repeater .odd .left:last-child { margin-right: 0; } .old-ie .page-template-bundle #repeater .odd .right { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .old-ie .page-template-bundle #repeater .odd .right:last-child { margin-right: 0; } @media (min-width: 960px) { .page-template-bundle #repeater .even .left { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .page-template-bundle #repeater .even .left:last-child { margin-right: 0; } .page-template-bundle #repeater .even .right { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .page-template-bundle #repeater .even .right:last-child { margin-right: 0; } } .old-ie .page-template-bundle #repeater .even .left { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .old-ie .page-template-bundle #repeater .even .left:last-child { margin-right: 0; } .old-ie .page-template-bundle #repeater .even .right { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; } .old-ie .page-template-bundle #repeater .even .right:last-child { margin-right: 0; } /* Landing page hero section */ .page-template-splash2 #landing-hero { background-image: url(images/home-hero-640.jpg); -ms-background-position-x: center; -ms-background-position-y: bottom; background-position: center bottom; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); display: block; height: 500px; position: relative; width: 100%; } @media (min-width: 640px) { .page-template-splash2 #landing-hero { background-image: url(images/home-hero-1060.jpg); } } .old-ie .page-template-splash2 #landing-hero { background-image: url(images/home-hero-1060.jpg); } @media (min-width: 760px) { .page-template-splash2 #landing-hero { background-image: url(images/home-hero-1300.jpg); } } .old-ie .page-template-splash2 #landing-hero { background-image: url(images/home-hero-1300.jpg); } @media (min-width: 1300px) { .page-template-splash2 #landing-hero { background-image: url(images/home-hero-2000.jpg); } } .old-ie .page-template-splash2 #landing-hero { background-image: url(images/home-hero-2000.jpg); } .page-template-splash2 #landing-hero-cta-box { background-color: rgba(255, 255, 255, 0.9); border-radius: 2px; display: block; margin: 0 auto; max-width: 480px; padding: 22px; position: relative; text-align: center; top: 35px; z-index: 100; } @media (min-width: 960px) { .page-template-splash2 #landing-hero-cta-box { top: 90px; } } .old-ie .page-template-splash2 #landing-hero-cta-box { top: 90px; } .page-template-splash2 #landing-hero-cta-box h1 { font-size: 25px; line-height: 35px; font-size: 2.5rem; line-height: 3.5rem; line-height: 1.2; margin: 0 0 15px; padding: 0; } @media (min-width: 960px) { .page-template-splash2 #landing-hero-cta-box h1 { font-size: 29px; line-height: 40.6px; font-size: 2.9rem; line-height: 4.06rem; line-height: 1.2; } } .old-ie .page-template-splash2 #landing-hero-cta-box h1 { font-size: 29px; line-height: 40.6px; font-size: 2.9rem; line-height: 4.06rem; line-height: 1.2; } .page-template-splash2 #landing-hero-cta-box h4 { font-size: 19px; line-height: 26.6px; font-size: 1.9rem; line-height: 2.66rem; font-weight: 700; line-height: 1.2; margin: 0 0 20px; padding: 0; } @media (min-width: 960px) { .page-template-splash2 #landing-hero-cta-box h4 { font-size: 23px; line-height: 32.2px; font-size: 2.3rem; line-height: 3.22rem; } } .old-ie .page-template-splash2 #landing-hero-cta-box h4 { font-size: 23px; line-height: 32.2px; font-size: 2.3rem; line-height: 3.22rem; } .page-template-splash2 #landing-hero-cta-box p { font-size: 19px; line-height: 26.6px; font-size: 1.9rem; line-height: 2.66rem; font-weight: 400; } @media (min-width: 960px) { .page-template-splash2 #landing-hero-cta-box p { font-size: 21px; line-height: 29.4px; font-size: 2.1rem; line-height: 2.94rem; } } .old-ie .page-template-splash2 #landing-hero-cta-box p { font-size: 21px; line-height: 29.4px; font-size: 2.1rem; line-height: 2.94rem; } .page-template-splash2 #landing-hero-cta-box a.button { font-size: 19px; line-height: 26.6px; font-size: 1.9rem; line-height: 2.66rem; font-weight: 400; line-height: 1.2; } .page-template-splash2 #landing-hero-cta-box a.button i.fa { margin-left: 4px; } .page-template-splash2 #features { background: #ffffff; } .page-template-splash2 #features #features-box { margin: 0 auto; overflow: hidden; *zoom: 1; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 10px 20px 20px; position: relative; width: calc(100% - 40px); } @media (min-width: 960px) { .page-template-splash2 #features #features-box { padding: 0 0 20px; width: 100%; } } .old-ie .page-template-splash2 #features #features-box { padding: 0 0 20px; width: 100%; } .page-template-splash2 #features #features-box h2.headline { font-size: 30px; line-height: 42px; font-size: 3rem; line-height: 4.2rem; line-height: 1.2; margin-bottom: 30px; text-align: center; } .page-template-splash2 #features #features-box .buttonbar { clear: both; margin-bottom: 0; padding-top: 10px; text-align: center; } .page-template-splash2 #features #features-box .buttonbar a { font-size: 21px; line-height: 29.4px; font-size: 2.1rem; line-height: 2.94rem; font-weight: 400; line-height: 1.2; padding: 0.6em 1.5em; } .page-template-splash2 #features #features-box .buttonbar a:hover { padding: 0.6em 1.5em; } .page-template-splash2 #features #features-box .buttonbar a i.fa { margin-left: 4px; } .page-template-splash2 #features #features-box .feature { float: left; display: block; margin-right: 2.35765%; width: 100%; margin: 0 0 40px; } .page-template-splash2 #features #features-box .feature:last-child { margin-right: 0; } @media (min-width: 960px) { .page-template-splash2 #features #features-box .feature { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .page-template-splash2 #features #features-box .feature:last-child { margin-right: 0; } .page-template-splash2 #features #features-box .feature:nth-of-type(3n) { margin-right: 0; } } .old-ie .page-template-splash2 #features #features-box .feature { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; } .old-ie .page-template-splash2 #features #features-box .feature:last-child { margin-right: 0; } .old-ie .page-template-splash2 #features #features-box .feature:nth-of-type(3n) { margin-right: 0; } .page-template-splash2 #features #features-box .feature .text-container { display: block; margin: 0 0 0 40px; position: relative; } .page-template-splash2 #features #features-box .feature .text-container h4 { color: #7ea04a; font-weight: 400; font-size: 24px; line-height: 33.6px; font-size: 2.4rem; line-height: 3.36rem; margin: 0 0 0.2em; } .page-template-splash2 #features #features-box .feature .text-container p { line-height: 1.5; font-size: 16px; line-height: 22.4px; font-size: 1.6rem; line-height: 2.24rem; margin: 0; } .page-template-splash2 #features #features-box .feature .text-container:before { font-family: FontAwesome; display: inline-block; font-size: 24px; line-height: 33.6px; font-size: 2.4rem; line-height: 3.36rem; left: -34px; position: absolute; top: 2px; vertical-align: middle; } .page-template-splash2 #features #features-box .feature .text-container.aerials:before { content: "\f1c5"; } .page-template-splash2 #features #features-box .feature .text-container.building:before { content: "\f1ad"; } .page-template-splash2 #features #features-box .feature .text-container.road:before { content: "\f018"; } .page-template-splash2 #features #features-box .feature .text-container.map:before { content: "\f279"; } .page-template-splash2 #features #features-box .feature .text-container.export:before { content: "\f045"; } .page-template-splash2 #features #features-box .feature .text-container.up:before { content: "\f017"; } /* Responsive Map */ .video, .globe { height: 0; margin-bottom: 30px; overflow: hidden; position: relative; padding-bottom: 56.25%; padding-top: 35px; } .video iframe, .globe iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .globe { margin-bottom: 10px; } /* Scroll to top shortcode */ a.backtotop { cursor: pointer; font-size: 14px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; font-weight: 600; margin: 1em 0; padding: 5px 15px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); border: 10px solid blue; } a.backtotop:hover { text-decoration: none; } a.backtotop:hover { background-color: #176ea0; } a.backtotop:active { background-color: #156492; } a.backtotop.disabled, a.backtotop[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } a.backtotop::-moz-focus-inner { padding: 0 !important; margin: -1px !important; } a.backtotop:hover { color: #ffffff; } /* Accordions */ .accordion { margin-bottom: 40px; } .accordion h3.accordion-title { background-color: #7ea04a; color: #ffffff; font-size: 15px; line-height: 21px; font-size: 1.5rem; line-height: 2.1rem; padding: 8px 12px; position: relative; } .accordion h3.accordion-title.open { background-color: gray; } #accordion-2 h3.accordion-title { background-color: #fcab36; } #accordion-3 h3.accordion-title { background-color: #1a7db6; } /* Events */ .em-booking { margin: 15px 0 10px; } .em-booking .em-booking-form-details { padding: 10px 0; } @media (max-width: 640px) { .em-booking .input-name label, .em-booking .input-user_email label { display: block; float: none; } } .old-ie .em-booking .input-name label, .old-ie .em-booking .input-user_email label { display: block; float: none; } .css-events-list table.events-table { width: 95%; } .css-events-list table.events-table thead th { border: 0; background: transparent; color: #333333; font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; font-weight: 700; padding: 0 0 5px; text-align: left; text-transform: uppercase; } .css-events-list table.events-table tbody td { border-top: 1px solid #d6d6d6; padding: 15px 0; vertical-align: top; } .css-events-list table.events-table tbody td.date-time { font-size: 14px; line-height: 19.6px; font-size: 1.4rem; line-height: 1.96rem; } /* PDF Embedder */ .pdfemb-poweredby { display: none !important; } /* Button shortcode */ #main a.linkbutton { clear: both; display: block; font-size: 18px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; font-weight: 400; line-height: 1.3; margin: 10px 0; padding: 14px 20px 13px; position: relative; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); text-transform: uppercase; transition: background 0.15s ease-in-out; width: 100%; } #main a.linkbutton:hover { text-decoration: none; } #main a.linkbutton:hover { background-color: #176ea0; } #main a.linkbutton:active { background-color: #156492; } #main a.linkbutton.disabled, #main a.linkbutton[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #main a.linkbutton::-moz-focus-inner { padding: 0 !important; margin: -1px !important; } #main a.linkbutton span i.fa { font-size: 12px; line-height: 16.8px; font-size: 1.2rem; line-height: 1.68rem; margin-left: 8px; position: relative; top: -2px; } #main a.linkbutton:hover { font-size: 18px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; padding: 14px 20px 13px; transition: background 0.15s ease-in-out; } #main a.linkbutton:hover:hover { text-decoration: none; } #main a.linkbutton:hover:hover { background-color: #176ea0; } #main a.linkbutton:hover:active { background-color: #156492; } #main a.linkbutton:hover.disabled, #main a.linkbutton:hover[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #main a.linkbutton:hover::-moz-focus-inner { padding: 0 !important; margin: -1px !important; } /* Callout Box */ .callout-infobox { background-color: #FAE07C; clear: both; display: block; font-size: 16px; line-height: 22.4px; font-size: 1.6rem; line-height: 2.24rem; font-weight: 400; line-height: 1.3; margin: 1em auto; padding: 15px 20px 10px; width: 90%; } /* Crafty buttons */ .crafty-social-buttons { padding-bottom: 1em; } .crafty-social-buttons span.crafty-social-caption { font-size: 1.5rem !important; font-weight: 700 !important; margin-bottom: 0.5em; } .crafty-social-buttons ul li { background: none !important; padding-left: 0 !important; } .crafty-social-buttons ul li img { height: 32px; width: 32px; } /* Gravity Forms */ #main .content .gform_wrapper ul li { background: none; margin: 0; padding: 0 !important; } #main .content .gform_wrapper ul li.gfield { background: none !important; clear: left !important; } #main .content .gform_wrapper ul li.gsection { margin-bottom: 1em; } #main .content .gform_wrapper ul li.gsection h2.gsection_title { font-size: 1.4em !important; margin: 1em 0 0.2em !important; } #main .content .gform_wrapper .top_label .gfield_label { margin: 0 0 1px 0 !important; font-weight: bold; } #main .content .gform_wrapper .top_label .ginput_container { margin: 0 0 1em !important; } #main .content .gform_wrapper .top_label .gfield_description { font-size: 13px !important; font-style: italic; margin-top: -0.5em !important; padding: 0 0 1.5em !important; } #main .content .gform_wrapper .top_label input.medium, #main .content .gform_wrapper .top_label select.medium, #main .content .gform_wrapper .top_label textarea, #main .content .gform_wrapper .top_label textarea.medium { padding: 1% 8px !important; width: 98% !important; } @media (min-width: 760px) { #main .content .gform_wrapper .top_label input.medium, #main .content .gform_wrapper .top_label select.medium, #main .content .gform_wrapper .top_label textarea, #main .content .gform_wrapper .top_label textarea.medium { width: 48% !important; } } .old-ie #main .content .gform_wrapper .top_label input.medium, .old-ie #main .content .gform_wrapper .top_label select.medium, .old-ie #main .content .gform_wrapper .top_label textarea, .old-ie #main .content .gform_wrapper .top_label textarea.medium { width: 48% !important; } #main .content .gform_wrapper .gfield_checkbox li { margin-top: 12px !important; } @media (max-width: 480px) { #main .content .gform_wrapper .gfield_checkbox li { margin-top: 14px !important; } } .old-ie #main .content .gform_wrapper .gfield_checkbox li { margin-top: 14px !important; } #main .content .gform_wrapper .gfield_checkbox li input[type="checkbox"] { margin-top: 0 !important; } #main .content .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], #main .content .gform_wrapper.gf_browser_chrome .gfield_checkbox li input { background: none; border: 0; outline: none; } #main .content .gform_wrapper .gfield_radio li { margin-top: 8px !important; } @media (max-width: 480px) { #main .content .gform_wrapper .gfield_radio li { margin-top: 14px !important; } } .old-ie #main .content .gform_wrapper .gfield_radio li { margin-top: 14px !important; } #main .content .gform_wrapper .gfield_radio li input[type="radio"] { margin-top: 5px !important; } #main .content .gform_wrapper .gform_footer { padding: 0 0 10px 0 !important; margin: 0 !important; clear: both; } #main .content .gform_wrapper .gform_footer input[type="submit"] { cursor: pointer; font-size: 16px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; padding: 9px 15px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); transition: background 0.2s ease-in-out; width: 50% !important; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover { text-decoration: none; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover { background-color: #176ea0; } #main .content .gform_wrapper .gform_footer input[type="submit"]:active { background-color: #156492; } #main .content .gform_wrapper .gform_footer input[type="submit"].disabled, #main .content .gform_wrapper .gform_footer input[type="submit"][disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #main .content .gform_wrapper .gform_footer input[type="submit"]::-moz-focus-inner { padding: 0 !important; margin: -1px !important; } @media (min-width: 480px) { #main .content .gform_wrapper .gform_footer input[type="submit"] { width: auto !important; } } .old-ie #main .content .gform_wrapper .gform_footer input[type="submit"] { width: auto !important; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover { font-size: 16px; padding: 0.5em 1.5em; display: inline-block; cursor: pointer; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A7DB6', endColorstr='#FF0D405D'); background-color: #1a7db6; border: 0; color: #ffffff; padding: 9px 15px; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover:hover { text-decoration: none; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover:hover { background-color: #176ea0; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover:active { background-color: #156492; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover.disabled, #main .content .gform_wrapper .gform_footer input[type="submit"]:hover[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background: false; cursor: default; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #main .content .gform_wrapper .gform_footer input[type="submit"]:hover::-moz-focus-inner { padding: 0 !important; margin: -1px !important; } /* For old IE */ .gf_browser_ie.gform_wrapper .gfield_checkbox li input[type=checkbox], .gf_browser_ie.gform_wrapper .gfield_radio li input[type=radio], .gf_browser_ie.gform_wrapper .gfield_checkbox li input { background: none; border: none; outline: none; } .gf_browser_ie.gform_wrapper .gform_footer input.button { padding: 6px 11px !important; } .gform_wrapper li#field_6_10 .ginput_post_image_caption label, .gform_wrapper li#field_6_10 .ginput_post_image_description label { font-size: 14px !important; } .gform_wrapper li#field_6_10 .ginput_post_image_caption input[type="text"], .gform_wrapper li#field_6_10 .ginput_post_image_description input[type="text"] { padding: 1% 8px !important; width: 48% !important; }