.ccm-page {
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
/*
* A better looking default horizontal rule
*/
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
/*
* Remove default fieldset styles.
*/
/*
* Allow only vertical resizing of textareas.
*/
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
/*
* Hide visually and from screen readers, but maintain layout
*/
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
/*!
Pure v2.0.3
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/ }
.ccm-page html {
color: #222;
font-size: 1em;
line-height: 1.4; }
.ccm-page ::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
.ccm-page ::selection {
background: #b3d4fc;
text-shadow: none; }
.ccm-page hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
.ccm-page audio,
.ccm-page canvas,
.ccm-page iframe,
.ccm-page img,
.ccm-page svg,
.ccm-page video {
vertical-align: middle; }
.ccm-page fieldset {
border: 0;
margin: 0;
padding: 0; }
.ccm-page textarea {
resize: vertical; }
.ccm-page .hidden,
.ccm-page [hidden] {
display: none !important; }
.ccm-page .sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
/* 1 */ }
.ccm-page .sr-only.focusable:active,
.ccm-page .sr-only.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto; }
.ccm-page .invisible {
visibility: hidden; }
.ccm-page .clearfix::before,
.ccm-page .clearfix::after {
content: " ";
display: table; }
.ccm-page .clearfix::after {
clear: both; }
@media only screen and (min-width: 35em) {
.ccm-page {
/* Style adjustments for viewports that meet the condition */ } }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
.ccm-page {
/* Style adjustments for high resolution devices */ } }
@media print {
.ccm-page {
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
/*
* Printing Tables:
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
*/ }
.ccm-page *,
.ccm-page *::before,
.ccm-page *::after {
background: #fff !important;
color: #000 !important;
/* Black prints faster */
box-shadow: none !important;
text-shadow: none !important; }
.ccm-page a,
.ccm-page a:visited {
text-decoration: underline; }
.ccm-page a[href]::after {
content: " (" attr(href) ")"; }
.ccm-page abbr[title]::after {
content: " (" attr(title) ")"; }
.ccm-page a[href^="#"]::after,
.ccm-page a[href^="javascript:"]::after {
content: ""; }
.ccm-page pre {
white-space: pre-wrap !important; }
.ccm-page pre,
.ccm-page blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
.ccm-page thead {
display: table-header-group; }
.ccm-page tr,
.ccm-page img {
page-break-inside: avoid; }
.ccm-page p,
.ccm-page h2,
.ccm-page h3 {
orphans: 3;
widows: 3; }
.ccm-page h2,
.ccm-page h3 {
page-break-after: avoid; } }
.ccm-page p.logo {
width: 235px;
height: 77px;
background: url("../img/graham-marine-logo.png");
text-indent: -9999px; }
@media all and (min-width: 0px) and (max-width: 1024px) {
.ccm-page nav {
display: block;
width: 100%;
background: -webkit-linear-gradient(#007DC2 0%, #005A8C 100%); }
.ccm-page nav .mobile-nav-open-button {
display: block;
background: url("../img/mobile_nav_open_button.svg") no-repeat;
background-color: #005A8C;
cursor: pointer;
height: 40px;
width: 100%;
padding: 1em 0px 1em 2em;
box-sizing: border-box;
border-radius: 2px; }
.ccm-page nav ul.nav {
display: none;
padding-left: 0px;
list-style: none;
margin: 0px; }
.ccm-page nav ul.nav li {
padding: 1em 0px 1em 2em;
border-bottom: 2px dotted #e2effb; }
.ccm-page nav ul.nav a, .ccm-page nav ul.nav a:visited {
color: #e2effb;
text-transform: uppercase; }
.ccm-page nav ul.nav ul {
list-style: square; }
.ccm-page nav ul.nav ul li {
padding: .5em 1em .5em 0px;
border-bottom: none;
color: #fff; } }
@media all and (min-width: 1025px) {
.ccm-page ul.nav {
width: 100%;
border-bottom: 2px solid #fff;
background: #007DC2;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #007DC2 0%, #005A8C 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #007DC2 0%, #005A8C 100%);
/* Opera */
background-image: -o-linear-gradient(top, #007DC2 0%, #005A8C 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007DC2), color-stop(1, #005A8C));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #007DC2 0%, #005A8C 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #007DC2 0%, #005A8C 100%);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0; }
.ccm-page ul.nav a {
display: block;
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none; }
.ccm-page ul.nav, .ccm-page ul.nav li, .ccm-page ul.nav ul {
list-style: none;
margin: 0;
padding: 0;
color: #fff; }
.ccm-page ul.nav {
position: relative;
z-index: 597;
float: left; }
.ccm-page ul.nav li {
float: left;
line-height: 1.75em;
vertical-align: middle;
zoom: 1;
padding: 8px 23px;
border-right: 1px solid #004f7a; }
.ccm-page ul.nav li:last-child {
border-right: none; }
.ccm-page ul.nav li.hover, .ccm-page ul.nav li:hover {
position: relative;
z-index: 599;
cursor: default;
background: #B7B7B7;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFC), color-stop(1, #B7B7B7));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #FDFDFC 0%, #B7B7B7 100%); }
.ccm-page ul.nav li:hover a {
color: #333; }
.ccm-page ul.nav ul li:hover {
background: #fff; }
.ccm-page ul.nav ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 250px;
background: #e2effb; }
.ccm-page ul.nav ul li {
float: none;
border-bottom: dotted 2px #fff;
border-right: none; }
.ccm-page ul.nav ul li a {
font-weight: 400;
color: #005A8C !important; }
.ccm-page ul.nav ul ul {
top: -2px;
left: 100%; }
.ccm-page ul.nav li:hover > ul {
visibility: visible; }
.ccm-page li.nav-selected,
.ccm-page li.nav-path-selected {
background: #B7B7B7;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFC), color-stop(1, #B7B7B7));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FDFDFC 0%, #B7B7B7 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #FDFDFC 0%, #B7B7B7 100%); }
.ccm-page li.nav-path-selected a {
color: #333 !important; }
.ccm-page ul ul li.nav-path-selected {
background: #fff !important; } }
.ccm-page div.frame {
max-width: 1140px;
margin: auto; }
.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6 {
font-family: source-sans-pro, sans-serif;
font-weight: 600;
font-style: normal;
color: #464646; }
.ccm-page p, .ccm-page ul, .ccm-page li, .ccm-page ol, .ccm-page blockquote, .ccm-page a, .ccm-page form, .ccm-page label {
font-family: source-sans-pro, sans-serif;
font-weight: 400;
font-style: normal;
color: #666; }
.ccm-page a,
.ccm-page a:visited {
font-weight: 600;
color: #0072BC;
text-decoration: none;
transition: all ease-in-out .2s; }
.ccm-page a:hover {
color: #0a9eff; }
.ccm-page b, .ccm-page strong {
font-weight: 600; }
.ccm-page hr {
clear: both;
margin: 2em 0 2em 0;
height: 1px;
color: #ccc; }
.ccm-page img {
max-width: 100%;
width: auto;
height: auto; }
@media all and (min-width: 768px) {
.ccm-page .is-right {
float: right; } }
.ccm-page section.collage {
display: block;
border-top: solid 2px #fff; }
.ccm-page section.collage p {
margin-bottom: none; }
.ccm-page section.collage img {
max-width: 100%;
z-index: auto; }
.ccm-page section.main {
background-color: #fff;
overflow: auto;
padding: 2em 2em 2em 2em;
box-shadow: 0 0 10px #ccc;
border-radius: 5px; }
@media all and (min-width: 1024px) {
.ccm-page section.main {
padding: 2em 4em 2em 4em; } }
.ccm-page section.main h1 {
font-size: 28px; }
.ccm-page section.main h2 {
font-size: 24px; }
.ccm-page section.main h3 {
font-size: 21px; }
.ccm-page section.main p {
font-size: 18px;
line-height: 1.25em; }
.ccm-page section.main .sidebar ul {
padding-left: 0px;
list-style: none; }
.ccm-page section.main .sidebar a:link,
.ccm-page section.main .sidebar a:visited {
display: block;
padding: 1em .7em 1em .7em;
border-bottom: 1px solid #dad9d9;
color: #0072BC;
text-decoration: none;
text-transform: uppercase; }
.ccm-page section.main .sidebar a:before {
content: "> "; }
.ccm-page section.main .sidebar a:hover {
background-color: #eff6fb; }
.ccm-page section.main .page_list_sidebar a:link,
.ccm-page section.main .page_list_sidebar a:visited {
display: block;
padding: 1em .7em 1em .7em;
border-bottom: 1px solid #dad9d9;
color: #0072BC;
text-decoration: none;
text-transform: uppercase; }
.ccm-page section.main .page_list_sidebar a:before {
content: "> "; }
.ccm-page section.main .page_list_sidebar a:hover {
background-color: #eff6fb; }
.ccm-page section.main .page_list_sidebar div.ccm-block-page-list-page-entry {
margin-bottom: 0px; }
@media all and (min-width: 768px) {
.ccm-page div.cols.cols-right-sidebar {
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 40px; } }
.ccm-page footer {
text-transform: uppercase;
font-size: 85%;
font-weight: 600;
margin-top: 2em;
margin-bottom: 2em; }
@media all and (min-width: 768px) {
.ccm-page footer div.ftr-grid {
display: grid;
grid-template-columns: 3fr 1fr;
grid-column-gap: 40px; } }
.ccm-page footer ul.ftr-nav {
padding-left: 0px;
list-style: none;
display: inline-block;
width: 100%;
margin-top: 0px;
position: relative;
top: -8px; }
@media all and (min-width: 1024px) {
.ccm-page footer ul.ftr-nav li {
float: left;
padding-right: .5em; }
.ccm-page footer ul.ftr-nav li:last-child {
padding-right: 0px; }
.ccm-page footer ul.ftr-nav li:after {
content: '|';
padding-left: .5em; }
.ccm-page footer ul.ftr-nav li:last-child:after {
content: ''; } }
.ccm-page footer ul.ftr-nav li.nav-selected, .ccm-page footer ul.ftr-nav li.nav-path-selected {
background: none; }
.ccm-page footer ul.ftr-nav li a {
color: #464646;
transition: all ease-in-out .2s; }
.ccm-page footer ul.ftr-nav li a:hover {
color: #6c6c6c; }
.ccm-page .pure-form input[type=color], .ccm-page .pure-form input[type=date], .ccm-page .pure-form input[type=datetime-local], .ccm-page .pure-form input[type=datetime], .ccm-page .pure-form input[type=email], .ccm-page .pure-form input[type=month], .ccm-page .pure-form input[type=number], .ccm-page .pure-form input[type=password], .ccm-page .pure-form input[type=search], .ccm-page .pure-form input[type=tel], .ccm-page .pure-form input[type=text], .ccm-page .pure-form input[type=time], .ccm-page .pure-form input[type=url], .ccm-page .pure-form input[type=week], .ccm-page .pure-form select, .ccm-page .pure-form textarea {
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 3px #ddd;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.ccm-page .pure-form input:not([type]) {
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 3px #ddd;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.ccm-page .pure-form input[type=color] {
padding: .2em .5em; }
.ccm-page .pure-form input[type=color]:focus, .ccm-page .pure-form input[type=date]:focus, .ccm-page .pure-form input[type=datetime-local]:focus, .ccm-page .pure-form input[type=datetime]:focus, .ccm-page .pure-form input[type=email]:focus, .ccm-page .pure-form input[type=month]:focus, .ccm-page .pure-form input[type=number]:focus, .ccm-page .pure-form input[type=password]:focus, .ccm-page .pure-form input[type=search]:focus, .ccm-page .pure-form input[type=tel]:focus, .ccm-page .pure-form input[type=text]:focus, .ccm-page .pure-form input[type=time]:focus, .ccm-page .pure-form input[type=url]:focus, .ccm-page .pure-form input[type=week]:focus, .ccm-page .pure-form select:focus, .ccm-page .pure-form textarea:focus {
outline: 0;
border-color: #129fea; }
.ccm-page .pure-form input:not([type]):focus {
outline: 0;
border-color: #129fea; }
.ccm-page .pure-form input[type=checkbox]:focus, .ccm-page .pure-form input[type=file]:focus, .ccm-page .pure-form input[type=radio]:focus {
outline: thin solid #129fea;
outline: 1px auto #129fea; }
.ccm-page .pure-form .pure-checkbox, .ccm-page .pure-form .pure-radio {
margin: .5em 0;
display: block; }
.ccm-page .pure-form input[type=color][disabled], .ccm-page .pure-form input[type=date][disabled], .ccm-page .pure-form input[type=datetime-local][disabled], .ccm-page .pure-form input[type=datetime][disabled], .ccm-page .pure-form input[type=email][disabled], .ccm-page .pure-form input[type=month][disabled], .ccm-page .pure-form input[type=number][disabled], .ccm-page .pure-form input[type=password][disabled], .ccm-page .pure-form input[type=search][disabled], .ccm-page .pure-form input[type=tel][disabled], .ccm-page .pure-form input[type=text][disabled], .ccm-page .pure-form input[type=time][disabled], .ccm-page .pure-form input[type=url][disabled], .ccm-page .pure-form input[type=week][disabled], .ccm-page .pure-form select[disabled], .ccm-page .pure-form textarea[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3; }
.ccm-page .pure-form input:not([type])[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3; }
.ccm-page .pure-form input[readonly], .ccm-page .pure-form select[readonly], .ccm-page .pure-form textarea[readonly] {
background-color: #eee;
color: #777;
border-color: #ccc; }
.ccm-page .pure-form input:focus:invalid, .ccm-page .pure-form select:focus:invalid, .ccm-page .pure-form textarea:focus:invalid {
color: #b94a48;
border-color: #e9322d; }
.ccm-page .pure-form input[type=checkbox]:focus:invalid:focus, .ccm-page .pure-form input[type=file]:focus:invalid:focus, .ccm-page .pure-form input[type=radio]:focus:invalid:focus {
outline-color: #e9322d; }
.ccm-page .pure-form select {
height: 2.25em;
border: 1px solid #ccc;
background-color: #fff; }
.ccm-page .pure-form select[multiple] {
height: auto; }
.ccm-page .pure-form label {
margin: .5em 0 .2em; }
.ccm-page .pure-form fieldset {
margin: 0;
padding: .35em 0 .75em;
border: 0; }
.ccm-page .pure-form legend {
display: block;
width: 100%;
padding: .3em 0;
margin-bottom: .3em;
color: #333;
border-bottom: 1px solid #e5e5e5; }
.ccm-page .pure-form-stacked input[type=color], .ccm-page .pure-form-stacked input[type=date], .ccm-page .pure-form-stacked input[type=datetime-local], .ccm-page .pure-form-stacked input[type=datetime], .ccm-page .pure-form-stacked input[type=email], .ccm-page .pure-form-stacked input[type=file], .ccm-page .pure-form-stacked input[type=month], .ccm-page .pure-form-stacked input[type=number], .ccm-page .pure-form-stacked input[type=password], .ccm-page .pure-form-stacked input[type=search], .ccm-page .pure-form-stacked input[type=tel], .ccm-page .pure-form-stacked input[type=text], .ccm-page .pure-form-stacked input[type=time], .ccm-page .pure-form-stacked input[type=url], .ccm-page .pure-form-stacked input[type=week], .ccm-page .pure-form-stacked label, .ccm-page .pure-form-stacked select, .ccm-page .pure-form-stacked textarea {
display: block;
margin: .25em 0; }
.ccm-page .pure-form-stacked input:not([type]) {
display: block;
margin: .25em 0; }
.ccm-page .pure-form-aligned input, .ccm-page .pure-form-aligned select, .ccm-page .pure-form-aligned textarea, .ccm-page .pure-form-message-inline {
display: inline-block;
vertical-align: middle; }
.ccm-page .pure-form-aligned textarea {
vertical-align: top; }
.ccm-page .pure-form-aligned .pure-control-group {
margin-bottom: .5em; }
.ccm-page .pure-form-aligned .pure-control-group label {
text-align: right;
display: inline-block;
vertical-align: middle;
width: 10em;
margin: 0 1em 0 0; }
.ccm-page .pure-form-aligned .pure-controls {
margin: 1.5em 0 0 11em; }
.ccm-page .pure-form .pure-input-rounded, .ccm-page .pure-form input.pure-input-rounded {
border-radius: 2em;
padding: .5em 1em; }
.ccm-page .pure-form .pure-group fieldset {
margin-bottom: 10px; }
.ccm-page .pure-form .pure-group input, .ccm-page .pure-form .pure-group textarea {
display: block;
padding: 10px;
margin: 0 0 -1px;
border-radius: 0;
position: relative;
top: -1px; }
.ccm-page .pure-form .pure-group input:focus, .ccm-page .pure-form .pure-group textarea:focus {
z-index: 3; }
.ccm-page .pure-form .pure-group input:first-child, .ccm-page .pure-form .pure-group textarea:first-child {
top: 1px;
border-radius: 4px 4px 0 0;
margin: 0; }
.ccm-page .pure-form .pure-group input:first-child:last-child, .ccm-page .pure-form .pure-group textarea:first-child:last-child {
top: 1px;
border-radius: 4px;
margin: 0; }
.ccm-page .pure-form .pure-group input:last-child, .ccm-page .pure-form .pure-group textarea:last-child {
top: -2px;
border-radius: 0 0 4px 4px;
margin: 0; }
.ccm-page .pure-form .pure-group button {
margin: .35em 0; }
.ccm-page .pure-form .pure-input-1 {
width: 100%; }
.ccm-page .pure-form .pure-input-3-4 {
width: 75%; }
.ccm-page .pure-form .pure-input-2-3 {
width: 66%; }
.ccm-page .pure-form .pure-input-1-2 {
width: 50%; }
.ccm-page .pure-form .pure-input-1-3 {
width: 33%; }
.ccm-page .pure-form .pure-input-1-4 {
width: 25%; }
.ccm-page .pure-form-message-inline {
display: inline-block;
padding-left: .3em;
color: #666;
vertical-align: middle;
font-size: .875em; }
.ccm-page .pure-form-message {
display: block;
color: #666;
font-size: .875em; }
@media only screen and (max-width: 480px) {
.ccm-page .pure-form button[type=submit] {
margin: .7em 0 0; }
.ccm-page .pure-form input:not([type]), .ccm-page .pure-form input[type=color], .ccm-page .pure-form input[type=date], .ccm-page .pure-form input[type=datetime-local], .ccm-page .pure-form input[type=datetime], .ccm-page .pure-form input[type=email], .ccm-page .pure-form input[type=month], .ccm-page .pure-form input[type=number], .ccm-page .pure-form input[type=password], .ccm-page .pure-form input[type=search], .ccm-page .pure-form input[type=tel], .ccm-page .pure-form input[type=text], .ccm-page .pure-form input[type=time], .ccm-page .pure-form input[type=url], .ccm-page .pure-form input[type=week], .ccm-page .pure-form label {
margin-bottom: .3em;
display: block; }
.ccm-page .pure-group input:not([type]), .ccm-page .pure-group input[type=color], .ccm-page .pure-group input[type=date], .ccm-page .pure-group input[type=datetime-local], .ccm-page .pure-group input[type=datetime], .ccm-page .pure-group input[type=email], .ccm-page .pure-group input[type=month], .ccm-page .pure-group input[type=number], .ccm-page .pure-group input[type=password], .ccm-page .pure-group input[type=search], .ccm-page .pure-group input[type=tel], .ccm-page .pure-group input[type=text], .ccm-page .pure-group input[type=time], .ccm-page .pure-group input[type=url], .ccm-page .pure-group input[type=week] {
margin-bottom: 0; }
.ccm-page .pure-form-aligned .pure-control-group label {
margin-bottom: .3em;
text-align: left;
display: block;
width: 100%; }
.ccm-page .pure-form-aligned .pure-controls {
margin: 1.5em 0 0 0; }
.ccm-page .pure-form-message, .ccm-page .pure-form-message-inline {
display: block;
font-size: .75em;
padding: .2em 0 .8em; } }
.ccm-page .form-stacked.pure-form.contact input,
.ccm-page .form-stacked.pure-form.contact select {
display: block;
width: 100%; }
.ccm-page .form-stacked.pure-form.contact label, .ccm-page .form-stacked.pure-form.contact span.text-muted.small {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
padding: .5em 0px; }
.ccm-page .form-stacked.pure-form.contact .submit {
display: inline-block;
border: none;
padding: 1rem 2rem;
margin: 0;
text-decoration: none;
background: #0072BC;
color: #ffffff;
font-family: sans-serif;
font-size: 1rem;
line-height: 1;
cursor: pointer;
text-align: center;
transition: background 250ms ease-in-out, transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none; }
.ccm-page .form-stacked.pure-form.contact button:hover,
.ccm-page .form-stacked.pure-form.contact button:focus {
background: #004470; }
.ccm-page .form-stacked.pure-form.contact button:focus {
outline: 1px solid #fff;
outline-offset: -4px; }
.ccm-page .form-stacked.pure-form.contact button:active {
transform: scale(0.99); }
body {
background-color: #eee;
margin: 2em 20px 0 20px; }
/*# sourceMappingURL=main.css.map */