/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
html, body{overflow-x:hidden}
.header-social li {background: transparent!important; border: solid 1px #575757;}
.header-social li a { font-size: 20px!important;color: #575757!important;}
.recent-project figure img {height:400px!important; object-fit: cover; border-radius: 10px;}
.step-grid figure{position:relative;z-index:9;top:45px;}
.grid-num { position: relative; top: -30px;}
.home-faq .c-accordion__title { font-size: 17px; color: #0f142b; font-weight: 600; margin-bottom: 0;}
.home-faq .wp-block-pb-accordion-item { border: solid 1px #e4e4e4; padding: 15px 20px; border-radius: 10px; margin-top: 15px;}
.home-faq .c-accordion__content { padding-top: 15px; border-top: 1px solid #e4e4e4; margin-top: 15px;}
.home-faq .c-accordion__content p {font-size: 15px; line-height: 25px; margin-bottom: 0;}
.home-faq .c-accordion__title:after{color: #0f142b}
.recent-post img { height: 255px; object-fit: cover; border-radius: 8px;}
.recent-post a.read-more {display: block;font-style: italic; padding-top: 10px;}
.footer-social li { margin-bottom: 0!important; background: transparent!important;border: solid 1px #fff;
}
.gb-button:hover{text-decoration:none}
.footer-widget-2 li { font-family: 'Lato';margin-bottom: 0!important;}
.rank-math-breadcrumb p {margin-bottom: 0;  color: #fff; font-family: 'Lato';}
.rank-math-breadcrumb p a{color:#b1f315}
.box-border{position:relative}
.box-border:before { content: ''; width: 15px; background: #b1f315; position: absolute; height: 50%;    left: -8px; top: 25%;}
.box-border-right:before{right: -8px;left:auto}
.is_stuck{z-index:999!important}
.bottom-text {margin-top: 40px;border-top: 2px solid #e5e7e9;}
.hidden {overflow: hidden;display: none;visibility: hidden;}
.outer_box{display:flex;flex-wrap: wrap;justify-content: center;}
.cat-name-prjt {
background-color: #353333;
display: inline-block;
padding: 1px 8px 1px 8px;
border-radius: 8px;
margin-top: 15px;
font-weight: 600;
}
#myBtnContainer { text-align: center;  margin-bottom: 50px;}
#myBtnContainer button { color: #0f142b; background: transparent; border: solid 1px #d2d4d6;border-radius: 5px;margin-right: 15px;}
button.btn.active { background: #0f142b!important; color: #fff!important;}
.outer_box .column{margin:10px;position:relative;width:30.33%;display:none;cursor: pointer;}
.outer_box .column img { width: 100%;height: 325px; object-fit: cover;border-radius: 8px;}
.project_con h2 {font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px;color:#fff}
.project_con { font-size: 15px; line-height: 24px;color: #fff;padding: 0 25px;border-left: 15px solid #b1f315;position: absolute;bottom: 30px;left: 20px;display:none}
.outer_box .column:hover .project_con{display:block}
/*.outer_box .column:hover:before { content: ''; background: rgb(0 0 0 / 51%); width: 100%; height: 97%;    position: absolute; border-radius: 8px;}*/
.outer_box .column:hover img {filter: brightness(0.4);}
.outer_box .show {display: block;}
.get-in-touch .ff-el-form-control { background: transparent; border: solid 2px #d7d7d7;padding: 15px 15px;position: relative;background-repeat: no-repeat!important;background-position: 97% 50%!important;}
.get-in-touch ::placeholder{font-size:14px;color:#626262;font-family: Poppins;}
.get-in-touch .ff-btn-submit {background: #b1f315!important; font-size: 16px; font-weight: 600;color: #0f142b!important; padding: 15px 30px;}
.get-in-touch .ff_upload_btn.ff-btn {border: 2px solid #d7d7d7 !important;}
#ff_1_names_first_name_, #ff_3_names_first_name_{background: url('images/user-icon.jpg'); }
#ff_1_phone, #ff_3_phone{background: url('images/phone-icon.jpg');}
#ff_1_email, #ff_3_email {background: url('images/email-icom.jpg');}
#ff_1_datetime, #ff_3_datetime {background: url('images/calendor-icon.jpg');}
#ff_1_input_text, #ff_3_input_text {background: url('images/map-icon.jpg');}
#ff_1_input_text_1, #ff_3_input_text_1 {background: url('images/area-icon.jpg');}
#ff_1_input_text_2, #ff_3_input_text_2 {background: url('images/event-icon.jpg');}
#ff_1_input_text_3, #ff_3_input_text_3 {background: url('images/workshop-icon.jpg');}
#ff_1_message, #ff_3_message {background: url('images/comment-icon.jpg');background-position: 97% 20%!important;}
.page-id-466 .home-faq .wp-block-pb-accordion-item{background:#fff}
.page-id-496 .get-in-touch .ff-el-form-control { background-color: #fff!important; border:none;padding: 15px 15px;position: relative;background-repeat: no-repeat!important;background-position: 97% 50%!important;}
.fluentform_wrapper_3 .ff-uploaded-list {margin: 0!important;}
.fluentform_wrapper_3 .ff_upload_btn.ff-btn {background-color: #fff!important; color: #787878; width: 100%;border-radius: 8px;font-size: 14px;background: url('images/photo-icon.png');
 background-repeat: no-repeat; background-position: 97% 50%!important;}
.blog .wp-block-post-featured-image img, .archive .wp-block-post-featured-image img, .single-post .wp-block-post-featured-image img {max-height: 380px; width: 100%; border-radius: 15px;}
.sidebar .widget{border-radius: 10px}
.is-right-sidebar {padding-top: 53px; padding-left: 35px;}
.wp-block-search__inside-wrapper {background: #fff; border: none; padding: 7px 7px 7px 0;border-radius: 8px;}
input#wp-block-search__input-2 {background: transparent;border: initial;}
button.wp-block-search__button {background: #b1f315; color:#0f142b; padding:9px; border-radius: 8px;}
.wp-block-categories-list li { background: #fff; padding: 10px; border-radius: 8px;    cursor: pointer;}
.wp-block-categories-list li a { color: #2e2e2e; font-weight: 600; display: block;}
.wp-block-categories-list li:hover {background: #b1f315;}
.wp-block-categories-list li:hover a { color: #0f142b;text-decoration:none}
.blog .site-footer, .archive .site-footer, .single-post .site-footer{margin-top: 50px;}
#sb_instagram .sbi_photo {border-radius: 5px!important;}
#sbi_images svg {display: none !important;}
@media(min-width:1600px){
	.grid-container, .gb-container .gb-container{max-width: 1300px;}
}
@media(min-width:1100px){
	.inside-footer-widgets>div {flex: auto;}
	.footer-widget-1 {width: 40%;}
	.footer-widget-2 { width: 15%;}
	.footer-widget-3 {width: 45%;}
}
@media (min-width:980px) and (max-width:1200px){
	.site-header .header-image {width: 200px;}
	.gb-container .gb-container{padding-left: 15px; padding-right: 15px;}
	.gb-container .gb-container .gb-grid-column .gb-container{padding-left:0; padding-right:0;}
	.no-bg {background-position: 300% 0px!important;}
	.footer-widgets-container{padding-right: 15px;padding-left: 15px;}
	.recent-project figure img { height: 300px!important;}
	.site-header, .navigation-stick{padding-right: 15px;padding-left: 15px;}
	.recent-post .gb-grid-column{width:33.33%!important;}
	.inside-footer-widgets>div {flex: auto;}
	.footer-widget-1 {width: 40%;}
	.footer-widget-2 { width: 20%;}
	.footer-widget-3 {width: 40%;}
}
@media (max-width: 768px){
.inside-header {padding-right: 20px !important;padding-left: 14px !important;}
.sticky-navigation-logo {margin-left: 4px !important;}
}
@media(min-width:768px) and (max-width:1024px){
	.is-right-sidebar{padding-left:15px;padding-right:15px;padding-top: 33px;}
}
@media (min-width:768px) and (max-width:980px){
	.mobile-menu-control-wrapper .menu-toggle{background-color: rgb(0 0 0 / 7%);}
	.gb-container .gb-container, .is-right-sidebar{padding-left: 15px; padding-right: 15px;}
	.gb-container .gb-container .gb-grid-column .gb-container{padding-left:0; padding-right:0;}
	.no-bg {background-image: none!important;}
	.footer-widgets-container{padding-right: 15px;padding-left: 15px;}
	.recent-project figure img { height: 200px!important;}
	.outer_box .column img{height:225px}
	.single-post .inside-article{padding-left: 15px; padding-right: 15px;}
}
@media(max-width:767px){
	.site-header .header-image {width: 200px;}
	.mobile-menu-control-wrapper .menu-toggle{background-color: rgb(0 0 0 / 7%);}
	.gb-container .gb-container{padding-left: 15px; padding-right: 15px;}
	.gb-container .gb-container .gb-grid-column .gb-container{padding-left:0; padding-right:0;}
	.no-bg {background-image: none!important;}
	.footer-widgets-container{padding-right: 15px;padding-left: 15px;}
	.recent-project figure img { height: 200px!important;}
	.about-video{background-image: linear-gradient(180deg, var(--main-color) 85%, #ffffff 20%)!important;}
	#myBtnContainer{margin-bottom:30px}
	#myBtnContainer button{margin-bottom:15px}
	.outer_box{flex-wrap: wrap;}
	.outer_box .column{width:100%}
	.is-right-sidebar {padding-top: 30px; padding-left: 15px; padding-right: 15px;}
	.single-post .inside-article{padding-left: 15px; padding-right: 15px;}
	.single-post .single-banner{padding-top:40px; padding-bottom: 40px;}
	.gb-container-1b3a58e0 {padding-bottom: 1px!important;}	
}
@media(max-width:1024px){
.about_para {margin-left: 25px;}
}
.page-id-669 h2 {font-size: 35px !important;}
.page-id-669 h3 {font-size: 22px;font-weight: 600;color: var(--main-color);}
.page-id-701 h2 {font-size: 35px !important;}
.page-id-701 h3 {font-size: 22px;font-weight: 600;color: var(--main-color);}
.page-id-669, .page-id-701 strong {color: var(--main-color);}
.page-id-1048 h2 {font-size: 35px !important;}
.page-id-1048 li::marker {color:var(--main-color); !important;}
.error404 h1 {font-size: 40px;line-height: 54px;font-weight: 700;color: var(--main-color);}
.search h1 {font-size: 40px;line-height: 54px;font-weight: 700;color: var(--main-color);margin-left: -25px;}
.search h2 {font-weight: 500;font-size: 35px;}
.search .entry-summary {margin-top: 10px !important;}
.search .search-submit, .error404 .search-submit {
color: #000 !important;
background-color: #aef345 !important;
}
.search article {
padding: 2px;
border: 1px solid #ccc;
border-radius: 10px;
}
.search article img {height: 250px !important;}
#fluentform_3_success p {
color: #b1f315;
margin-bottom: 0px;
font-weight: 600;
font-size: 18px;
text-align: center;
}
.page-id-466 .ff-message-success {
border: 1px solid #b1f315 !important;
}
.page-id-466 #fluentform_3_success p {
color: var(--main-color);
margin-bottom: 0px;
font-weight: 600;
font-size: 18px;
text-align: center;
}