/**
Theme Name: Astra Child
Author:  
Author URI:  
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@font-face {
    font-family: 'SP';
    src: url('https://sunset-patio.com/wp-content/themes/astra-child/fonts/SP.woff2') format('woff2'),
         url('https://sunset-patio.com/wp-content/themes/astra-child/fonts/SP.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

h1,
.elementor-widget-heading h1.elementor-heading-title {
	font-family: 'SP';
	font-weight: normal;
}

h2,
.elementor-widget-heading h2.elementor-heading-title {
	font-family: 'SP';
	font-weight: normal;
}

header#masthead p,
.mb0,
.mb0 p {
	margin-bottom: 0px !important;
}

.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit {
	border-radius: 10px;
	border: 2px solid #FAD004;
}

#header-btn > div > div > a > span > span {
	white-space: nowrap;
}


.darkbold strong {
	color: #070614;
}

.extrabold {
	font-weight: 800;
}

.white {
	color: #FFFFFF !important;
}

.nowrap {
	white-space: nowrap;
}

.phnum {
	white-space: nowrap;
	text-decoration: none;
}

.eggshell, .eggshell li {
	color: #edfbe2;
}

.bold {
	font-weight: bold !important;
}

body div#wprev-slider-1 .wprev_preview_bg1_T2 {
	border-bottom: 0px;
    border: 1px solid #bababa;
	border-radius: 15px;
    box-shadow: 1px 1px 3px #bababa;
}

body div.wprevpro_load_more_div button {
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 5px !important;
    font-size: 21px;
}

body div.wprevpro_load_more_div button:hover {
	background-color: #0f172a !important;
	color: #FAD004 !important;
}
	
}

.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img,
header .custom-logo-link img {
	max-width: none;
	width: 320px;
}

.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img:hover {
    filter: opacity(0.5) drop-shadow(0 0 0 #54b435);
}

.green-btn {
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0) !important;
    color: var(--ast-global-color-5) !important;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3em;
    letter-spacing: -0.5px;
    transition: all .2s linear;
}

.green-btn:hover {
    color: var(--ast-global-color-5) !important;
    background-color: var(--ast-global-color-1) !important;
    border-color: var(--ast-global-color-1) !important;
}

div.swiper-zoom-container img.elementor-lightbox-image,
body .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-lightbox-image:hover {
    border: 5px solid #070614 !important;
	border-radius: 15px;
}

div.gallery figure.gallery-item {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
    
div.gallery figure.gallery-item img {
    border: 2px solid #070614;
}
div.gallery figure.gallery-item:hover {
    transform: translateY(-8px);
}

#contact-email {
	display: none;
}

.wpcf7 .wpcf7-form-control-wrap,
.wpcf7 input[type="submit"] {
	margin-bottom: 20px;
}

a.brochure-grid-item {
    text-decoration: none !important;
}

div > a > svg.e-eicon-close.dialog-close-button-icon {
	height: 3em;
	width: 3em;
}


/* CF7 */
.wpcf7 input[type="submit"] {
	padding-top: 10px;
	padding-bottom: 10px;
}

.wpcf7 .wpcf7-not-valid-tip {
	height: 0px;
	color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 0;
}

.wpcf7 form .wpcf7-response-output {
    border: 0px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 12px;
    top: -11px;
    position: relative;
    font-size: 13px;
}



@media screen and (min-width: 920px) and (max-width: 1040px) {
	#ast-desktop-header > div > div > div > div > div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
		min-width: 215px;
	}
	
	div.ast-inline-flex ul.main-header-menu li.menu-item a {
		padding: 0 7px;
		font-size: 15px;
	}
	
	.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img, header .custom-logo-link img {
		width: 255px;
	}
	
	.ast-logo-title-inline .site-logo-img {
		padding-right: 4px;
	}
	
}

@media screen and (max-width: 1024px) {
	#second-home-pic {
		display: none;
	}
}


@media screen and (max-width: 767px) {
	.hide-mobile,
	.mobile-hide {
		display: none !important;
	}
	
	.mobile-brk {
		display: block !important;
		opacity: 0;
		height: 1px;
	}
}

@media (max-width: 544px) {
    header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
        max-width: none;
        width: 320px;
	}
}

@media screen and (max-width: 450px) {
    header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
        max-width: none;
        width: 100%;
	}
	
	div#readytogetstarted > div.elementor-widget-container h2.elementor-heading-title {
        font-size: 25px;		
	}
	
	#footer-copyright {
		max-width: 245px;
		margin: 0 auto;
	}
}