/* Global styles */
@import url("https://fonts.googleapis.com/css?family=Montserrat|Mukta+Vaani|Roboto&display=swap");

:root {
    --main-color: #00466e;
    --main-hover-color: #00b9de;
    --secondary-color: #fcb315;
}
* {
    font-family: "Mukta Vaani", sans-serif;
    color: #4d4d4d;
}
.btn-info {
    background-color: var(--main-hover-color) !important;
    border-color: var(--main-hover-color) !important;
}

.kereso-btn h5 {
    font-size: 18px;
    padding: 3px 0px;
}

.myform button {
    background-color: #ffc107;
    color: #fff;
    border-radius: 7px;
    padding: 0px 30px;
    height: 42px;
    transition: all 200ms ease-in-out;
    border: none;
    outline: none;
    text-decoration: none;
  } .myform button:hover {
    background-color: #e7ad00;
    color: white;
  }

  .myform .one { 
    width: 50%;
    float: left;
    padding: 0px 15px;
  }
  
  .myform .full { 
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 15px;
  }

  .myform .close { 
    padding: 12px !important;
  }

  .myform h2 { 
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #19577B;
  }
  
  .myform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #1f3f5085;
    opacity: 1; /* Firefox */
  }
  
  .myform :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1f3f5085;
  }
  
  .myform ::-ms-input-placeholder { /* Microsoft Edge */
    color: #1f3f5085;
  }
  
  .myform h4 {
    border-bottom: 1px solid #8080804a;
    padding-bottom: 10px;
  }

  .myform .form-group {
      text-align: left;
  }

  .myform input {
    background-color: white;
    color: #1f3f50;
    border-radius: 7px;
    padding: 11px 16px;
    width: 100%;
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 5px #00000014;
    font-family: 'Roboto', sans-serif !important;
    outline: none;
  }.myform input:active,
  .myform input:focus {
    border: 1px solid #e7ad00;
  }
  
  .myform select {
    background-color: white;
    color: #1f3f50;
    border-radius: 7px;
    padding: 12px 16px;
    width: 100%;
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 5px #00000014;
    font-family: 'Roboto', sans-serif !important;
    outline: none;
  }.myform select:active {
    border: 1px solid #e7ad00;
  }
  
  .myform textarea {
    background-color: white;
    color: #1f3f50;
    border-radius: 7px;
    width: 100%;
    font-family: 'Roboto', sans-serif !important;
    padding: 11px 16px;
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 5px #00000014;
    outline: none;
  }
  
  .myform {
    padding: 20px;
  }

  .ajanlat.modal-dialog {
    max-width: 650px !important;
  }

  .blogImage {
    width: 100%;
    border-radius: 5px;
    height: 350px;
    height: 500px;
    overflow: hidden;
    display: flex;
    position: relative;
  }

  .blogImage .moreBtn {
    right: 0;
    top: 43%;
    font-size: 20px;
    font-weight: bold;
    background: white;
    position: absolute;
    padding: 15px;
    z-index: 55;
    transition: all 200ms ease-in-out;
  }

  .blogImage .moreBtn:hover {
    background: var(--secondary-color);
    color: white;
  }

  .blogImage .moreBtn:hover i {
    color: white;
  }

  .blogImage a {
    width: 100%;
  }

  .blogImage .moreBtn i {
    font-size: 16px;
  }
  
  .blogImage img {
    transition: all 200ms ease-in-out ;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } 
  
  .blogImage:hover img {
    transform: scale(1.05);
  }
  
  .blogGallery img {
    display: none;
  }

  .blogGallery img {
    width: 100%;
    border-radius: 20px;
    height: 100px;
    overflow: hidden;
    object-fit: cover;
  }

a {
    color: inherit;
    text-decoration: unset;
}
.main-color {
    color: var(--main-color);
}
.secondary-color {
    color: var(--secondary-color);
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00466e;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #00b9de;
}
.feature-border {
    border: 5px solid #004771;
}

.page {
    margin: 0 auto;
    background-color: #eeeeee;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 414px);
}
.main-content {
    border-radius: 10px;
}

.hamburger-header {
    position: fixed;
    top: 100px;
    display: none;
    right: 0px;
    z-index: 2;
    background-color: white;
    padding: 10px;
    border-radius: 15px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
}

.hamburger-header .search-mh {
    float: left;
    margin: -10px 10px 0px 0px;
    font-size: 30px;
    border: 1px solid #eeeeee;
    padding: 10px;
    border-radius: 50%;
}

.hamburger-header .search-mh:hover {
    color: #ee5646;
    border-color: #ee5646;
}

