/*
Theme Name:        Hello Elementor Child
Theme URI:         https://adventuresinodyssey.com
Description:       Adventures in Odyssey child theme
Author:            Focus on the Family
Author URI:        https://focusonthefamily.com
Template:          hello-elementor
Version:           1.0.0
Text Domain:       hello-elementor-child
*/

/*-----------------------------------
    SET SOME DEFAULTS FOR ELEMENTOR
------------------------------------*/

body, html {
  -webkit-font-smoothing: subpixel-antialiased; /* Improve font clarity */
  margin: 0;
  padding: 0;
  font-size: 16px;
  overflow-x: hidden;
}


    /* Tablet */
    @media screen and (max-width: 1025px) {
        body, html  {
            font-size: 16px;
        }
    }
    /* Mobile */
    @media screen and (max-width: 768px) {
        body, html  {
            font-size: 15px;
        }
    }

/* Clear out link text-decoration states. We want more granular control over this. */
a,
a:hover,
a:focus {
    text-decoration: none;
}





/*-----------------------------------
    SPACING
 ------------------------------------*/

/* The following spacing styles give Elementor sections some default breathing room across device sizes. It is possible to half or zero out the top and bottom padding by using the p-half or p-zero class for the section class inside of the Elementor editor. It is possible to override these settings within Elementor by changing the padding in their editor as normal.
*/

/* Set the default padding for a section widget */
.elementor-section {
    padding: 75px 50px;
}

@media screen and (max-width: 1025px) {
    .elementor-section {
        padding: 50px 50px;
    }
}

@media screen and (max-width: 768px) {
    .elementor-section {
        padding: 50px 7%;
    }
}

/* Half padding options */
.elementor-section.p-half {
    padding-top: 30px;
    padding-bottom: 30px;
}
.elementor-section.p-half-bottom {
        padding-bottom: 30px;
}
.elementor-section.p-half-top {
        padding-top: 30px;
}
    /* Half on Tablets */
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section.p-half {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .elementor-section.p-half-bottom {
            padding-bottom: 20px;
        }
        .elementor-section.p-half-top {
            padding-top: 20px;
        }
    }
    /* Half on Mobile */
    @media only screen and (max-width: 649px) {
        .elementor-section.p-half {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .elementor-section.p-half-bottom {
            padding-bottom: 15px;
        }
        .elementor-section.p-half-top {
            padding-top: 15px;
        }
    }

/* Zero padding options */
.elementor-section.p-zero {
    padding-top: 0px;
    padding-bottom: 0px;
}
.elementor-section.p-zero-bottom {
        padding-bottom: 0px;
}
.elementor-section.p-zero-top {
        padding-top: 0px;
}