/* style.css modifications */

body {
  background-color: white !important;
  font-size: 12px;
  overflow-x: hidden;
}

a {
  color: #64b6f3 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
}

#header {
  background-color:#eeefef !important;
}

#header2 {
  height: 124px;
  width: 100%;
  float: left;
  background: #eeefef;
}

#logo2 {
  text-align: inherit;
}

#navigation2 {
  border: 0;
}

#navigation2 ul li .active a {
  font-size:14px;
  color:#000 !important;
  letter-spacing:2px;
  text-transform:uppercase;
  margin:-5px 13px;
  height:50px;
  line-height:50px;
  display:block;
}

#navigation2 ul li ul {
  border-bottom: 0;
}

#sidebar {
  margin-top: 45px;
}

#footer {
  background:#182430 !important;
  margin-top: 0;
}

.footer-bottom {
  text-align: inherit;
}

.post-heading span.meta, .post.list .post-list-text span.meta {
  font-family: inherit;
}

.post-entry {
  padding: 0;
}

.post-related .related-item h4 a {
  font-family: inherit;
}

.pagination .next a,  .pagination .prev a {
  background: #182430;
  color: #ffffff !important;
  font-weight: bold;
}

/* main-style.css */

.bottom-footer
{
    width: 100%;
    margin-bottom: -20px;
    background: #182430;
    position: relative;
    z-index: 1;
    height: 320px;
    margin-top: -70px;
    padding-top: 70px;
}
.wrapper
{
    /*padding: 27px 23px 0px 23px;*/
    max-width: 904px;
    margin: 0 auto;
}
.footer-columns {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.col
{
    float: left;
    width: 160px;
    padding-right: 47px;
}
.bottom-footer h4
{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.footer-h4
{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.bottom-footer p {
    color: #7d8d98;
    font-size: 14px;
}
.col p {
    color: #7d8d98;
    font-size: 14px;
    line-height: 1.1;
}
.col a {
    line-height: 3;
}
.col ul li a {
    line-height: 2;
}
.partners
{
    float: left;
    margin-top: 0;
    width: 302px;
    height: 87px;
}
.col_social {
    padding-left: 13px;
    padding-right: 0;
    width: 250px;
}
.col_social ul {
    margin: 0;
    padding: 10px;
}
.col_social ul li {
    margin: 0;
    width: 50px;
    float: left;
}
.copyright {
    /*float: right;*/
    width: 271px;
    margin-top: 40px;
    margin-right: -60px;
}
.menu {
    float: right;
    width: 700px;
    position: absolute;
    bottom: 39px;
    right: 0;
}
.menu ul {
    float: right;
}
.menu ul .active {
    background: #6EB9E3;
}
.category
{
    background: #6EB9E3;
    height: 60px;
    margin-top: -39px;
}
.menu ul li {
    background: #fff;
    position: relative;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    height: 34px;
    padding: -5px 15px;
    line-height: 32px;
    float: left;
    margin-left: 10px;
}
.menu ul li a {
    text-transform: uppercase;
    color: #5f5f5f !important;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    margin: -5px 13px;
    height: 50px;
    line-height: 50px;
    display: block;
}
.menu ul li .active a {
    color: #000000 !important;
}
.head1
{
    text-align: center;
    height: 128px;
    background: #2d333c;
    overflow: hidden;
    white-space: nowrap;
}
.head1 .iclass {
    font-size: 15em;
    color: #343b46;
    margin-top: -125px;
}
.head1 i {

    color: #98a7b0;
}
.head1 p{
    font-size: 25px;
    text-align: left;
    color: white;
    line-height: 1.5;
}
.head1 a {
    position: absolute;
    top: 32px;
    right: 150px;
    font-size: 2em;
}
.head1 h2 {
    font-size: 28px;
    text-align: left;
    color: white;
    font-weight: bold
}
.head1 b {
    color: #6EB9E3;
}
.par {
    margin-left: 200px;
    margin-top: 25px;
}
.input {
    position: relative;
    top: -115px;
    left: 670px;
}
ul.hr {
    margin: 0;
    padding: 10px;
    margin-left: 200px;
    padding-top: 15px;
}
ul.hr li {
    display: inline;
    margin-right: 40px;
    padding: 3px;
    float: left;
    background: transparent;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    text-transform: uppercase;
    margin-top: 0px;
}
ul.hr li a {
    color: white !important;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
}
ul.hr li :hover {
    background: #307194 !important;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    text-decoration: none;
    padding: 8px;
}
.current-cat {
    background: #307194 !important;
}
.block {
    background: green;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    color: #fff;
}
.block::after {
    content: '';
    position: absolute; /* Абсолютное позиционирование */
    left: 40%; bottom: -20px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-bottom: 14px solid white; /* Добавляем треугольник */
}
ul.hr li :after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.current-cat a {
    text-decoration: none !important;
}
.subscribe{
    width: 100%;
    height: 200px;
    background-color: #6EB9E3;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 5px;
}
.subscribe i {
    color: #7ec2e6;
    font-size: 24em;
    float: right;
    position: relative;
    left: 50px;
    bottom: 105px;
    z-index: 1;
}
.subscribe .par {
    position: relative;
    margin-left: 20px;
    top: 10px;
}
.subscribe .par p {
    color: white;
    font-size: 25px;
}
.subscribe .par h2 {
    font-weight: bold;
    color: white;
    font-size: 28px;
}
.subscribe .par b {
    color: #124966;
}
.subscribe .input {
    position: relative;
    top: 20px;
    left: 20px;
}
.flat
{
    border:solid 1px transparent;
    border-radius: 5px;
}
#logo2 a img{
    position: relative;
    top: -20px;
}
.share {
    width: 300px;
    height: 20px;
    margin-top: 12px;
    float: right;
}
#facebook-like {
    position: relative;
    top: -56px;
    left: 90px;
}
#___plusone_0 {
    position: relative;
    top: -30px;
}
#language {
    width: 70px;
}
#language{
    position: relative;
    top: -210px;
    float: right;
}
.styled-language-select {
    position: absolute;
    background: transparent url("/car-rental/blog/wp-content/themes/cassia-custom/img/lang_select-4464cfd8d211c47ddbcfb5bd3a029e8a.png") no-repeat 100% 50%;
    color: #11374c;
    font-size: 13px;
    text-align: right;
    padding-right: 15px;
    padding-left: 10px;
    z-index: 0;
}
.footer-columns .col a {
    font-size: 14px;
}
.footer-columns .col ul li a {
    line-height: 1;
}
.widget .side-popular .popular-text h3 a {
    color: #FFF !important;
    letter-spacing: 1px;
    font-size: 14px;
}
/* === Related posts — 4 vienā rindā (tikai > 960 px; ≤ 960 px paliek tēmas responsive.css izkārtojums kā LV/PL — TASK-3 §7 P1) === */
@media only screen and (min-width: 961px) {
    .post-related ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 0;
    }
    .post-related ul li {
        flex: 1 1 0;
        min-width: 0;
        max-width: 25%;
    }
    .post-related .related-item {
        float: none;
        width: auto;
        margin-right: 16px;
    }
    .post-related ul li:last-child .related-item {
        margin-right: 0;
    }
    .post-related .related-item img,
    .post-related .related-item .wp-post-image {
        width: 100%;
        height: auto;
    }
}

