/*
Theme Name: Prague (Child Theme)
Theme URI: https://themeforest.net/user/fox-themes
Author: Fox-Themes
Author URI: https://themeforest.net/user/fox-themes
Version: 1.1.1
Description: A stunning visual experience for minimal loving creative. This template is a responsive and retina-ready WordPress theme with grid system layout. It is optimized for mobile touch and swipe.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prague-child
Template: prague
*/

/* = Add your own modification from here
-------------------------------------------------------------- */

/* Typography */


body p {
	color: #cbcbcb;
}

body, html {
	scroll-behavior: smooth;
}

.text-gray {
	color: #7e7e7d;
}


.text-gray * {
	color: #7e7e7d;
}

.enable_overlay, .overlay {
	    background-color: rgba(0,0,0,.6) !important;
}

.link-dark {
	color: #cbcbcb;
	text-decoration: none;
	position: relative;
}

.link-dark:hover {
		color: #cbcbcb;
}

.link-dark:hover::after {
	width: 0;
	transition: .2s ease-in-out;
}
.link-dark:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 1px;
	left: 0;
	background-color: #cbcbcb;
}

.home .prague-header .prague-header-wrapper {
	display: none;
}

/* Orange Heading */
.heading.heading-orange.light .subtitle {
	color: #de7301;
}

.heading.heading-orange.light .title, 
.heading-orange.prague-shortcode-parent .prague-shortcode-heading.light .parent-title {
	color: #cbcbcb;
}

.heading.heading-orange.light .subtitle {
	color: #de7301;
}

.heading-orange.prague-shortcode-parent .prague-shortcode-heading.light .parent-subtitle {
		color: #de7301;
}

.prague-footer-info-block .footer-info-block-title {
			color: #de7301 !important;
}

/* HP Projects section */

.prague_list .project-list-item .project-list-outer .project-list-wrapper {
	min-height: 800px !important;
}

.btn-houzz {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 2px;
    font-weight: 500;
    text-decoration: none;
    color: #cbcbcb;
    text-transform: uppercase;
    position: relative;
    overflow: hidden; /* Ensure underline animation doesn't overflow the element */
}

.btn-houzz:before {
 content: "";
    position: absolute;
    left: 100%; 
    background: url("https://astelier.com/staging/wordpress/wp-content/uploads/houzz_l_rgb_la_rev.svg");
    height: 26px;
    width: 100%;
    background-repeat: no-repeat;
}

.btn-houzz:after {
    content: "";
    position: absolute;
    bottom: 0; /* Place underline at the bottom of the text */
    left: 0;
    height: 1px; /* Thickness of the underline */
    width: 0; /* Start with no underline */
    background-color: #cbcbcb; /* Same color as the text */
    transition: width 0.3s ease; /* Smooth grow effect */
}

.btn-houzz:hover {
    text-decoration: none; /* Remove browser's default underline */
    color: #cbcbcb;
}

.btn-houzz:hover:after {
    width: calc(100% + 75px);
}

/* Adress Block */
.adddress-block .address-block-outer {
	color: #cbcbcb !important;
}

.adddress-block .address-block-outer p a, 
.adddress-block .address-block-outer p {
		color: #cbcbcb !important;
}

.adddress-block .address-block-outer .address-title {
	font-weight: 300 !important;
}

.adddress-block .address-block-outer .separator {
	background-color: #cbcbcb !important;
}

.contact-section.heading.light .content {
			color: #cbcbcb !important;

}

/* Home page contact form */

 .prague-formidable.hp-contact-form .frm_forms.with_frm_style input[type=text], .prague-formidable.hp-contact-form .frm_forms.with_frm_style input[type=email], .prague-formidable.hp-contact-form .frm_forms.with_frm_style .contact-me-form textarea {
background:transparent;
	border-bottom: 1px solid #cbcbcb;
	 padding-left: 0;
	 color: #cbcbcb;
}
 .prague-formidable.hp-contact-form .frm_forms.with_frm_style input[type=text]:focus, .prague-formidable.hp-contact-form .frm_forms.with_frm_style input[type=email]:focus, .prague-formidable.hp-contact-form .frm_forms.with_frm_style .contact-me-form textarea:focus {
	 background:transparent !important;
	border-bottom: 1px solid #cbcbcb !important;
	 color: #cbcbcb !important;
	 box-shadow: none !important;
	 padding-left: 10px;
}

.prague-formidable.hp-contact-form .frm_forms.with_frm_style input[type=text]::placeholder, .prague-formidable.hp-contact-form .frm_forms.with_frm_style input[type=email]::placeholder, .prague-formidable.hp-contact-form .frm_forms.with_frm_style .contact-me-form textarea::placeholder {
	color: #cbcbcb !important;
	font-weight: 300;
}

.prague-formidable.hp-contact-form .frm_forms.with_frm_style input[type=submit] {
	color: #cbcbcb;
}

/* Nav */
.home .prague-header {
	justify-content: center;
}

/* Back button */

.back-btn-wrapper .a-btn-arrow-2 .arrow-right {
	left: -50px;
}

.back-btn-wrapper .a-btn-arrow-2 .arrow-right::before {
	transform: translateX(0) translateY(3px) rotate(-45deg);
	left: 0;
	top: -5px;	
}

.back-btn-wrapper .a-btn-arrow-2 .arrow-right::after {
	left: 0;
	transform: translateX(0) translateY(3px) rotate(45deg);
	top: 0;
}

.prague-footer:before {
	background-color: #201B1E !important;
}
/* 	Services HP */
	
	.services-hp .prague-shortcode-parent .prague-shortcode-parent-img, .services-hp .prague-shortcode-parent {
		min-height: 800px;
	}


.services-hp .prague-shortcode-parent {
	display: flex;
	align-items: center;
}

.prague-header.simple.sticky-menu.light.scroll {
	background-color: #201b1e !important;
}

.prague-header.simple.sticky-menu .prague-logo {
	opacity: 0;
		transition: .2s ease-in-out;
}

.prague-header.simple.sticky-menu.scroll .prague-logo {
	opacity: 1;
	transition: .2s ease-in-out;	
}

.top-banner.light .content .title {
	color: #de7301 !important;
	letter-spacing: 20px;
	font-size: 84px;
	margin-top: 40px;
	font-weight: 300;
}

.top-banner.light .content .description {
	margin-top: 30px;
		color: #de7301 !important;
}


.top-banner.light .content .description p {
	opacity: 1;
	letter-spacing: 20px;
	font-size: 22px;
}

@media (max-width: 1024px) {
	.top-banner.light .content .title {
	color: #de7301 !important;
	letter-spacing: 10px;
	font-size: 35px;
	margin-top: 20px;
	font-weight: 300;
}
	.top-banner.light .content .description {
		margin-top: 0;
}
	.top-banner.light .content .description p {
		letter-spacing: 6px;
    font-size: 16px;
	}

}