.hamburger-header h1:hover {
    color: #00b9de;
}

.hamburger-header .nav-item {
    margin: 0;
    text-align: center;
}

.hamburger-header h1 {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #00466e;
    font-size: 18px;
    line-height: 20px;
    /* font-variant: small-caps; */
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 10px;
}

/* pagination */
.pagination {
    margin-top: 10px;
    justify-content: center;
}
.pagination li a,
.pagination li span {
    min-width: 40px;
    height: 40px;
    max-height: 40px;
    line-height: 40px;
    padding: 0 5px;
    text-align: center;
    border: 2px solid #00b9de;
    color: #333;
    margin: 0 5px;
    display: block;
}
.pagination li.active a {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}
.pagination li:hover a,
.pagination li:hover span {
    text-decoration: none;
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

/* breadcrumbs */
.breadcrumb {
    background-color: rgba(255, 255, 255, 1);
    padding: 8px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.breadcrumb .breadcrumb-active,
.breadcrumb .breadcrumb-active a {
    color: rgb(0, 0, 0);
    /* text-transform: capitalize; */
    font-size: 20px;
    font-family: Montserrat;
    transition: all ease 0.5s;
}
.breadcrumb .breadcrumb-active a:hover {
    text-decoration: none;
    color: rgba(238, 86, 70, 1) !important;
}
.breadcrumb .breadcrumb-active a {
    color: rgba(21, 163, 211, 1) !important;
}

/* Post list */
.post-list .post img {
    height: 250px;
    min-height: 250px;
    width: 250px;
    border-radius: 5px;
    margin-right: 20px;
    object-fit: cover;
    object-position: center;
}
#home-post-list .post img {
    min-width: 250px;
}
.post-list .post .title,
.featured-post-list .post .title {
    color: #337ab7;
}
.post-list .post .title:hover,
.featured-post-list .post .title:hover {
    color: #23527c;
}

/* Sidecontent */
.sidecontent .google {
    border-top: 2px double black;
    margin-top: 5px;
}
.sidecontent .post-list {
    border-top: 2px double black;
    margin-top: 5px;
}
.sidecontent .post-list .post img {
    width: 100px !important;
    min-width: 100px !important;
    height: 100px !important;
    min-height: unset !important;
    border-radius: 5px;
    margin-right: 10px;
    transition: all ease-in 0.2s;
    object-fit: cover;
}
.sidecontent .post-list .post img:hover {
    width: 105px !important;
    height: 105px !important;
    cursor: pointer;
}

/* filterbox component */
.filterbox-wrapper {
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
}
.filterbox button[type="submit"] {
    border-radius: 18px;
    font-size: 20px;
    height: 40px;
    line-height: 25px;
    box-shadow: 0px 8px 14px rgba(0, 185, 222, 0.27),
        0px 1.12694px 1.75302px rgba(0, 185, 222, 0.135);
}

/* login card components */
.login-card {
    border-radius: 10px;
    border-top: 7px solid #00b9de;
    border-left: 7px solid #00b9de;
    border-right: 7px solid #00b9de;
    border-bottom: 0;
    box-shadow: 0px 12px 40px rgba(0, 185, 222, 0.26),
        0px 1.74565px 6.16234px rgba(0, 185, 222, 0.13);
}
.login-card img {
    width: 250px;
    min-width: 250px;
}

/* news card list */
.news-card {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
}

/* Search sidebar */
.search-card {
    border-top: 7px solid #fcb315;
    border-left: 7px solid #fcb315;
    border-right: 7px solid #fcb315;
    box-shadow: 0px 12px 40px rgba(0, 185, 222, 0.26),
        0px 1.74565px 6.16234px rgba(0, 185, 222, 0.13);
    border-radius: 10px;
}
.search-sidebar-img {
    width: 117px;
    min-width: 117px;
    height: auto;
    object-fit: contain;
}
.search-card button[type="submit"] {
    background-color: var(--secondary-color);
}

/* topbar */
.topbar {
    background-color: #00b9de;
    width: 100%;
    height: 60px;
    padding: 13px 40px;
}
.topbar .fresh-msg {
    min-height: 70%;
    float: left;
    margin: 0 auto;
    padding: 3px 25px;
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 17px;
    color: white;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
}
.topbar #tickr-scroll {
    float: left;
    height: 27px;
    margin: 3px auto 0px 10px;
    overflow: hidden;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.topbar .topbar-inner .socials {
    position: absolute;
    right: 320px;
    padding: 4px;
    height: 35px;
}
.topbar .topbar-inner .socials i {
    font-size: 28px;
    margin-left: 15px;
    color: whitesmoke;
    transition: color ease-in-out 300ms;
}
.topbar .topbar-inner .socials a:hover > i {
    color: #a1a1a1;
}
.topbar-inner .loginbar span {
    float: right;
    padding: 5px 25px;
    font-size: 14px !important;
    color: white;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    background-color: #fff;
    border-radius: 17px;
    color: #00b9de;
    transition: all ease-in 0.3s;
    cursor: pointer;
}
.topbar-inner .loginbar span:hover {
    background-color: rgba(255, 255, 255, 0.6);
}
#tickr-scroll ul {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: baseline;
    list-style: none;
}

