@charset "UTF-8";
/*
 * Individuālo retro periodu pakalpojumi - Dižčiks, RetroVenera, Lilita.
 *
 * Papildinājums astrokarte.css / astroskola.css noformējumam - šeit ir tikai tas,
 * kā nav /astro/astrokartelv/ lapā. Kolonnas, .orange_butt, .linkbutton,
 * .blog-list2 un form.standard nāk no jau esošajiem stiliem.
 */
/* --- Mainīgie ----------------------------------------------------------- */
/* --- Mixins ------------------------------------------------------------- */
/* --- Sadaļas tipogrāfija ------------------------------------------------ */
#content-container {
  padding-top: 20px;
}

/*
 * Blokam jāstāv faila sākumā - tas uzliek bāzi arī getData() ievietotajam
 * satura teksta HTML, bet zemāk esošie konkrētie stili to pārraksta tur, kur
 * izmērs ir apzināti citāds (astromājas numurs, tabulas skaitļi, ēnas perioda
 * datumi). Tāpēc, pievienojot jaunus stilus, tie jāliek ZEM šī bloka.
 */
.individ-retro-page {
  font-size: 16px;
  line-height: 24px;
}
.individ-retro-page p, .individ-retro-page div, .individ-retro-page span, .individ-retro-page li, .individ-retro-page dt, .individ-retro-page dd, .individ-retro-page td, .individ-retro-page th, .individ-retro-page a, .individ-retro-page em, .individ-retro-page strong,
.individ-retro-page label, .individ-retro-page input, .individ-retro-page select, .individ-retro-page textarea, .individ-retro-page button {
  font-size: 16px;
  line-height: 24px;
}
.individ-retro-page h1, .individ-retro-page h2, .individ-retro-page h3, .individ-retro-page h4, .individ-retro-page h5, .individ-retro-page h6 {
  font-size: 22px;
  line-height: 30px;
}

/* --- Datu ievades forma ------------------------------------------------ */
.individ-retro-form .input_block {
  width: 100%;
  float: none;
}
.individ-retro-form p {
  margin: 0 0 14px;
  clear: left;
  overflow: hidden;
}
.individ-retro-form select,
.individ-retro-form input[type=text] {
  height: 52px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 50px;
  border: 1px solid #c6c9cd;
  border-radius: 4px;
  background: #fff;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.individ-retro-form select {
  margin-right: 6px;
}
.individ-retro-form input[type=text] {
  width: 320px;
}

.individ-retro-form-title {
  font-size: 22px;
  text-transform: uppercase;
  color: #002E6A;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 4px;
  margin: 0 0 12px;
}

/*
 * Etiķetes. Selektorā jābūt form.standard, citādi astrokarte.css noteikums
 * form.standard p label {width:70px} ir specifiskāks - 16px tekstam ar 70px ir
 * par maz. Etiķetes tekstu centrējam pret lauka augstumu.
 */
form.standard.individ-retro-form p label,
form.standard.individ-retro-form div label {
  width: 170px;
  padding: 0;
  line-height: 52px;
}
form.standard.individ-retro-form .individ-retro-notime label {
  line-height: 24px;
}
form.standard.individ-retro-form .individ-retro-notime label.individ-retro-notime-descr {
  float: none;
  display: inline-block;
  width: auto;
  clear: none;
  line-height: 24px;
  font-weight: normal;
  cursor: pointer;
  vertical-align: center;
}

/*
 * Vietas izvēles poga. Tā ir vienīgais lauks, kas jāuzspiež, lai ievadītu datus,
 * tāpēc to turam mazliet lielāku par pārējiem laukiem un vismaz tikpat platu kā
 * e-pasta lauku, lai tā izskatās pēc pilnvērtīga lauka, nevis saites.
 *
 * Izmēru liekam iekšējam span, jo tieši tam ir .linkbutton rāmis un fons.
 * Pašam <a> ir inline stils display:inline-flex, ko no CSS nepārrakstīsim.
 */
#choose-location {
  line-height: 60px;
}
#choose-location .linkbutton {
  height: 60px;
  align-items: center;
  vertical-align: middle;
}
#choose-location .linkbutton span {
  display: block;
  min-width: 320px;
  font-size: 18px !important;
  line-height: 58px;
  padding: 0 24px !important;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.individ-retro-notime input[type=checkbox] {
  width: 22px;
  height: 22px;
  vertical-align: center;
  margin-right: 8px;
}

