.tm-toolbar {border-bottom: 1px solid #222}
strong, b {color:#ccc}
.uk-text-lead {color:#eee}

.social-icons .el-item:nth-child(1) .el-link, .social-icons-grid .uk-grid > div:nth-child(2) .el-image {background:linear-gradient(135deg,#3fd1ff,#4f6df5,#7a3cf0,#9b3df0)!important}
.social-icons .el-item:nth-child(2) .el-link, .social-icons-grid .uk-grid > div:nth-child(3) .el-image {background: #3877f6 !important}
.social-icons .el-item:nth-child(3) .el-link {background: #3877f6 !important}

.social-icons .el-item:nth-child(2) svg {width:22px;height:22px;margin:0 0 -1px -1px}
.social-icons-grid .uk-grid > div:nth-child(1) .el-image , .social-icons-grid .uk-grid > div:nth-child(2) .el-image, .social-icons-grid .uk-grid > div:nth-child(3) .el-image, .social-icons-grid .uk-grid > div:nth-child(4) .el-image  {border-radius:500px;padding:20px;color:#fff}
.social-icons-grid > .uk-grid > div:first-child .el-image {background: #fff !important;color:#000}
.social-icons-grid .uk-grid > div:nth-child(4) .el-image {background: #e58f2a !important}

@media only screen 
	  and (max-width: 1023px)
	 {
	   .social-icons-grid .uk-grid > div:nth-child(1) .el-image , .social-icons-grid .uk-grid > div:nth-child(2) .el-image, .social-icons-grid .uk-grid > div:nth-child(3) .el-image, .social-icons-grid .uk-grid > div:nth-child(4) .el-image  {padding:15px!important}
	}

@media only screen 
	  and (min-width: 1023px)
	  and (max-width: 1439px)
	 {
	   .uk-logo {width:160px}
}
.uk-logo {margin-right:20px}

@media only screen 
  and (max-width: 959px)
 {
   .uk-heading-small {font-size:2rem}
	}

.separator .el-content, .separator-element .el-item  {
	border-left: 5px solid #F5BD33;
    padding-left: 20px;
}

.uk-modal-close-outside {color:#999}
.uk-modal-close-outside:hover {color:#656565}
.uk-h3 .uk-link {text-decoration:none}
 
    @media only screen 
	  and (max-width: 959px)
	{
		  .skupka-title .el-title {font-size:18px}
	}

@media only screen and (max-width: 767px) {
    .dialog-height {
        height: 600px !important;
    }
}

.js-reject, .js-accept {margin:5px 0 5px 0}
@media only screen 
  and (min-width: 1023px)
 {
		.uk-notification-bottom-center {margin-left: -310px}
		.uk-notification {width: 630px}
}
.tm-cookie-banner .uk-notification-message > p {text-align:center}


.vertical-centered .uk-modal-dialog {
    top: 50% !important;
    transform: translateY(-50%);
}
@media screen and (min-width: 960px) {
    .uk-navbar-nav li:first-child {
        display: none !important;
    }
}

.uk-form-custom {display: block}


	@media only screen 
	  and (max-width: 639px)
	 {
		.rm-grid-custom .el-title {font-size:18px}
		.blog-title {font-size:1.6rem}
		.uk-text-lead {font-size:1.2rem}

	}


/* switch */
.switch {
    --secondary-container: #FFB501;
    --primary: #fff;

    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    width: 50px;
    height: 20px;
    font-size: 17px;
}

.switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* slider */
.slider {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 20px;
    cursor: pointer;

    background-color: #fff;
    border: 1px solid #9da3ae;
    border-radius: 30px;
    transition: .2s;
}

.slider::before {
    position: absolute;
    content: "";
    left: 3px;
    bottom: 4px;
    width: 12px;
    height: 12px;

    background-color: #374151;
    border-radius: 50%;
    transition: .4s;
}

/* checked state */
.switch input:checked + .slider {
    background-color: var(--secondary-container);
    border-color: #394150;
}

.switch input:checked + .slider::before {
    background-color: var(--primary);
    transform: translateX(1.5em);
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px var(--secondary-container);
}

/* common validation */
textarea.uk-form-danger,
input.uk-form-danger {
    border-color: #F5BD33;
    animation: uk-shake .5s ease-out both;
}

.uk-form-danger + .tm-error {
    display: block;
}

.tm-error {
    position: absolute;
    z-index: 2;
    margin-top: 2px;
    padding: 2px 7px;
    font-size: 14px;
	font-weight:500;
    color: #000;
    background: #f5be00;
    display: none;
}

/* validation (switch) */
.switch input.uk-form-danger + .slider {
    border-color: red;
    animation: uk-shake .5s ease-out both;
}

.switch input.uk-form-danger + .slider::before {
    background-color: red;
}

.switch input.uk-form-danger ~ .tm-error {
    display: block;
}

/* shift the width of the error message for checkbox */
.switch .tm-error {
    margin-top: 2px;
    min-width: 320px;
    white-space: normal;
    position: absolute;
    top: 100%; 
    left: 0;
    white-space: normal;
}

/* optional: minimal width for switch container */
.rf-switch-wrap {
    min-width: 70px;
}

@media only screen 
  and (max-width: 639px)
 {
   .switch .tm-error {
    min-width: 300px;
    max-width:320px;
     }
}