/*
Theme Name: Responsive Child
Theme URI: https://cyberchimps.com/responsive/
Template: responsive
Author: CyberChimps
Author URI: https://cyberchimps.com
Description: Responsive is a fast, lightweight, & fully customizable WordPress theme, which offers 100+ free ready-to-use Elementor & WordPress Block templates for websites of all types (blog, WooCommerce, Portfolio, Podcast, Startups, Consultancy, Education, LMS, Auctions, and more). The theme is easy to customize and you can create blog or eCommerce websites using a user-friendly drag and drop interface. It's optimized for SEO with support for Schema.org microdata, fast loading speed, and responsive layout designs. Responsive works with all popular WordPress plugins like WooCommerce, bbPress, LearnDash, BuddyPress, etc. Responsive theme is fully compatible with popular page builders like Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. It comes with ready to import websites: Built with Elementor & full site editing(FSE) features, it's an ideal theme to quickly launch a fully functional website. Features: #Responsive #Starter Templates #WooCommerce Ready #Import Pre-Built Elementor Websites (Elementor & Block editor) #LearnDash LMS Ready #RTL support #Translations Ready #WPML Compatible #Retina Logo #Layout Settings #Transparent Headers #Blog Layouts #Unlimited Colors. Check out the list of all 100+ Responsive Starter Templates: https://cyberchimps.com/wordpress-themes/
Tags: blog,grid-layout,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-colors,custom-logo,custom-menu,editor-style,featured-images,featured-image-header,flexible-header,footer-widgets,full-width-template,microformats,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,e-commerce,portfolio,rtl-language-support,post-formats,accessibility-ready,wide-blocks
Version: 4.9.1700076491
Updated: 2023-11-15 19:28:11

*/

body {
    background-color: #fff;
}

.site-content {
    padding: 0;
}

.main-content > article {
    margin: 0;
    padding: 0 ;
}

.main-content .post-title {
    display: none;
}

#footer {
    display:none;
}
h2 {
    margin: 0 0 12px 0;
    line-height: 1.25;
    font-size: 1.5rem;
    font-weight: 600;
    color: #000000;
    font-family: 'Muli', sans-serif;
}
a {
	color: #ef3e42;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
p {
    margin: 0 0 16px 0;
    padding: 0;
    font-family: 'Muli', sans-serif;
    line-height: 28px;
    font-size: 16px;
    color: #3a3740;
}
section {
    padding: 22px;
    min-height: 20rem;
    -webkit-transition: padding .25s ease;
    transition: padding .25s ease;
}
h1 {
    margin: 0 0 12px 0;
    line-height: 1.2;
    font-weight: 400;
    font-family: "futura-pt",sans-serif;
    color: #000000;
    text-transform: none;
    font-size: 40px;
    padding-top: 5px;
    text-rendering: optimizelegibility;
}
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	clear: both;
}
header.stick {
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	max-height: 100vh;
	overflow-y: auto;
	background: #fff;
	z-index: 100;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
	position: fixed;
}
div.stick {
    display: flex;
	width: 100%;
	overflow-y: auto;
	position: fixed;
}
header.stick .logo-wrapper {
	padding: 12px 0 12px 20px;
}
header .logo-wrapper {
	position: relative;
	padding: 22px 0 22px 20px;
	width: auto;
	max-width: 170px;
	-webkit-transition: padding .25s ease;
	transition: padding .25s ease;
}
header .logo-wrapper a {
	display: block;
	line-height: 0;
	font-size: 0;
	color: transparent;
}
.utility-belt {
	min-height: 12px;
    background: #ef3e42;
    padding: 0;
    margin-top: 55px !important;
    width: 100%;
    padding-top: 70px;
}
.section-heading {
	margin: 0 0 30px 0;
}

footer {
	display: flex;
    justify-content: space-between;
    text-align: center;
	background: #222222;
	padding: 40px 22px;
	color: #ebebeb;
    justify-content: center;
}
@media all and (max-width: 650px) {
    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 10px 22px;
    }
}
.copy {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	color: #ebebeb;
}
.copy a {
	display: block;
	color: #ebebeb;
}
.copy a:hover {
	text-decoration: underline;
}

iframe{
    border-width: 0;
    width: 100%;
    height: auto;
}