#open-location-picker .place-result {
  font-weight: bold;
}

.individ-retro-note {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  margin-top: 15px !important;
}

.individ-retro-error {
  color: #bb3508;
  font-weight: bold;
  margin-bottom: 10px;
}

/* --- Datu pieejamības termiņš ------------------------------------------ */
.individ-retro-valid-until {
  background: #fff6e0;
  border-left: 4px solid #edb13d;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 24px;
  margin: 12px 0 !important;
}

.individ-retro-expired {
  background: #ecebec;
  border: 1px solid #d0cfd0;
  padding: 20px;
  margin-bottom: 20px;
}
.individ-retro-expired p {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 24px;
}
.individ-retro-expired .orange_butt {
  display: inline-block;
  min-height: 64px;
  font-size: 18px;
  line-height: 26px;
  padding: 18px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --- Labās kolonnas info bloks ----------------------------------------- */
/*
 * Perioda datumi un cena ir vērtību izcēlumi, tāpēc virsraksta izmērā.
 * Selektorā jābūt .individ-retro-page, citādi tipogrāfijas bloks
 * (.individ-retro-page p) ir specifiskāks un izmēru pārraksta atpakaļ uz 16px.
 */
.individ-retro-page .individ-retro-period-dates,
.individ-retro-page .individ-retro-price {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  color: #bb3508;
  margin: 5px 0 10px;
}

.individ-retro-birth-data {
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 10px;
}

.individ-retro-period-info {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

/*
 * Apmaksas poga. Tāpat kā augstāk - bez .individ-retro-page tipogrāfijas bloks
 * (.individ-retro-page button) ir specifiskāks un pogas izmēru atceltu.
 */
.individ-retro-page .individ-retro-submit {
  width: 100%;
  cursor: pointer;
  min-height: 64px;
  font-size: 18px;
  line-height: 26px;
  padding: 18px 20px;
}

.individ-retro-check {
  margin-top: 10px !important;
  text-align: center;
}

/*
 * "Jau apmaksāts?" poga - tāda paša izmēra kā oranžā apmaksas poga, tikai
 * pelēkajā .linkbutton noformējumā. Izmērus uzliekam iekšējam span, jo tieši
 * tam ir .linkbutton rāmis un fons.
 */
.individ-retro-check-btn {
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.individ-retro-check-btn span {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 64px;
  font-size: 18px !important;
  line-height: 26px;
  padding: 18px 20px !important;
  text-align: center;
}

/* --- "Lasīt vairāk" pogas ---------------------------------------------- */
/*
 * Divi varianti ar vienādu izskatu:
 *  -toggle izver saturu turpat lapā, -popup atver SID fancybox logā.
 * Bultiņa griežas tikai izveramajam variantam.
 */
.individ-retro-page .individ-retro-readmore {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 8px 0 4px;
  padding: 8px 16px;
  border: 1px solid #c6c9cd;
  border-radius: 4px;
  background: #f6f6f6;
  color: #0056a1;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.individ-retro-page .individ-retro-readmore:hover {
  background: #ececec;
}

.individ-retro-page .individ-retro-readmore:after {
  content: " ▾";
}

/*
 * Izveramajai pogai ir divi uzraksti - atvērtā stāvoklī "Aizvērt". Abus
 * ieliekam HTML'ā un pārslēdzam ar CSS, lai tulkojumi paliktu PHP pusē un
 * skripts nezinātu par tekstiem neko.
 */
.individ-retro-page .individ-retro-readmore-toggle .individ-retro-readmore-close {
  display: none;
}
.individ-retro-page .individ-retro-readmore-toggle.open:after {
  content: " ▴";
}
.individ-retro-page .individ-retro-readmore-toggle.open .individ-retro-readmore-more {
  display: none;
}
.individ-retro-page .individ-retro-readmore-toggle.open .individ-retro-readmore-close {
  display: inline;
}

.individ-retro-readmore-body {
  display: none;
  padding: 4px 0 8px;
}

.individ-retro-houses-popup {
  margin: 15px 0 25px !important;
}

/* --- Perioda sākuma / beigu bloks --------------------------------------- */
.individ-retro-period-block {
  background: #fff4e4;
  border: 2px solid #f0900a;
  border-radius: 4px;
  padding: 12px 15px;
  margin-bottom: 15px;
  text-align: center;
}

.individ-retro-page .individ-retro-period-block-label {
  color: #7a5400;
  text-transform: uppercase;
}

.individ-retro-page .individ-retro-period-block-date {
  color: #bb3508;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  margin: 0 6px;
}

.individ-retro-page .individ-retro-period-block-sep {
  margin: 0 8px;
  color: #7a5400;
}

/* --- Nav aspektu paziņojums --------------------------------------------- */
.individ-retro-no-aspects {
  background: #e8f8e2;
  border-left: 4px solid #4caf50;
  padding: 12px 15px;
  margin: 10px 0 20px !important;
  font-size: 16px;
  line-height: 24px;
  color: #2f6b32;
  font-weight: bold;
}

/* --- Ēnas perioda kastīte ---------------------------------------------- */
.individ-retro-shadow {
  border: 2px solid #0056a1;
  background: #eaf3fa;
  padding: 8px 10px 10px;
  margin: 15px 0;
}
.individ-retro-shadow h1 {
  border-bottom: 1px solid #0056a1 !important;
  color: #000 !important;
  margin-top: 0 !important;
}

.individ-retro-shadow-dates {
  margin: 6px 0;
  font-size: 16px;
  font-weight: bold;
  color: #0056a1;
  line-height: 20px;
}

.individ-retro-shadow-descr {
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  color: #444;
}

.individ-retro-shadow-more {
  margin: 10px 0 0 !important;
}

/* Platā versija - rezultāta saturā zem virsraksta */
.individ-retro-shadow-wide {
  padding: 12px 20px 15px;
  margin-bottom: 20px;
  text-align: center;
}
.individ-retro-shadow-wide h1 {
  font-family: "Myriad Web Pro Condensed", "Myriad Pro", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 4px;
  margin: 0 0 8px !important;
}
.individ-retro-shadow-wide .individ-retro-shadow-dates {
  font-size: 24px;
  line-height: 28px;
  margin: 8px 0;
}
.individ-retro-shadow-wide .individ-retro-shadow-descr {
  font-size: 16px;
  line-height: 23px;
}

/* --- Rezultāts --------------------------------------------------------- */
.individ-retro-heading {
  font-size: 22px;
  line-height: 30px;
  color: #bb3508;
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #bb3508;
}

.individ-retro-subheading {
  font-size: 22px;
  line-height: 30px;
  color: #002E6A;
  margin: 25px 0 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 4px;
}

.individ-retro-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.individ-retro-table td {
  padding: 10px;
  text-align: center;
  border: 2px solid #fff;
  font-size: 16px;
  line-height: 22px;
  width: 50%;
}
.individ-retro-table td.good {
  background: #aeff8e;
}
.individ-retro-table td.bad {
  background: #ffa5a5;
}
.individ-retro-table td strong {
  font-size: 26px;
  line-height: 30px;
}

/* --- Retro planēta astromājās ------------------------------------------ */
.individ-retro-houses-note {
  background: #fff6e0;
  border-left: 4px solid #edb13d;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}

ul.blog-list2.individ-retro-houses {
  margin: 0;
  padding: 0;
}
ul.blog-list2.individ-retro-houses li {
  padding: 10px 0;
}
ul.blog-list2.individ-retro-houses .individ-retro-house-text {
  width: 570px;
  font-size: 16px;
  line-height: 24px;
  padding: 0 10px;
}

.individ-retro-house-intro {
  margin-bottom: 6px;
}

.individ-retro-house-dates {
  margin: 0 0 6px !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #0056a1;
}

.individ-retro-house-nr {
  float: left;
  width: 95px;
  text-align: center;
  padding-top: 10px;
}
.individ-retro-house-nr span {
  display: block;
  font-size: 34px;
  line-height: 36px;
  font-weight: bold;
  color: #7b2233;
}
.individ-retro-house-nr em {
  font-size: 16px;
  line-height: 22px;
  font-style: normal;
  color: #666;
}

/* --- Aspektu datumu saraksti -------------------------------------------- */
ul.individ-retro-aspects {
  margin: 10px 0 20px;
  padding: 0;
  list-style: none;
  /*
   * Astromaģijas saraksts ir zaļš, nevis oranžs - tie ir labvēlīgie aspekti,
   * tāpēc tā pati zaļā krāsa, kas "Periodā nav aspektu" paziņojumam.
   * Pārraksta luksofora krāsas augstāk, tāpēc jāstāv aiz tām.
   */
}
ul.individ-retro-aspects li {
  padding: 8px 10px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  /*
   * Aspektu rindās "Lasīt vairāk" ir tikai saite, nevis poga - rindu ir
   * daudz, un pilna platuma pogas tās pārslogotu. Noņemam pogas rāmi,
   * fonu un platumu, atstājam tikai saiti ar bultiņu.
   */
  /* Luksofora krāsas */
}
ul.individ-retro-aspects li:last-child {
  border-bottom: 0;
}
ul.individ-retro-aspects li .individ-retro-readmore {
  float: right;
  display: inline-block;
  width: auto;
  margin: 0 0 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-align: right;
  text-decoration: underline;
}
ul.individ-retro-aspects li .individ-retro-readmore:hover {
  background: none;
  text-decoration: none;
}
ul.individ-retro-aspects li .individ-retro-readmore-body {
  clear: both;
  padding: 6px 0 4px;
}
ul.individ-retro-aspects li.color-r {
  border-left: 5px solid #d94a4a;
  background: #fdf1f1;
}
ul.individ-retro-aspects li.color-b {
  border-left: 5px solid #000;
  background: #f0f0f0;
}
ul.individ-retro-aspects li.color-stars, ul.individ-retro-aspects li.color-starsm {
  border-left: 5px solid #edb13d;
  background: #fff9ec;
}
ul.individ-retro-aspects li.color-sun {
  border-left: 5px solid #f0900a;
  background: #fff4e4;
}
ul.individ-retro-aspects.magic li.color-stars, ul.individ-retro-aspects.magic li.color-starsm, ul.individ-retro-aspects.magic li.color-sun {
  border-left-color: #4caf50;
  background: #e8f8e2;
}

/*
 * Rindas secība: datums, laiks, nosaukums - un pa labi "Lasīt vairāk".
 * Laiks vairs nav float:right; to vietu tagad aizņem poga.
 */
.individ-retro-aspect-date {
  display: inline-block;
  width: 70px;
  font-weight: bold;
}

.individ-retro-aspect-time {
  display: inline-block;
  width: 55px;
  color: #888;
  font-size: 16px;
}

.individ-retro-aspect-text {
  display: inline;
}

/* --- Apmaksas bloks centrālajā kolonnā ---------------------------------- */
.individ-retro-pay {
  background: #ecebec;
  padding: 20px;
  text-align: center;
}
.individ-retro-pay .individ-retro-price {
  font-size: 24px;
}

/* Tāda pati kā ievades formas apmaksas poga - tā pati darbība, tas pats izmērs */
.individ-retro-page .individ-retro-pay .orange_butt {
  display: inline-block;
  min-height: 64px;
  font-size: 18px;
  line-height: 26px;
  padding: 18px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --- Planētu kustība ---------------------------------------------------- */
.individ-retro-movement {
  background: #f7f7f7;
  border-left: 4px solid #0056a1;
  padding: 12px 15px;
  margin-bottom: 20px;
}

.individ-retro-movement-head {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  text-transform: uppercase;
}

.individ-retro-movement-dates {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 24px;
  color: #ff6600;
}

.individ-retro-movement-text {
  font-size: 16px;
  line-height: 24px;
}

/* --- Testa režīms (tikai superadminam) ---------------------------------- */
.individ-retro-testmode {
  background: #ffe9b3;
  border: 2px dashed #c98b00;
  padding: 10px 14px;
  margin: 15px 0 !important;
  font-size: 16px;
  line-height: 24px;
  color: #7a5400;
  text-align: left;
}
.individ-retro-testmode a {
  color: #7a5400;
  font-weight: bold;
}

/* --- SID saraksts adminam (tikai superadminam) -------------------------- */
/*
 * Apzināti neitrāls, "adminīgs" izskats, lai to nesajauktu ar lapas saturu.
 * Bloku ģenerē parts/admin_sids.php, kas pats pārbauda ASTRO_SUPERADMIN.
 */
.individ-retro-admin-sids {
  clear: both;
  margin: 40px 0 20px;
  padding: 15px 20px;
  border: 2px dashed #c98b00;
  background: #fffdf5;
}
.individ-retro-admin-sids h2 {
  margin: 0 0 8px !important;
  color: #7a5400 !important;
  border: 0 !important;
  text-transform: none;
}
.individ-retro-admin-sids h3 {
  margin: 16px 0 6px;
  color: #7a5400;
  font-size: 18px;
  line-height: 26px;
}
.individ-retro-admin-sids ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.individ-retro-admin-sids li {
  padding: 3px 0;
  border-bottom: 1px dotted #e6dcc0;
  font-family: Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 20px;
}
.individ-retro-admin-sids li a {
  color: #0056a1;
  font-size: 13px;
  line-height: 20px;
}
.individ-retro-admin-sids li.is-empty a {
  color: #bb3508;
}
.individ-retro-admin-sids li em {
  margin-left: 8px;
  color: #bb3508;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
}

.individ-retro-admin-sids-note {
  margin: 0 !important;
  color: #7a5400;
}

/* --- Gaismas un stacionārais periods ------------------------------------ */
/*
 * Abi lieto ēnas perioda kastītes formu, bet ar savu akcenta krāsu, lai trīs
 * blakus esošos periodu blokus nesajauktu. Ēnas periods paliek zils.
 */
/*
 * Visas trīs kastītes (gaismas, stacionārais, ēnas periods) izskatās vienādas -
 * zils rāmis un fons no .individ-retro-shadow. Atšķiras TIKAI virsraksta krāsa.
 * Šiem noteikumiem jāstāv ZEM .individ-retro-shadow, jo specifiskums ir vienāds
 * un izšķir secība failā.
 */
.individ-retro-light h1 {
  color: #6b6f76 !important;
}

.individ-retro-stationary h1 {
  color: #7b2233 !important;
}

/* Zīmes nosaukums planētu kustības blokā, kad periodā ir divas zīmes */
/*
 * Zīmes josla ir teksta dalītājs - lielāka, iecentrēta un iekrāsota, lai būtu
 * skaidri redzams, kur beidzas viena zīme un sākas otra.
 * .individ-retro-page priekšā vajag tāpēc, ka sadaļas tipogrāfijas bloks
 * (.individ-retro-page span) citādi ir specifiskāks par vienas klases selektoru.
 */
.individ-retro-page .individ-retro-movement-sign {
  margin: 20px 0 10px !important;
  font-size: 22px;
  line-height: 30px;
  color: #0056a1;
}
.individ-retro-page .individ-retro-movement-sign strong {
  font-size: 22px;
  line-height: 30px;
  color: #0056a1;
}

.individ-retro-page .individ-retro-movement-sign-dates {
  font-size: 22px;
  line-height: 30px;
  color: #0056a1;
}

/* --- Kopsavilkums: kādiem datiem rezultāts aprēķināts -------------------- */
.individ-retro-order-data {
  background: #ecebec;
  border: 1px solid #d0cfd0;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 15px;
}
.individ-retro-order-data h3 {
  margin: 0 0 8px;
  color: #002E6A;
}
.individ-retro-order-data p {
  margin: 0 0 4px;
}
.individ-retro-order-data strong {
  font-weight: bold;
}

.individ-retro-page .individ-retro-order-data-label {
  display: inline-block;
  min-width: 140px;
  color: #666;
}

.individ-retro-page .individ-retro-order-data-note {
  color: #666;
  font-style: normal;
}

/* Kad planēta pēc atpakaļgaitas atgriežas sākuma astromājā */
.individ-retro-house-return {
  background: #fff6e0;
  border-left: 4px solid #edb13d;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}

.individ-retro-page .individ-retro-house-return-date {
  margin: 0 !important;
}

.individ-retro-house-return-text {
  margin-top: 6px;
}

/*# sourceMappingURL=individ_retro.css.map */
