body								{ font-family: 'Montserrat';
                                      color: #000000;
                                      margin: auto;
									  background-color: #f1f1f1;}
footer                              { background-color: #f1f1f1;
                                      color: #000000;
                                    }

.edit-mode							{ outline: 1px dashed #999; }
.edit-mode input					{ width:100%; border: 0 none; background-color: transparent; font-weight: inherit; color: inherit; text-align: inherit; text-shadow: inherit;}
.fa-save, .fa-undo		            { display: none; }
.edit-mode .fa-save,
    .edit-mode .fa-undo             { display: inline; }
.edit-mode .fa-edit,
	.edit-mode .fa-trash,
	.edit-mode .fa-chevron-circle-up,
	.edit-mode .fa-chevron-circle-down,			
	.edit-mode .fa-paint-roller,
    .edit-mode .fa-tools            { display: none; }

.puko-content-block 				{ position: relative; }
body.admin .puko-content-block .row-wrapper > * { outline: 1px dashed #333333; }
.puko-inline-tools-wrapper			{ max-width: 1280px; position: relative; margin: auto; z-index: 2;}
.puko-inline-tools					{ position: absolute; right: 1rem; top: 1rem; background-color: #ffffff; border: 3px solid #ffffff; border-radius: 3px; }
.puko-inline-tools i svg			{ margin: 0 0.5rem; cursor: pointer; }

.container-full						{ width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; }

.image-preview-container			{ display: inline-block; cursor: pointer; width: 120px; height: 120px; margin: 5px; text-align: center; background-color: #efefef; border: 1px solid #ededed; line-height: 114px; }
.image-preview						{ max-width: 118px; max-height: 118px;}
.circle								{ border-radius: 50%; }
.rounded							{ border-radius: 2rem !important; }

.max-width,
	div.puko-content-block div.row      { max-width: 1280px; margin: auto; }
	
.row-wrapper		      			    { padding: 2rem 0; }
div.component-image		                { text-align: center; }
div.component-image img		            { width: 100%; position: relative; }
div.component-image:after			    { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
body.admin div.component-image:after    { display: none; }
div.component-image img.horizontal-fill { }
div.component-image img.vertical-fill   { width: auto; max-height: 90vh; }
div.component-image img.original-size   { width: auto; }
div.component-image img.stretch         { max-height: 90vh; }

#add-type-button					{ text-align: center; font-size: 10rem; }

/* fonts */
h1, h2, h3                          { font-family: 'Cardo', cursive; }

/* colors */
h1, h2, h3, a, a:link, a:active, 
	a:visited, a:hover				{ color: #223535; }

/* background-colors */
.puko-menu-primary-background       { background-color: #015656; color: #ffffff; }
.puko-menu-admin                    { background-color: #4f4f4f; }
.puko-menu-admin .puko-navbar a.navbar-brand { padding: 1rem 0.5rem; }

/* highlight */
.puko-highlight {
    border: 1px solid #4195fc; /* some kind of blue border */
    /* round the corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* make it glow! */
    -webkit-box-shadow: 0px 0px 4px #4195fc;
    -moz-box-shadow: 0px 0px 4px #4195fc;
    box-shadow: 0px 0px 4px #4195fc; /* some variation of blue for the shadow */
}

/* nav */
.puko-navbar .site-name				{ position: absolute; font-weight: bold; }
.puko-navbar 						{ padding: 0; z-index: 999; }
.puko-navbar .navbar-nav .nav-link	{ padding-right: 1.5rem; padding-left: 1.5rem; }
.puko-navbar a.nav-link				{ padding: 1rem 0.5rem; }
.puko-navbar a.nav-link,
	.puko-navbar .navbar-toggler,
	.puko-navbar a.navbar-brand		{ color: #ffffff; }
.puko-navbar a.navbar-brand         { color: #ffffff; padding: 1rem 0.5rem; }

.puko-navbar a.nav-link:hover,
	.puko-navbar a.active			{ background-color: #5c717a; color: #ffffff; }

	
/* components */
.puko-content-block:first-child .puko-banner-image { padding-top: 0; }
.puko-banner-image { position: relative; }
.puko-banner-image .puko-banner-title { position: absolute; top: 50%; transform: translate(0, -75%); width: 100%; }
.puko-banner-image h1 { text-align: center; font-size: 5rem; text-shadow: 2px 2px rgba(255,255,255,0.5); }
.puko-banner-image h2 { text-align: center; font-size: 3rem; text-shadow: 2px 2px rgba(255,255,255,0.5); }


/* scheme color classes */
.scheme-color-background {
        background-color: #f1f1f1;
        color: #000000;
    }
.scheme-color-footer {
        background-color: #f1f1f1;
        color: #000000;
    }
.scheme-color-header {
        background-color: #223535;
        color: #ffffff;
    }
.scheme-color-menu_primary {
        background-color: #015656;
        color: #ffffff;
    }
.scheme-color-menu_secondary {
        background-color: #5c717a;
        color: #ffffff;
    }
.scheme-color-text {
        background-color: #000000;
        color: #ffffff;
    }
.scheme-color-background h1, .scheme-color-background h2, .scheme-color-background h3, .scheme-color-background h4, .scheme-color-background h5, .scheme-color-background h6  {
        color: #000000;
    }
.scheme-color-footer h1, .scheme-color-footer h2, .scheme-color-footer h3, .scheme-color-footer h4, .scheme-color-footer h5, .scheme-color-footer h6  {
        color: #000000;
    }
.scheme-color-header h1, .scheme-color-header h2, .scheme-color-header h3, .scheme-color-header h4, .scheme-color-header h5, .scheme-color-header h6  {
        color: #ffffff;
    }
.scheme-color-menu_primary h1, .scheme-color-menu_primary h2, .scheme-color-menu_primary h3, .scheme-color-menu_primary h4, .scheme-color-menu_primary h5, .scheme-color-menu_primary h6  {
        color: #ffffff;
    }
.scheme-color-menu_secondary h1, .scheme-color-menu_secondary h2, .scheme-color-menu_secondary h3, .scheme-color-menu_secondary h4, .scheme-color-menu_secondary h5, .scheme-color-menu_secondary h6  {
        color: #ffffff;
    }
.scheme-color-text h1, .scheme-color-text h2, .scheme-color-text h3, .scheme-color-text h4, .scheme-color-text h5, .scheme-color-text h6  {
        color: #ffffff;
    }
.scheme-color-background a, .scheme-color-background a:active, .scheme-color-background a:hover, .scheme-color-background a:visited  {
        color: #000000;
    	font-weight: bold;
    }
.scheme-color-footer a, .scheme-color-footer a:active, .scheme-color-footer a:hover, .scheme-color-footer a:visited  {
        color: #000000;
    	font-weight: bold;
    }
.scheme-color-header a, .scheme-color-header a:active, .scheme-color-header a:hover, .scheme-color-header a:visited  {
        color: #ffffff;
    	font-weight: bold;
    }
.scheme-color-menu_primary a, .scheme-color-menu_primary a:active, .scheme-color-menu_primary a:hover, .scheme-color-menu_primary a:visited  {
        color: #ffffff;
    	font-weight: bold;
    }
.scheme-color-menu_secondary a, .scheme-color-menu_secondary a:active, .scheme-color-menu_secondary a:hover, .scheme-color-menu_secondary a:visited  {
        color: #ffffff;
    	font-weight: bold;
    }
.scheme-color-text a, .scheme-color-text a:active, .scheme-color-text a:hover, .scheme-color-text a:visited  {
        color: #ffffff;
    	font-weight: bold;
    }
body.admin .puko-content-block .row-wrapper.scheme-color-background > * {
		outline: 1px dashed #000000;
    }
body.admin .puko-content-block .row-wrapper.scheme-color-footer > * {
		outline: 1px dashed #000000;
    }
body.admin .puko-content-block .row-wrapper.scheme-color-header > * {
		outline: 1px dashed #ffffff;
    }
body.admin .puko-content-block .row-wrapper.scheme-color-menu_primary > * {
		outline: 1px dashed #ffffff;
    }
body.admin .puko-content-block .row-wrapper.scheme-color-menu_secondary > * {
		outline: 1px dashed #ffffff;
    }
body.admin .puko-content-block .row-wrapper.scheme-color-text > * {
		outline: 1px dashed #ffffff;
    }


@media (max-width: 575px) {
	.col-sm {
	    margin-bottom: 2rem;
	}
}