/*
Theme Name: Astra Child
Theme URI: https://kairospathways.com
Description: Child theme for Astra
Author: Kairos Pathways
Template: astra
Version: 1.0.0
*/

/*  ===============================================================================================================
    TABLE OF CONTENTS
    1) Body Settings
    2) Footer Settings
    3) Kairos-Sub-Heading
    4) Kairos-Emphasis-Heading
    5) Kairos H1. H2, and H3 Heading Settings
    6) Kairos Table Settings
    =============================================================================================================== */


/*  ===============================================================================================================
    1) Body Settings
    =============================================================================================================== */
body {
    font-family: "Times New Roman", serif !important;   /* default font-family                                      */
    font-size: 20px;                                    /* default desktop text size                                */
    line-height: 1.5;                                   /* comfortable reading                                      */
    color: #000000;                                     /* default text color                                       */
    margin: 0;                                          /* reset browser default margin                             */
}
@media (max-width: 1024px) {                            /* Tablet Mode Settings                                     */
    body { font-size: 16px; }
}
@media (max-width: 768px) {                             /* Mobile Mode Settings                                     */
    body { font-size: 12px; }
}

/*  ===============================================================================================================
    2) Footer Settings
    =============================================================================================================== */
.Kairos-Footer-Heading {
    font-size: 45px;                                    /* default desktop text size                                */
    color: #000000 !important;                          /* text color will be black                                 */
    font-weight: 700 !important;                        /* text will be bolded                                      */
    -webkit-text-stroke: 1px #FFC000 !important;        /* text will have a yellow outline                          */
    line-height: 1.5 !important;                        /* tighten spacing between lines                            */
}
@media (max-width: 1024px) {                            /* Tablet Mode Settings                                     */
    .Kairos-Footer-Heading { font-size: 40px; }
}
@media (max-width: 768px) {                             /* Mobile Mode Settings                                     */
    .Kairos-Footer-Heading { font-size: 35px; }
}

/*  ===============================================================================================================
    3) Kairos-Sub-Heading
    =============================================================================================================== */
.Kairos-Sub-Heading {
    font-size: 40px;
    font-weight: 700 !important;                        /* text will be bolded                                      */
    color: #000000 !important;                          /* sets color to a Yellow                                   */
    -webkit-text-stroke: 1px #FFC000 !important;        /* text will have a purple outline                          */
    text-align: center;                                 /* centers text within the container                        */
    line-height: 1.05 !important;                       /* tighten spacing between lines                            */
}
@media (max-width: 1024px) {                            /* Tablet Mode Settings                                     */
    .Kairos-Sub-Heading { font-size: 35px; }
}
@media (max-width: 768px) {                             /* Mobile Mode Settings                                     */
    .Kairos-Sub-Heading { font-size: 30px; }
}

/*  ===============================================================================================================
    4) Kairos-Emphasis-Heading
    =============================================================================================================== */
.Kairos-Emphasis-Heading {
    font-size: 30px;
    font-weight: 700 !important;                        /* text will be bolded                                      */
    color: #F6F2EF !important;                          /* sets color to a Yellow                                   */
    -webkit-text-stroke: 1px #000000 !important;        /* text will have a purple outline                          */
    text-align: center;                                 /* centers text within the container                        */
    line-height: 1.05 !important;                       /* tighten spacing between lines                            */
}
@media (max-width: 1024px) {                            /* Tablet Mode Settings                                     */
    .Kairos-Emphasis-Heading { font-size: 25px; }
}
@media (max-width: 768px) {                             /* Mobile Mode Settings                                     */
    .Kairos-Emphasis-Heading { font-size: 20px; }
}

/*  ===============================================================================================================
    5) Kairos H1. H2, and H3 Heading Settings
       The font-size for the H1 → H3 are defined in: Appearance → Customize → Global → Typography.
       You can't define them in any CSS code. The size for all three in all modes is defined there.
    =============================================================================================================== */
.elementor-widget-heading .elementor-heading-title {
  color: #FFC000 !important;                            /* sets color to a Yellow                                   */
  font-weight: 700 !important;                          /* text will be bolded                                      */
  -webkit-text-stroke: 1px #7030A0 !important;          /* text will have a purple outline                          */
  text-align: center;                                   /* centers text within the container                        */
  text-shadow: 2px 2px 0 #000000 !important;            /* puts a black drop-down shadow on the text                */
  line-height: 1.05 !important;                         /* tighten spacing between lines                            */
}
.elementor-widget-heading {                             /* this wraps the elementor-heading-title widget */
  display: flow-root;                                   /* prevents margin-collapsing so padding-bottom is reliable */
  padding-bottom: 20px !important;                      /* set bottom padding to 20px to separate heading from text */
}

/*  ===============================================================================================================
    6) Kairos Table Settings
    =============================================================================================================== */
.Kairos-Table-Class {                                   /* Kairos Table Definition                                  */
    width: 100%;
	border-collapse: collapse;
    border: 1px solid #7030A0;                          /* puts a 1px purple border around the Table                */
}
.Kairos-Table-Header {
  border: 1px solid #7030A0;                            /* puts a 1px purple border around the Table                */
  padding: 4px;                                         /* put a 4px padding aroung the table header cell           */
  background-color: #7030A0;                            /* sets the background color to purple                      */
  color: #FFC000;                                       /* sets text color to yellow                                */
  font-weight: bold;                                    /* bolds the text                                           */
}
.Kairos-Table-First-Cell {
  border: 1px solid #7030A0;                            /* puts a 1px purple border around the Table                */
  padding: 4px;                                         /* put a 4px padding aroung the table header cell           */
  background-color: #F0EAF5;                            /* sets the background color to light purple10              */
  font-weight: bold;                                    /* bolds the text                                           */
}
.Kairos-Table-Data-Cel1 {
  border: 1px solid #7030A0;                            /* puts a 1px purple border around the Table                */
  padding: 4px;                                         /* put a 4px padding aroung the table header cell           */
  background-color: #F6F2EF;                            /* sets the background color to Brown10                     */
}