#tickr-scroll {
    float: left;
    height: 27px;
    margin: 3px auto 0px 10px;
    overflow: hidden;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#tickr-scroll li {
    color: #ffffff;
    font: normal 18px arial, sans-serif;
    line-height: 26px;
}

#tickr-scroll a {
    color: #ffffff;
    transition: color ease-in-out 300ms;
    text-decoration: none;
}

#tickr-scroll a:hover {
    /* color: lightblue; */
    color: #eac500;
    text-decoration: none;
}

#tickr-scroll ul {
    padding: 0px 6px 0px 6px;
    -webkit-animation: tickr 12s cubic-bezier(1, 0, 0.5, 0) infinite;
    -moz-animation: tickr 12s cubic-bezier(1, 0, 0.5, 0) infinite;
    -ms-animation: tickr 12s cubic-bezier(1, 0, 0.5, 0) infinite;
    animation: tickr 12s cubic-bezier(1, 0, 0.5, 0) infinite;
}

#tickr-scroll ul:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes tickr {
    0% {
        margin-top: 0;
    }
    25% {
        margin-top: -26px;
    }
    50% {
        margin-top: -52px;
    }
    75% {
        margin-top: -78px;
    }
    100% {
        margin-top: 0;
    }
}

@-moz-keyframes tickr {
    0% {
        margin-top: 0;
    }
    25% {
        margin-top: -26px;
    }
    50% {
        margin-top: -52px;
    }
    75% {
        margin-top: -78px;
    }
    100% {
        margin-top: 0;
    }
}

@-ms-keyframes tickr {
    0% {
        margin-top: 0;
    }
    25% {
        margin-top: -26px;
    }
    50% {
        margin-top: -52px;
    }
    75% {
        margin-top: -78px;
    }
    100% {
        margin-top: 0;
    }
}

@keyframes tickr {
    0% {
        margin-top: 0;
    }
    25% {
        margin-top: -26px;
    }
    50% {
        margin-top: -52px;
    }
    75% {
        margin-top: -78px;
    }
    100% {
        margin-top: 0;
    }
}

/* main menu */
.navbar {
    background-color: #ffffff;
    opacity: 0.9;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    height: 100px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.navbar .navbar-brand img {
    height: 95px;
    max-height: 95px;
    min-height: 95px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    object-position: center;
    padding-right: 15px;
    border-right: 2px solid #00466e0a;
}
.navbar-light .navbar-nav .nav-link {
    color: var(--main-color);
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 25px 10px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--main-hover-color);
}
.navbar-light .navbar-nav .active > .nav-link {
    color: var(--secondary-color);
}
.search-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 15px;
    font-size: 30px;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    background-color: #fff;
}
.search-btn:hover {
    color: #ee5646;
    border-color: #ee5646;
}
.search-btn:hover i {
    color: #ee5646;
}
.klima-search .hero {
    border: 4px solid var(--secondary-color);
}
.klima-search img {
    height: 125px;
    width: auto;
}
.klima-search .title {
    color: var(--secondary-color);
    font-size: 40px;
}
.klima-search .input-group-text {
    background-color: var(--main-hover-color);
    color: #fff;
    outline: none;
    box-shadow: none;
}
.klima-search .klimaszerelo_info {
    color: #00b9de;
    font-size: 18px;
}
.klima-search .register-sec {
    border: 5px solid #004771;
    width: 220px;
    margin-left: 15px;
}
.klima-search .register-sec h4 {
    font-size: 30px;
    color: #004771;
}
.klima-search .register-sec a {
    background-color: #004771;
    padding: 15px;
    border-radius: 25px;
    display: inline-block;
}
.klima-search .register-sec a:hover {
    text-decoration: none;
    background-color: #337ab7;
}
.featured-post-list img {
    max-width: 250px;
    height: 150px;
    object-fit: contain;
    object-position: center;
}
.bordered-post-list.post {
    border: 5px solid #004771;
}