/* === Newsletter forma .head1 joslā === */
.head1 .tnp-subscription { margin:0; padding:0; }
.head1 .tnp-field-email label { display:none; }
.head1 .tnp-field-email { display:inline-block; margin:0 6px 0 0; vertical-align:middle; }
.head1 .tnp-email {
    height:26px; width:240px; padding:0 8px;
    border:none; font-size:13px;
    vertical-align:middle; line-height:20px;
    color:#333;
}
.head1 .tnp-field-button { display:inline-block; vertical-align:middle; }
.head1 .tnp-field-button div { display:none; } /* slēpj success message default */
.head1 .tnp-submit {
    height:30px !important;
    line-height:30px !important;
    background-color:#6EB9E3 !important;
    color:white !important;
    font-weight:bold !important;
    font-size:12px !important;
    border:none !important;
    padding:0 12px !important;
    cursor:pointer !important;
    vertical-align:middle !important;
    margin-bottom:0 !important;
}
.head1 .tnp-submit:hover { background-color:#5aa8d2 !important; }
.head1 form { margin:0; }
.head1 .tnp-field { margin-bottom:0 !important; }
.head1 p.tnp-result {
    color:#6EB9E3; font-weight:bold; margin:8px 0 0;
}

/* === Category nav - 1 rinda, centrēta === */
.category {
    height: auto !important;
    min-height: 44px;
    padding: 8px 0;
}
.category-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px;
    padding: 0 !important;
    list-style: none;
    margin: 0 auto !important;
}
.category .cat-item {
    display: inline-flex !important;
    align-items: center !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 12px !important;
}
.category .cat-item a {
    padding: 6px 10px !important;
}

