.dnnRegistrationForm ul.dnnActions {
    text-align: center;
    display: block;
}

.dnnRegistrationForm ul.dnnActions > li{
    float: none;
    display: inline-block;
}

.dnnRegistrationForm .dnnPrimaryAction,
.dnnRegistrationForm .dnnSecondaryAction {
    border-width: 3px;
    border-style: solid;
    padding: 0.5rem 3rem;
    text-decoration: none;
    transition: all 500ms, color 300ms;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
}

.dnnRegistrationForm .dnnPrimaryAction:hover {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
}

.dnnRegistrationForm .dnnSecondaryAction {
    border-color: #acacac;
    text-decoration: none;
}

.dnnRegistrationForm .dnnSecondaryAction:hover {
    border-color: #acacac;
    background: none #acacac;
    color: #fff;
    text-decoration: none;
}


/* re-style the dnn login */

.LoginPanel {
	width: auto !important;
	float: none !important;
	display: flex !important;
	padding: 0 !important;
	max-width: 100% !important;
	justify-content: center;
	margin-top: 3rem;
}

.LoginPanel > div {
	min-width: 300px;
	max-width: 500px;
}

.DnnModule-1338 h2, .DnnModule-1343 h2
{
	text-align: center!important
}

/* style the form item wrapper */

.LoginPanel .dnnForm .dnnFormItem {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

/* style the form label */

.LoginPanel .dnnFormItem > .dnnLabel {
	margin-top: 0;
}

.LoginPanel .dnnFormItem > .dnnLabel label {
	display: block;
}

.LoginPanel .dnnLabel {
	display: block;
	float: none;
	position: relative;
	width: auto;
	padding-right: 0;
	margin-right: 0;
	overflow: visible;
	text-align: left;
}

/* boostrap fix - remove the yellow background from the checkbox field */
.dnnCheckbox .mark {
	background: none !important;
}

/* give the Remember Me checkbox a smaller text size */
.dnnLoginRememberMe {
	font-size: 15px;
}

/* style the login panel text input fields */
.LoginPanel .dnnLoginService input[type="text"],
.LoginPanel .dnnLoginService input[type="password"] {
	width: 100% !important;
	min-width: 100%;
	margin: 0;
	border-radius: 5px;
	padding: 10px;
	font-size: 1rem;
}

/* hide the empty label beside the Reset Password button */
.LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
	display: none;
}

.LoginPanel ul.dnnActions {
	margin: 0 !important;
	padding: 0 !important;
}

/* primary action buttons - also used in dnn modal popups */

.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
	background: #278aca;
	border: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
}
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover {
	background: #1b6b9f !important;
	text-decoration: none !important;
}

.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {

	font-size: 1rem;
}

/* secondary action buttons - also used in dnn modal popups */

.dnnSecondaryAction,
.dnnFormItem input[type="submit"],
a.dnnSecondaryAction {
	background: #f5f5f5;
	border: none;
	color: #555;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
}
.dnnSecondaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnSecondaryAction:hover {
	background: #f1f1f1 !important;
	text-decoration: none !important;
}

#dnn_ctr356_ViewProfile_buttonPanel li {
    float: none;
    margin-bottom: 8rem;
	text-align: center;
}

.DnnModule.DnnModule-ZenDeskLogin.DnnModule-1367 {
    display: none;
}


.editbar .right-section {
    padding-right: 160px!important;
}


/* newsticker naslovnica */

#dnn_ctr1536_ModuleContent .newsticker_wrapper.NewsMagazine .newsticker li a {
  color: #fff;
}

#dnn_ctr1536_ModuleContent .newsticker_wrapper.NewsMagazine.blue .newsticker li a:hover {
  color: #ffa510;
}

#dnn_ctr1536_ModuleContent .newsticker_wrapper.NewsMagazine.blue .newsticker_title::after {
  border-left-color: #278aca;
}

#dnn_ctr1536_ModuleContent .newsticker_wrapper.NewsMagazine.blue .newsticker_title {
  background-color: #278aca;
}

a:focus-visible {
	outline: 2px dashed red !important;
	background-color: red !important;
	border: 2px dashed red !important;
}