/* MEDIA QUERIES */
@media all and (min-width: 600px) {
    .copy {
        text-align: left;
    }
    .copy a {
        display: inline;
        position: relative;
        padding: 0 0 0 16px;
    }
    .copy a:before {
        content: "";
        position: absolute;
        bottom: 50%;
        left: 7px;
        width: 1px;
        height: 70%;
        background: #ebebeb;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
}
@media all and (min-width: 700px) {
    section {
        width: auto;
    }
    .section-heading h1 {
        width: calc(100% - 70px);
    }
}
@media all and (min-width: 800px) {
    .stick~main {
        margin: 60px 0 0 0;
    }
    .main-content section {
        padding: 40px;
    }
    footer {
        padding: 40px;
	}
	.img250px {
		display: none;
	}
	.img340px {
		display: block;
	}	  
}

@media all and (max-width: 1050px) {
    .utility-belt {
        padding-top: 30px;
    }
}
@media all and (min-width: 900px) {
    .main-content {
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
}
@media all and (min-width: 1050px) {
    header .logo-wrapper {
        display: inline-block;
        padding: 20px 0 30px 20px;
        max-width: none;
    }
}
@media all and (min-width: 1200px) {
    header {
        padding: 0 22px;
    }
    header.stick .logo-wrapper {
        padding: 12px 0 12px 0;
    }
    header .logo-wrapper {
        padding: 30px 0 40px 0;
    }
    section {
        padding: 32px 60px;
    }
    .main-content {
        padding: 0 60px 40px 60px;
        min-height: 475px;
    }
    footer {
        padding: 40px 60px;
    }
}
@media all and (min-width: 1400px) {
    header {
        padding: 0 40px;
    }
}
    header {
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	max-height: 100vh;
	overflow-y: auto;
	background: #fff;
	z-index: 100;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
}
header.stick {
	position: fixed;
}
header.stick .logo-wrapper {
	padding: 12px 0 12px 20px;
}
header.stick .mobile-button {
	top: 12px;
}
header .logo-wrapper {
	position: relative;
	padding: 22px 0 22px 20px;
	width: auto;
	max-width: 170px;
	-webkit-transition: padding .25s ease;
	transition: padding .25s ease;
}
header .logo-wrapper a {
	display: block;
	line-height: 0;
	font-size: 0;
	color: transparent;
}
.img340px {
	display: none;
}
/* MEDIA QUERIES */
@media all and (min-width: 600px) {
    .instruction {
        width: 50%;
        margin-right: 0;
    }
    .form-inputs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .copy {
        text-align: left;
    }
    .copy a {
        display: inline;
        position: relative;
        padding: 0 0 0 16px;
    }
    .copy a:before {
        content: "";
        position: absolute;
        bottom: 50%;
        left: 7px;
        width: 1px;
        height: 70%;
        background: #ebebeb;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
}
@media all and (min-width: 700px) {
    section {
        width: auto;
    }
    .section-heading h1 {
        width: calc(100% - 70px);
    }
}
@media all and (min-width: 800px) {
    .stick~main {
        margin: 94px 0 0 0;
    }
    .main-content section {
        padding: 40px;
    }
    footer {
        padding: 40px;
	}
	.img250px {
		display: none;
	}
	.img340px {
		display: block;
	}	  
}
@media all and (min-width: 900px) {
    .main-content {
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
    }
    body.s1:not(#p6) .main-content section {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0;
    }

}
@media all and (min-width: 1050px) {
    header .logo-wrapper {
        display: inline-block;
        padding: 20px 0 30px 20px;
        max-width: none;
    }
    header .logo-wrapper a img[src="images/hl_logo_line.svg"] {
        display: block;
        width: auto;
        height: 80px;
        -webkit-transition: height .25s ease, padding .25s ease;
        transition: height .25s ease, padding .25s ease;
    }
}

@media all and (min-width: 1200px) {
    header {
        padding: 0 22px;
    }
    header.stick .logo-wrapper {
        padding: 12px 0 12px 0;
    }
    header.stick .logo-wrapper a img[src="images/hl_logo_line.svg"] {
        height: 70px;
    }
    header .logo-wrapper {
        padding: 30px 0 40px 0;
    }
    header .logo-wrapper a img[src="images/hl_logo_line.svg"] {
        height: 100px;
    }
    section {
        padding: 32px 60px;
    }
    .main-content {
        padding: 0 60px 40px 60px;
        min-height: 475px;
    }
    footer {
        padding: 40px 60px;
    }
}
@media all and (min-width: 1400px) {
    header {
        padding: 0 40px;
    }
}
@media all and (max-width: 800px) {
    .section-heading {
        margin-top: 50px !important;
    }
}