/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@font-face {
    font-family: 'verbcompregular';
    src: url('../fonts/verbcompregular-webfont.eot');
    src: url('../fonts/verbcompregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/verbcompregular-webfont.woff') format('woff'),
         url('../fonts/verbcompregular-webfont.ttf') format('truetype'),
         url('../fonts/verbcompregular-webfont.svg#verbcompregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.cke_editable p,
.cke_editable div {
font-size: 1em;
line-height:1.8;
color:#2A3536;
}

/**
 *
 *
 * basic styles
 *
 *
 *
 * */

body {
font-size: 0.9em;
line-height:1.8;
}

.cke_editable, .form-type-checkbox label, .form-type-radio label {
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

body, .form-type-checkbox label, .form-type-radio label, textarea, input, select, .zone-menu ul.nice-menu a, .zone-menu ul.nice-menu span, .site-slogan {
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
.zone-menu ul.nice-menu a,
.zone-menu ul.nice-menu span,
label, legend,
.read-more a,
.submitted,
.toboggan-unified #login-message,
.form-item-title input,
table caption
{
font-family: "verbcompregular","Arial Narrow", Arial, sans-serif;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
.site-slogan,
.zone-menu ul.nice-menu a,
.zone-menu ul.nice-menu span,
label, legend,
.read-more a,
.submitted,
table th,
.toboggan-unified #login-message,
.views-exposed-form label  {
font-weight:normal;
}

h1, .h1 {
font-size:2.4em;
}

h2, .h2,
.toboggan-unified #login-message,
.views-exposed-form label {
font-size:1.8em;
}

h3, .h3, label, fieldset legend {
font-size:1.5em;
}

h4, .h4,
.vertical-tabs label,
#system-modules label,
#edit-upload .form-item label,
.form-item-title input,
table caption {
font-size:1.3em;
}


a,
a:link,
a:active,
a:visited {
color:#333;
text-decoration:none;
}

a:hover {
color:#000;
}

hr {
height:2px;
width:100%;
margin:1.5em 0;
border:none;
background:#ebf2f2;
}

p {
padding: 0.6em 0;
}

sup, sub {
font-size:66%;
}

sup {
vertical-align:super;
}

sub {
vertical-align:sub;
}

article ul, article ol {
list-style-position:outside;
padding-left: 1em;
}

.text-right {
text-align:right;
}

.text-left {
text-align:left;
}

.text-center {
text-align:center;
}

.text-just {
text-align:justify;
}

img,
iframe {
max-width:100%;
}
img {
height:auto;
}

.zone-branding a,
.zone-branding a:link,
.zone-branding a:active,
.zone-branding a:visited,
.color-1,
.color-1 a,
.color-1 a:link,
.color-1 a:active,
.color-1 a:visited,
sup,
sub,
sup a:link,
sup a:visited,
sup a:active,
sub a:link,
sub a:visited,
sub a:active
 {
color:#a60000;
text-decoration:none;
}

span.table-source {
    float: right;
    display: block;
    width: 100%;
    margin-top: -1em;
    margin-bottom: 1em;
    text-align: right;
    margin-right: 1em;
    font-size: 0.85em;
    color: #888;
}

/*

basic system styles

*/

input.form-checkbox, input.form-radio {
margin: 5px; }

table {
margin:1em 0;
width:100%;
border-spacing: 2px;
border-collapse: separate;
}

thead {
background:#a60000;
color:#fff;
}

thead a,
thead a:link,
thead a:active,
thead a:visited,
thead a:hover {
color:#fff;
}

td, th {
vertical-align:middle;
padding: 0.5em 1em;
}

.zone-content td {
background-color:#EBF2F2;
}

/*tr.even {
background-color: #eee;
border-bottom: 1px solid #ddd;}
*/
tr.odd {
background-color: #e1eded;
}


/**
 *
 *
 *CKE show blocks
 *
 */

.cke_show_blocks p,
.cke_show_blocks div,
.cke_show_blocks pre,
.cke_show_blocks address,
.cke_show_blocks blockquote,
.cke_show_blocks h1,
.cke_show_blocks h2,
.cke_show_blocks h3,
.cke_show_blocks h4,
.cke_show_blocks h5,
.cke_show_blocks h6 {
background:none !important;
}
.cke_show_blocks p::before,
.cke_show_blocks div::before,
.cke_show_blocks pre::before,
.cke_show_blocks address::before,
.cke_show_blocks blockquote::before,
.cke_show_blocks h1::before,
.cke_show_blocks h2::before,
.cke_show_blocks h3::before,
.cke_show_blocks h4::before,
.cke_show_blocks h5::before,
.cke_show_blocks h6::before {
display: block;
font-size: small;
}

.cke_show_blocks h1::before,
.cke_show_blocks h2::before,
.cke_show_blocks h3::before,
.cke_show_blocks h4::before,
.cke_show_blocks h5::before,
.cke_show_blocks h6::before {
color:#d90;
}

.cke_show_blocks p::before {
content: "Paragraph";
color: #18C900;
}

.cke_show_blocks div::before {
content: "Div block";
color:#d00;
font-weight:bold;
}

.cke_show_blocks h1::before {
content: "Heading 1";
}

.cke_show_blocks h2::before {
content: "Heading 2";
}

.cke_show_blocks h3::before {
content: "Heading 3";
}

.cke_show_blocks h4::before {
content: "Heading 4";
}

.cke_show_blocks h5::before {
content: "Heading 5";
}

.cke_show_blocks h6::before {
content: "Heading 6";
}

.cke_show_blocks blockquote::before {
content: "Quote";
color:#0085ee;
}