.eds_articleContent img {
  max-width: 100%;
}
/* BEGIN EASYDNN MCP SKIN CUSTOM CSS */
.eds_subHeaderWrapper:has(#eds-collection30-hero) {
  background: radial-gradient(ellipse at 83% 47%, rgba(0, 175, 221, .19), transparent 58%), radial-gradient(ellipse at 8% 0%, rgba(22, 138, 210, .15), transparent 53%), #061827;
  border-bottom: 1px solid rgba(110, 201, 233, .16);
}
.eds_subHeaderWrapper:has(#eds-collection30-hero)::before { background: transparent; }
#dnn_subHeader:has(#eds-collection30-hero) { padding-top: 0; padding-bottom: 0; }
#eds-collection30-hero { position: relative; isolation: isolate; padding: 74px 0 78px; color: #fff; text-align: left; }
#eds-collection30-hero, #eds-collection30-hero * { box-sizing: border-box; }
#eds-collection30-hero .c30-layout { align-items: center; }
#eds-collection30-hero .c30-copy { min-width: 0; padding-right: 28px; }
#eds-collection30-hero .c30-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; color: #73d8ee; font: 400 13px/1.4 "Chivo", sans-serif; letter-spacing: .16em; }
#eds-collection30-hero .c30-eyebrow::before { content: ""; width: 28px; height: 2px; flex: 0 0 28px; background: #168ad2; }
#eds-collection30-hero .c30-title { margin: 0; color: #fff; font: 400 52px/1.08 "Patua One", cursive; letter-spacing: -.02em; }
#eds-collection30-hero .c30-title span { color: #ffa510; }
#eds-collection30-hero .c30-subtitle { max-width: 530px; margin: 26px 0 30px; color: #c3d8e7; font: 300 18px/1.65 "Chivo", sans-serif; }
#eds-collection30-hero .c30-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 0; padding: 0; }
#eds-collection30-hero .c30-actions .eds_button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; min-height: 54px; margin: 0; padding: 13px 19px; font: 400 16px/1.35 "Coda", cursive !important; white-space: normal; border-radius: 0; }
#eds-collection30-hero .c30-actions .eds_button i { margin: 0; font-size: 13px; }
#eds-collection30-hero .c30-actions .eds_orangeButton { border-color: #f38a01; background: #f38a01; color: #fff; }
#eds-collection30-hero .c30-actions .eds_orangeButton:hover { background: #fff; color: #f38a01; }
#eds-collection30-hero .c30-actions .c30-secondary { border-color: rgba(138, 206, 234, .6); background: transparent; color: #e8f5fc; }
#eds-collection30-hero .c30-actions .c30-secondary:hover { background: #168ad2; border-color: #168ad2; color: #fff; }
#eds-collection30-hero .c30-actions a:focus-visible { outline: 3px solid #73d8ee !important; outline-offset: 5px; background-color: #168ad2 !important; border: 3px solid #73d8ee !important; }
#eds-collection30-hero .c30-art { position: relative; min-width: 0; margin: 0; }
#eds-collection30-hero .c30-art::before { content: ""; position: absolute; z-index: -1; inset: 12% 7%; border-radius: 50%; background: radial-gradient(ellipse, rgba(0, 190, 225, .18), transparent 69%); }
#eds-collection30-hero .c30-artwork { display: block; width: 100%; max-width: 640px; height: auto; margin: 0 auto; object-fit: contain; }
@media (min-width: 992px) { #eds-collection30-hero .c30-layout { min-height: 470px; } }
@media (max-width: 1199.98px) and (min-width: 992px) {
  #eds-collection30-hero .c30-title { font-size: 44px; }
  #eds-collection30-hero .c30-copy { padding-right: 15px; }
  #eds-collection30-hero .c30-actions .eds_button { font-size: 14px !important; padding: 12px 14px; }
}
@media (max-width: 991.98px) {
  #eds-collection30-hero { padding: 54px 0 50px; }
  #eds-collection30-hero .c30-copy { padding-right: 15px; }
  #eds-collection30-hero .c30-title { max-width: 680px; font-size: 46px; }
  #eds-collection30-hero .c30-subtitle { max-width: 650px; }
  #eds-collection30-hero .c30-art { margin-top: 38px; }
}
@media (max-width: 575.98px) {
  #eds-collection30-hero { padding: 64px 0 42px; }
  #eds-collection30-hero .c30-eyebrow { max-width: calc(100% - 76px); margin-bottom: 20px; font-size: 11px; letter-spacing: .12em; gap: 10px; }
  #eds-collection30-hero .c30-title { font-size: 36px; line-height: 1.12; letter-spacing: -.025em; }
  #eds-collection30-hero .c30-subtitle { margin: 22px 0 26px; font-size: 17px; line-height: 1.6; }
  #eds-collection30-hero .c30-actions { flex-direction: column; gap: 12px; }
  #eds-collection30-hero .c30-actions .eds_button { width: 100%; font-size: 16px !important; min-height: 52px; padding: 12px 15px; }
  #eds-collection30-hero .c30-art { margin-top: 32px; }
}



#collection30-whats-included { padding: 78px 0 88px; color: #506577; scroll-margin-top: 112px; }
#collection30-whats-included, #collection30-whats-included * { box-sizing: border-box; }
#collection30-whats-included .c30o-header { max-width: 910px; margin: 0 auto 48px; text-align: center; }
#collection30-whats-included .c30o-heading { margin: 0 0 22px; color: #102c41; font: 400 39px/1.22 "Coda", cursive; letter-spacing: -.02em; }
#collection30-whats-included .c30o-heading span { display: block; color: #168ad2; margin-top: 5px; }
#collection30-whats-included .c30o-intro { max-width: 870px; margin: 0 auto; color: #536c7e; font: 300 18px/1.65 "Chivo", sans-serif; }
#collection30-whats-included .c30o-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 28px; }
#collection30-whats-included .c30o-card { display: flex; flex-direction: column; min-width: 0; margin: 0; overflow: hidden; border: 1px solid #dae5ec; border-radius: 3px; background: #fff; box-shadow: 0 8px 25px rgba(10, 45, 70, .045); }
#collection30-whats-included .c30o-featured { border-color: #9bcee7; box-shadow: 0 12px 32px rgba(12, 94, 142, .105); }
#collection30-whats-included .c30o-art { position: relative; display: flex; align-items: center; justify-content: center; height: 410px; margin: 0; padding: 24px 26px 18px; background: radial-gradient(ellipse at 55% 45%, rgba(40, 105, 141, .24), transparent 70%), #0b1e2e; }
#collection30-whats-included .c30o-featured .c30o-art { background: radial-gradient(ellipse at 55% 40%, rgba(22, 138, 210, .27), transparent 72%), #082235; box-shadow: inset 0 3px 0 #168ad2; }
#collection30-whats-included .c30o-art img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
#collection30-whats-included .c30o-new { position: absolute; z-index: 1; top: 24px; left: 24px; padding: 7px 13px; background: #f38a01; color: #fff; font: 400 12px/1.25 "Coda", cursive; letter-spacing: .08em; }
#collection30-whats-included .c30o-copy { flex: 1; padding: 29px 32px 32px; }
#collection30-whats-included .c30o-title { margin: 0 0 14px; color: #168ad2; font: 400 26px/1.25 "Coda", cursive; letter-spacing: -.015em; }
#collection30-whats-included .c30o-description { margin: 0; color: #536778; font: 400 17px/1.65 "Source Sans Pro", sans-serif; }
@media (min-width: 768px) and (max-width: 991.98px) {
  #collection30-whats-included .c30o-grid { gap: 26px 22px; }
  #collection30-whats-included .c30o-art { height: 340px; padding: 24px 18px 16px; }
  #collection30-whats-included .c30o-copy { padding: 25px 25px 29px; }
  #collection30-whats-included .c30o-title { font-size: 24px; }
}
@media (max-width: 767.98px) {
  #collection30-whats-included { padding: 58px 0 64px; scroll-margin-top: 85px; }
  #collection30-whats-included .c30o-header { margin-bottom: 34px; }
  #collection30-whats-included .c30o-heading { font-size: 31px; line-height: 1.25; }
  #collection30-whats-included .c30o-intro { font-size: 17px; line-height: 1.65; }
  #collection30-whats-included .c30o-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  #collection30-whats-included .c30o-art { height: 390px; }
}
@media (max-width: 575.98px) {
  #collection30-whats-included .c30o-art { height: 340px; padding: 22px 18px 16px; }
  #collection30-whats-included .c30o-heading { font-size: 28px; }
  #collection30-whats-included .c30o-copy { padding: 25px 24px 29px; }
  #collection30-whats-included .c30o-title { font-size: 24px; }
  #collection30-whats-included .c30o-new { top: 20px; left: 20px; padding: 6px 11px; font-size: 11px; }
}
@media (max-width: 359.98px) {
  #collection30-whats-included .c30o-art { height: 300px; }
  #collection30-whats-included .c30o-copy { padding-right: 20px; padding-left: 20px; }
}
/* END EASYDNN MCP SKIN CUSTOM CSS */