body								{ font-family: 'Barlow Semi Condensed'; margin: auto; 
									  background-color: #f5edf7;
									font-size: 1.25rem; }

.edit-mode							{ outline: 1px dashed #999; }
.edit-mode input					{ width:100%; border: 0 none; background-color: transparent; font-weight: 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		{ display: none; }

.puko-content-block 				{ position: relative; }
.puko-inline-tools-wrapper			{ max-width: 1024px; 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				{ margin-left: 0.5rem; }

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

.image-preview-container			{ display: inline-block; 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; }

div.puko-content-block div.row      { max-width: 1024px; margin: auto; }
.row-wrapper		      			{ padding: 2rem 0; }
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; }


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

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

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

/* background-colors */
.puko-bg-primary					{ background-color: #772ea2; color: #fff; }
.puko-bg-secundary					{ background-color: #ecd5f6; color: #000000; }
.puko-bg-tertiary        			{ background-color: #ffffff; color: #000000; }

/* nav */
.puko-navbar .site-name				{ position: absolute; }
.puko-navbar 						{ padding: 0; }
.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 a.navbar-brand		{ color: #000000; }
.puko-bg-tertiary .puko-navbar a.navbar-brand   { color: #000000; padding: 1rem 0.5rem; }

.puko-navbar a.nav-link:hover,
	.puko-navbar a.active			{ background-color: #772ea2; color: #fff; }

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