/* SheGui/tr/india23/india23.css

Version: 8 Mar 24

Started 04 Mar 2024, built the styles as embedded styles, then moved here...
This derived from SheGui sg-19216B.css as it stood 4 Mar 24... but little remains of that!

---
This CSS written for CSS level 3 + SVG... used
https://jigsaw.w3.org/css-validator/ to test.

---
See...

   https:bit.ly/CssBoxesInBoxes

...for many general points for novices (and for things I want to remind my novice-self of!) about CSS issues.

(aka http://sheepdogguides.com/hh/html-css/BoxesInBoxes.htm)
*/


/*=========*/
.tkbR, .tkbL, .tkbC {min-width:152px; max-width:1502px;}

/*=========*/
/*Using box-sizing is a complex issue... I THINK I want to go this route... Started it with In_di_a23, continued in Da_l2_4

Consider this "don't box-size everything" blog...
https://aastudio.fr/box-sizing.html */

* {box-sizing:border-box;}

/*=========*/

/*box-sizing (above) and ItinDate, Accom -> LocalItin, and the Span classes ForCharsTkb1st, CharsWorkshop and CharsURL first appeared in in_di_a23 pgs... That page done in my 10,001st hour of doing CSS... I finally "got it"!*/

/*Unique to india23 pgs, I think, when first created. Since copied from here to newer .css's, e.g. BP and dal24 ...*/

.ItinDate {font-family: "Times New Roman", Times, serif;
   font-size:1.3em;
   padding:6px 0px 14px 12px;
   background-color:#66b3ff;}

.Accom {font-family: "Times New Roman", Times, serif;
   padding:2px 15px;/*1st is top and bottom, 2nd is sides*/
   background-color:#99ccff;margin-right:40%;/*border-style:solid;border-width:0px;*/}/* didn't "clip" the band of background-color that runs across the page at first... I think adding border:solid; fixed that.. but taking it out again didn't "break" fix. Go figger.*/

.Meals {font-family: "Times New Roman", Times, serif;
   padding:2px 15px;
   background-color:#cce6ff;}

/*Intinerary- as issued before tour by Odysseys Unlimited*/
.OdyUn {font-family: "Times New Roman", Times, serif;
   background-color:#ffffcc;margin:10px 30px;padding:8px 12px;
   font-size:1.1em;}
   /*top&bottom / left and right
   Margin is OUTSIDE, and not set to background color,
   Padding is between margin and text, an IS set to background color*/

/*Intinerary- as issued by Radshid or Suresh*/
.LocalItin {font-family: "Times New Roman", Times, serif;
   background-color:#e6ffcc;margin:10px 30px;padding:8px 12px}

/*And now some for <span>s.... */

/*"ForCharsTkb1st" *is* in use in at least some india23 pages, in
spite of the poor name. It was one of my first attempts
to use CSS in <span>s. If not THE first, a very early
one. ForCharsTkb1st first used in india23/itin-summ.htm late
Feb (or early March) 24. Others, derived from it, went to
external style sheet india23.css quite soon- 4 Mar 24
*/
.ForCharsTkb1st {color:blue;
font-weight: bold;}
/*Thank you... https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
...for Font Weight*/

.CharsWorkshop /*For spans holding details of artisan workshops we visited*/
{font-family: Arial, Helvetica, sans-serif;
   background-color:#ccf;
   color:#804d00;/*misc old values: b38600 e6e6ff*/  /*NOTE USEFUL SHORTCUT:   cc0 = cccc00*/
   font-weight:bold;
   font-size:0.7em; }

.CharsURL /*For spans holding URLs*/
{font-family: Arial, Helvetica, sans-serif;
   /*background-color:#ccf;*/
   /*color:#804d00;*/
   font-weight:bold;
   font-size:0.8em;}

/*N.B.: The call of india23.css must come after the call for
PosnImages-WpFlagB.css if this is to have desired effect!*/

/* ==========================
Over-ride, re-set some of the setting found in external
  https://sheepdogguides.com/css/PosnImages-WpFlagB.css...

======
** Using "tkbR,tkbL,tkbC" did not work. The "img." part is somehow,
somewhy important. Figure out! Sigh. **
And yes, it has to be on all three... in some legacy pages,
  it only appears on the first (tkbR)
======

Common values...*/

img.tkbR,img.tkbL,img.tkbC {
        /*These were the values in external, 4 Mar 24...
            border-width:1px;
            min-width:150px;max-width:1200px;
            margin-top:3px;
            margin-bottom:6px;*/

   /*changed...*/
   min-width:150px;max-width:1200px;
   border-style:none;
   padding:0px;}

/*Then refine, with specifics.
  ORDER of the lines is IN REVERSE //ON PURPOSE//... so same numbers on equiv lines*/

img.tkbR {float:right;margin-right:1%;
               margin-left:2%;}
img.tkbL {float:left;margin-left:1%;
               margin-right:2%;}

/*Class to center an image. (Didn't need resetting)... Thank you...
    https://www.w3schools.com/howto/howto_css_image_center.asp
    for this. Or was it...
    https://www.w3.org/Style/Examples/007/center.en.html#block ?
img.tkbC {
  display: block;
  margin-left:auto;margin-right:auto;
  margin-top:2px;margin-bottom:5px;}
 */