/* Rovat page */
#rovat .post-list .post img {
    height: 250px;
    width: 250px;
    min-width: 250px;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    object-fit: cover;
}
#rovat .post-list .post img:hover {
    transform: scale(1.05);
    cursor: pointer;
}

#rovat .post-list .post .title a:hover {
    text-decoration: none;
    color: #23527c;
}

/* post page */
.post-frame {
    min-width: 80%;
    max-width: 100%;
    background-color: white;
    padding: 25px;
    word-break: break-word;
}
.post-frame a {
    color: var(--main-hover-color) !important;
    text-decoration: underline !important;
}
.post-frame .post-date .info a {
    text-decoration: none;
    color: white !important;
    background-color: #26b2ec;
    margin-right: 3px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    transition: background 0.4s;
    -webkit-transition: background 0.4s;
}
.post-frame .post-date .info a:hover {
    background: rgb(23, 118, 158);
}
.post-frame .post-title h3 {
    margin-top: 5px;
    text-align: justify;
    font-size: 36px !important;
}
.post-frame .post-img {
    width: 100%;
    margin: 10px 0px;
    padding: 20px 0;
    border-top: 2px solid rgba(153, 153, 153, 0.5);
    border-bottom: 2px solid rgba(153, 153, 153, 0.5);
}
.post-frame .post-img img {
    max-width: 100%;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
.post-frame .post-tags .taglist {
    border-top: 1px solid silver;
    padding: 7px 10px;
    padding-top: 15px;
}
.post-frame .post-tags .taglist .tag:first-child {
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}
.post-frame .post-tags .taglist .tag:last-child {
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}
.post-frame .post-tags .taglist .tag {
    background-color: #00466e;
    padding: 10px;
    color: #fff;
}
.post-frame .post-tags .taglist .tag:hover {
    background-color: #26b2ec;
    cursor: pointer;
}
.included-post {
    float: right;
    border: 5px solid #004771;
    width: 500px;
    max-width: 100%;
}
.included-post a:hover {
    text-decoration: none;
    color: #004771 !important;
}
.included-post .title {
    color: #26b2ec;
}
.included-post .category {
    color: #004771;
}
.post-frame .content img {
    max-width: 100%;
    height: auto !important;
}

/* szakember */
#szakember .iconwrap {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    border: 2px solid #333;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    margin-top: 5px;
}
#szakember .hero {
    width: 220px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#szakember .icon-wrapper {
    width: 35px;
    min-width: 35px;
}

/* Result page */
.telephely-card {
    border-radius: 15px;
    width: 270px;
}
.telephely-card .telephely-avatar {
    width: 100%;
    height: 150px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Footer */
.footer-top {
    padding: 30px 0 30px;
    background-color: #222222;
}
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px;
    background-color: #222222;
}
.footer-bottom .menu-item a {
    padding: 20px;
    border-radius: 7px;
    text-transform: capitalize;
    font-family: Montserrat;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    line-height: 23px;
    display: block;
    color: white;
}
.footer-bottom .menu-item a:hover {
    background-color: #eee;
    color: #000;
}
#footer .copyright {
    padding: 20px 0px;
    text-align: center;
    background-color: rgb(15, 15, 15);
}
#footer .copyright-text {
    font-size: 20px;
    opacity: 0.8;
    text-transform: uppercase;
    color: #bbb;
}
#footer .copyright-text a {
    text-decoration: none;
    color: whitesmoke;
}
@media screen and (max-width: 1800px) {
    .login-card img {
        width: 200px;
        min-width: 200px;
    }
}
@media screen and (max-width: 1600px) {
    .klima-search .title {
        font-size: 30px;
    }
    .news-card .post-title {
        font-size: 18px;
    }
}
@media screen and (max-width: 1500px) {
    .search-sidebar-img {
        display: none;
    }
    .login-card img {
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .klima-search .title {
        font-size: 30px;
    }
    .klima-search .hero img {
        width: 100%;
        height: 120px;
        object-fit: contain;
    }
    #keresoData {
        font-size: 17px;
    }
    .included-post {
        width: 250px;
    }
    #szakember .hero {
        height: 150px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .klima-search .register-sec {
        width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .klima-search img {
        width: 100%;
        height: auto;
    }
    #szakember .data-object {
        width: 100% !important;
    }
    .post-frame .post-title h3 {
        text-align: left;
        font-size: 25px !important;
    }
    #keresoForm input {
        width: 100%;
    }
    #keresoForm button {
        border-radius: 0;
        margin-top: 10px;
    }
}
@media screen and (min-width: 768px) {
    #szakember .data-object {
        width: 50% !important;
    }
    .page {
        padding: 40px;
    }
}