Trever’s Story

Trever shares about his suicide attempt and the moment he was able to accept the love being shown to him.
/* Alive to Thrive page styles */ /* Set some minimal baselines for styling. */ body, html { -webkit-font-smoothing: subpixel-antialiased; /* Improve font clarity */ margin: 0; padding: 0; font-size: 18px; } /* Tablet */ @media screen and (max-width: 1025px) { body, html { font-size: 18px; } } /* Mobile */ @media screen and (max-width: 768px) { body, html { font-size: 17px; } } /*----------------------------------- 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; } /*----------------------------------- TYPOGRAPHY ------------------------------------*/ /* Setting some typography defaults. These can be overruled in Elementor. */ /* Reset master site styles */ h1, h2, h3, h4, h5, h6, .elementor-section .elementor-widget-container h1, h1.elementor-heading-title, .elementor-section .elementor-widget-container h2, h2.elementor-heading-title, .elementor-section .elementor-widget-container h3, h3.elementor-heading-title, .elementor-section .elementor-widget-container h4, h4.elementor-heading-title, .elementor-section .elementor-widget-container h5, h5.elementor-heading-title, .elementor-section .elementor-widget-container h6, h6.elementor-heading-title { margin-bottom: 0; line-height: inherit; } p { font-weight: 300; font-size: 1rem; /* Where 1rem is 16px as set in the body styling */ margin-top: 0; } .att h3.elementor-heading-title, .att h4.elementor-heading-title, .att h5.elementor-heading-title, .att h6.elementor-heading-title { color: #686868; font-weight: 600; margin-bottom: 1rem; } .att h2.elementor-heading-title { color: #1B4663; font-weight: 600; margin-bottom: 1rem; } .att h1.elementor-heading-title { font-size: 1.9rem; } /* Tablet */ @media only screen and (max-width: 1023px) and (min-width: 650px) { .att h1.elementor-heading-title { font-size: 1.7rem; } } /* Mobile */ @media only screen and (max-width: 649px) { .att h1.elementor-heading-title { font-size: 1.5rem; } } .att h2.elementor-heading-title { font-size: 1.6rem; line-height: 2.1rem; } /* Tablet */ @media only screen and (max-width: 1023px) and (min-width: 650px) { .att h2.elementor-heading-title { font-size: 1.5rem; } } /* Mobile */ @media only screen and (max-width: 649px) { .att h2.elementor-heading-title { font-size: 1.3rem; line-height: 1.75rem; } } .att h3.elementor-heading-title { font-size: 1.35rem; } /* Tablet */ @media only screen and (max-width: 1023px) and (min-width: 650px) { .att h3.elementor-heading-title { } } /* Mobile */ @media only screen and (max-width: 649px) { .att h3.elementor-heading-title { } } .att p, .att ul li, .att ol li { line-height: 1.65rem; } /* Tablet */ @media screen and (max-width: 1025px) { .att p, .att ul li, .att ol li { line-height: 1.6rem; } } /* Mobile */ @media screen and (max-width: 768px) { .att p, .att ul li, .att ol li { font-size: .95rem; line-height: 1.5rem; } } .att ul, .att ol { margin-bottom: 1rem; } .att li { margin-bottom: .5rem; }
Focus on the Family

Have you benefited from a Focus on the Family ministry or resource? Share your story today and help families thrive.