/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.section-banner h1 span {
    color: #004281;
    font-size: 46px;
    line-height: 55px;
	border: none;
}

.section-banner .section-title-container  {
	padding: 0;
}

.section-banner .section-title-container h1 {
	border: none;
}

.section-banner .text-3, .section-banner .text-3 p {
    color: #FF9800;
    font-weight: bold;
    font-size: 35px;
}

.section-service .box-push .box-text {
    background-color: hsla(0, 0%, 100%, .95);
    margin: -15% auto 0;
    max-width: 90%;
    padding: 15px 20px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 0;
    border: 1px solid #EEEEEE;
    padding: 10px;
    background-color: white;
    min-height: 80px;
    font-weight: bold;
    border-radius: 5px;
    font-size: 17px;
}

.section-service  .box-image img {
    border-radius: 5px;
}

.row-container {
	max-width: 900px !important;
	margin: 0 auto;
}

.row-container>.col>.col-inner {
    background-color: hsla(0, 0%, 100%, .95);
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border: 1px solid #EEEEEE;
    background-color: white;
    border-radius: 20px;
}

.row-container>.col .col {
	padding: 0;
	display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
	text-align: center;
}

.row-container>.col .col p {
	margin-bottom: 0;
}

.row-container .row-header p {
	font-weight: bold;
}

.row-container img {
	border-radius: 10px;
}

.section-title b {
    background-color: transparent;
}

.section-title-container {
	margin-bottom: 0;
}

.section-lease .box-text {
    font-weight: bold;
    text-align: center;
    color: #004281;
    font-size: 18px;
	padding: 10px 0;
}

.section-lease .row-item .row .col-inner {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 0;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}

.section-lease .row-item .row .col-inner p {
	margin-bottom: 0;
}

.section-lease .row-item .col-inner img {
	border-radius: 10px 10px 0 0;
}

.section-lease, .section-installation, .section-partner, .section-cta, .section-price {
	padding: 45px 0 20px !important;
}

.section-installation .row-item .col-inner {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 25px 20px 15px;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}

.section-installation .row-item a.button {
	border-radius: 5px;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.row-container>.col>.col-inner {
		border-radius: 10px;
	}
.row-container>.col .col .col-inner {
    padding: 5px;
	font-size: 12px;
	text-align: center;
}
	
	.row-container>.col .col .col-inner a.button {
		font-size: 11px;
		margin: 0 !important;
	}

	.section-banner h1 span {
    font-size: 16px;
    line-height: 25px;
}
	.section-banner .text-3, .section-banner .text-3 p {
    color: #FF9800;
    font-weight: bold;
    font-size: 26px;
}
	
	.section-price th, .section-price td {
		padding: 10px !important;
		font-size: 12px !important;
	}
	
	.section-lease .box-text {
    font-size: 12px;
}

.section-service .box-push .box-text {
    min-height: inherit;
}
	
}