/* === TASK-3 §3: category bar stays inside the content column at every width === */
/* flex ul next to the floated #logo2 shifted right at viewports >= ~1674px -> always start below the float */
.category-wrapper { clear: both; flex-wrap: wrap !important; row-gap: 6px; }
@media screen and (max-width: 767px) {
    .category-wrapper { display: flex !important; }
    .mobile-categories { display: none !important; }
    .menu { position: relative; width: 100%; float: none; bottom: auto; right: auto; }
    .menu ul { width: auto !important; float: none; display: flex; justify-content: center; }
}
@media screen and (max-width: 479px) {
    .menu ul li { margin-left: 6px; flex-shrink: 0; white-space: nowrap; }
    .menu ul li:first-child { margin-left: 0; }
    .menu, .menu ul { height: auto; }
    .menu ul { flex-wrap: wrap; row-gap: 4px; }
    .menu ul li a { font-size: 11px; margin: -5px 6px; }
}

/* TASK-3 §4: footer = current rentmama.com footer structure (raw/footer/footer.css; fragment raw/footer/final-<lang>.html) */
.rm-footer { background: #2b2f36; color: #d5d8dc; font: 14px/1.5 Arial, Helvetica, sans-serif; padding: 32px 16px 16px; box-sizing: border-box; }
.rm-footer *, .rm-footer *::before, .rm-footer *::after { box-sizing: border-box; }
.rm-footer__inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1.5fr 1.5fr; gap: 24px; }
.rm-footer h4 { margin: 0 0 12px; font-size: 16px; color: #fff; }
/* theme sets p{color;font-size;line-height} directly -> inherit from the footer, not the theme */
.rm-footer p { margin: 0 0 8px; color: inherit; font-size: inherit; line-height: inherit; }
.rm-footer ul { list-style: none; margin: 0; padding: 0; }
.rm-footer li { margin: 0 0 6px; }
/* theme: a{color:#64b6f3!important} -> footer links need !important to stay white on the dark background */
.rm-footer a { color: #fff !important; text-decoration: none; }
.rm-footer a:hover, .rm-footer a:focus { text-decoration: underline; }
.rm-footer__copy { max-width: 1100px; margin: 24px auto 0; padding-top: 16px; border-top: 1px solid #454a52; font-size: 12px; }
.rm-footer__copy p { display: inline; margin: 0 12px 0 0; }
@media (max-width: 600px) {
  .rm-footer__inner { grid-template-columns: 1fr; }
  .rm-footer__copy p { display: block; margin: 0 0 4px; }
}

/* TASK-3 §7 P2/P3: WordPress body_class «category» sakrīt ar tēmas kategoriju joslas klasi .category —
   body kategoriju lapās mantoja joslas margin-bottom 40px / position / padding (EN arī margin-top -39px). */
body.category { margin: 0; padding: 0; min-height: 0; height: auto !important; position: static; }