/*!
Theme Name: New Front Group
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: new-front-group
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

New Front Group is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*
	font-family: 'Lora', serif;

*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #000;
  font-size: 1rem;
  font-family: 'Nunito', sans-serif;
}

a {
  color: #000;
  transition: 0.5s;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #000;
  outline: none;
  text-decoration: none;
}


p.font-weight-bold {
    font-weight: 600;
}


/* Header */

header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 2px 0px 16px 0px rgb(0 0 0 / 16%);
}

a.navbar-brand {
    padding: 10px 0 !IMPORTANT;
    display: inline-block;
}

a.btn_enq_now {
    border: 1px solid #ccc;
    float: right;
    padding: 20px 20px;
    color: #F58634;
    font-weight: 700;
    border-top: 0;
    border-bottom: 0;
}


h1.section-title,
h2.section-title {
    color: #FFF;
    font-size: 34px;
    font-family: Lora;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.2px;
    display: flex;
    align-items: flex-start;
}
h1.section-title img,
h2.section-title img {
    margin-right: 10px;
    position: relative;
    top: 10px;
}
.section-padding {
    padding: 1.5em 0 !important;
}
p.para {
    margin-bottom: 1.5rem;
}

.text-black { color: #373435 !important; }

a.whatsapp-icon {
    background-color: #008000;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 58%;
    right: 0;
    z-index: 9;
}
section.top-banner {
    position: relative;
}


/* Enquiry Form */
div#myModal form textarea#message {
    height: 80px;
}
div#myModal form .form-group lable {
    text-transform: uppercase;
}

div#myModal h4.modal-title {
    color: #373435;
    font-family: Lora;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

form .form-group lable {
    text-transform: uppercase;
    font-size: 14px;
}



::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc !important;
    opacity: 1;
}

select#project.newSelect { color: #ccc; }
select#enq_project.newSelect { color: #ccc; }





div#myModal form p { position: relative; }
div#myModal form span.wpcf7-spinner {
    position: absolute;
    bottom: 6px;
    right: 8em;
}
div#myModal form input#btn_submit {
    width: 130px;
    margin-left: auto;
    background: #F58634;
    color: #fff;
    border-radius: 0;
    border-color: #f58634;
    transition: 1s;
}
div#myModal form input#btn_submit:hover {
    background-color: #fff;
    color: #000;
    transition: 1s;
}





/* Footer */
footer {
    padding: 9em 0;
    background-color: #fff;
    background-image: url(https://branduostudio.com/wp-nfg/wp-content/uploads/2023/07/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
aside h5 {
    color: #000;
    font-size: 18px;
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.318px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
address {
    color: #373435;
    font-size: 16px;
    font-family: Biryani;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.5px;
}

ul.social-icons-list {
    margin-top: 3em;
}

ul.social-icons-list li {
    margin-right: 10px;
}
/*ul.social-icons-list li a {
    display: inline-flex;
    border: 1px solid #ccc;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
}*/

.footer-text {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 8em;
    margin-bottom: 2em;
}
ul.footer-text-nav {
    display: flex;
}
ul.footer-text-nav li {
    padding-left: 30px;
    position: relative;
}
ul.footer-text-nav li:after {
    content: "";
    position: absolute;
    right: -16px;
    width: 5px;
    height: 5px;
    background-color: #808080;
    border-radius: 100%;
    top: 8px;
}
ul.footer-text-nav li:last-child:after { display: none; }

ul.footer-project-nav li {
    color: #373435;
    font-family: Nunito;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.5px;
}
ul.footer-text-nav a {
    color: rgba(0, 0, 0, 0.50);
    text-align: right;
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.318px;
}

.footer-text p {
    color: rgba(0, 0, 0, 0.50);
    font-family: Nunito;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.318px;
    margin: 0;
}
footer aside a:hover {
    color: #f58634;
    transition: 1s;
}

#quick-links-menu ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

#quick-links-menu ul li {
  margin-bottom: 8px;
}

#quick-links-menu ul li a {
  color: #6c757d;
  text-decoration: none;
  transition: color 0.3s ease;
}

#quick-links-menu ul li a:hover {
  color: #f58634;
  text-decoration: none;
}


section#nav_menu-2 h2.widget-title {
    display: none;
}

ul#menu-our-projects-footer-menu {
    padding-left: 0;
    list-style: none;
}

/* Media Query */

@media(max-width: 992px) {
    footer {
        padding: 3em 0;
    }

    ul.footer-project-nav li {
        font-size: 14px;
        line-height: 28px;
    }
    .footer-text p {
        font-size: 14px;
    }

    .footer-text {
    top: 2em;
    margin-bottom: 1em;
    }
}

@media(max-width: 767px) {
    header.ps-5.pe-5 {
        padding: 0 !important;
    }

a.btn_enq_now {
    position: fixed;
    top: 15px;
    width: 100px;
    background-color: #F58634;
    right: 50px;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    z-index: 1000;
    font-size: 12px;
}

    footer {
        padding: 3em 0 2em;
    }
    ul.footer-text-nav li:first-child {
        padding-left: 0;
    }
    .footer-text {
    display: flex;
    justify-content: center;
    top: 0em;
    padding: 30px 0;
    flex-direction: column;
    align-items: center;
    }

    h1.section-title img, h2.section-title img {
    top: 0;
    }

    .footer-text p {
    margin-bottom: 5px;
}

aside h5 {
    font-size: 24px;
}
aside {
    margin-bottom: 35px;
    font-size: 14px;
}
aside p {
    font-size: 16px;
}
ul.footer-project-nav li {
    font-size: 16px;
}

.footer-text {
    padding: 0;
    margin: 0;
}

}