/*
Theme Name: Ranbron Child
Description: This is a child theme for Ranbron Theme
Author: Templatation
Template: ranbron
Version: 1.0
*/

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

/* ============================================================================== */
/* font to Mulish */


.hdr_top_bar a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.header-top-home-three .header-top-contact .single-header-top-content .text-box h4 {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.header-top-home-three .header-top-contact .single-header-top-content .text-box p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.header .header-navigation ul.navigation-box > li > a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.header .header-navigation ul.navigation-box > li > ul.sub-menu > li > a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.header.home-page-three .header-navigation .thm-container .right-side-box a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.search_area .search_box_inner h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.search_area .search_box_inner .input-group input {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

/* search icon in the top menu */
.header.home-page-five .header-navigation ul.navigation-box > li > a {
  color: #001450 !important;
}

/* 
################################################
TODO slider font-family
################################################
*/

.ceo-message-area .ceo-message-content h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.ceo-message-area .ceo-message-content p.highlighted {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.ceo-message-area .ceo-message-content p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.what-we-do-area .sec-title h2 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.what-we-do-area .sec-title p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.what-we-do-area .single-what-we-do .text-box h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.what-we-do-area .single-what-we-do .text-box p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.project-area .sec-title h2 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}
.project-area .sec-title p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}
.project-area .single-project .img-box .overlay .box .content a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}
.project-area .single-project h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.qoute-faq-area .title h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
  color: #001450;
}

.qoute-faq-area .qoute-content p.highlighted {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.qoute-faq-area .qoute-content p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  color: #001450;
}

.qoute-faq-area .accrodion .accrodion-title h4 {
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  color: #001450;
}

.qoute-faq-area.gray-bg .accrodion.active .accrodion-content p {
  font-family: "Mulish", sans-serif;
  font-weight: 200;
  color: #001450;
}

body {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  color: #282828;
}

.video-box-area .video-content h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.video-box-area .video-content p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.blog-area .title h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.blog-area .single-blog-post .img-box .date-box {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.blog-area .single-blog-post h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.blog-area .single-blog-post p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.blog-area .single-blog-post a.read-more {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.blog-area .blog-post-list .single-post-list h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.blog-area .blog-post-list .single-post-list span {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.fun-fact-area .title {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.single-fun-fact span.number {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.single-fun-fact p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.request-a-call-back .title h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.request-a-call-back .rqa-form input[type="submit"] {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.footer .footer-widget .title h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.footer .footer-widget.about-widget p.phone-number {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.footer .footer-widget.about-widget p.address {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.footer .footer-widget ul li a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

.footer .footer-widget .mc-field-group label, .footer .footer-widget .subscribe-widget > p {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
}

/* copyright message */
section.footer-bottom.text-center div.thm-container {
  color: #666;
}

/* ============================================================================== */
/* form elements */

button, input, select, textarea, .request-a-call-back .rqa-form input {
  font-family: "Mulish", sans-serif;
  font-weight: 600 !important;
  color: #282828;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  width: 410px;
  height: 47px;
  border: 1px solid #001450;
  border-radius: 24px;
}

button:focus, input:focus, select:focus, textarea:focus, .request-a-call-back .rqa-form input:focus {
  box-shadow: 0px 10px 30px #00145026;
}

.request-a-call-back .rqa-form input[type="submit"] {
  text-transform: uppercase;
}


/* ============================================================================== */
/* color to red (form error) */

.wpcf7-not-valid-tip {
  color: #E6001E;
  font-weight: 600;
}

/* ============================================================================== */
/* color to green */
/* home 3 page */

.header-top-home-three .header-top-contact .single-header-top-content .icon-box i {
  color: #00C878;
}

.header .header-navigation ul.navigation-box > li > .sub-menu li:hover > a {
  color: #00C878;
}

.header.home-page-three .header-navigation.stricky-fixed {
  background: #00C878;
}

.what-we-do-area .single-what-we-do .icon-box .inner {
  background: #00C878;
}

.header.home-page-three .thm-container {
  background: #00C878;
}

.project-area .sec-title p {
  color: #00C878;
}

.project-area .single-project h3:hover {
  color: #00C878;
}

.what-we-do-area .sec-title .line {
  background: #00C878;
}

.project-area .sec-title .line {
  background: #00C878;
}

.project-area .single-project .line {
  background: #00C878;
}

.project-area .single-project:hover .img-box .overlay {
  background-color: #00C878;
  opacity: 0.9;
}

.qoute-faq-area .qoute-content p.highlighted {
  color: #00C878;
}

.qoute-faq-area .title h3::after {
  background: #00C878;
}

.video-box-area {
  background: #00C878;
}

.blog-area .title h3::after {
  background: #00C878;
}

.blog-area .single-blog-post .img-box .date-box {
  background: #00C878;
}

.blog-area .single-blog-post h3:hover {
  color: #00C878;
}

.blog-area .blog-post-list .single-post-list h3:hover {
  color: #00C878;
}

.blog-area .blog-post-list .single-post-list span {
  color: #00C878;
}

.blog-area .single-blog-post a.read-more {
  color: #00C878;
  border-bottom-color: #00C878;
}

.single-fun-fact .line {
  background: #00C878;
}

.single-fun-fact span.number {
  color: #00C878;
}

.single-fun-fact p {
  color: #00C878;
}

.request-a-call-back .title h3::after {
  background: #00C878;
}

.request-a-call-back .rqa-form input[type="submit"] {
  background: #00C878;
}

.footer .footer-widget .footerform input.button {
  background: #00C878;
}

.scrollup {
  /*background: #00C878;*/
  background-color: #00C878;
  background-image: url("assets/img/to-top.png");
}

/* header */
.inner-banner .title h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

/* about page ---------- */

.header.home-page-five .header-navigation ul.navigation-box > li:hover > a {
  color: #00C878;
}

.header-top-home-three .header-top-contact .single-header-top-content a.get-a-qoute-btn {
  background: #00C878;
}

/* main menu */

.header-navigation ul.navigation-box > li.menu-item > a{
  text-transform: uppercase;
  color: #001450 !important;
  font-weight: 800;
}

.header-navigation ul.navigation-box > li.current-menu-item > a{
  text-transform: uppercase;
  color: #001450 !important;
  font-weight: 800;
  border-bottom: 3px solid #00C878;
}

/* tag lines above titles */
.about-section.about-page .sec-title .tag-line, .service-list .sec-title .tag-line, .sec-title .tag-line {
  font-family: "Mulish", sans-serif;
}

/* header address + phone links */

.single-header-top-content > .text-box h4 a, .single-header-top-content > .text-box p a {
  color: #001450;
}

.text-box.first-address {
  padding-right: 10px;
}

.header-top-home-three .header-top-contact .single-header-top-content .text-box.second-address {
  border-left: 1px solid #666;
  padding-left: 10px;
}

/* forcing header elements into the same line (by DS) */

/* Increase header height and adjust spacing */
.site-header .header-main {
    min-height: 120px !important;
    padding: 15px 0 !important;
}

/* Ensure addresses display inline with proper spacing */
.header-contact-info {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    min-height: 40px;
}

.first-address, .second-address {
    display: inline-block !important;
    margin: 0 !important;
    white-space: nowrap;
    line-height: 1.4;
}

/* Adjust logo positioning if needed */
.site-branding {
    padding: 10px 0 !important;
}

@media (max-width: 667px) {
  .header-top-home-three .header-top-contact .single-header-top-content {
    max-width: none !important;
    width: auto !important;
  }
}

/* logo + hamburger menu ---------- */

/* ----------------------------
 enabling this makes the menu bar black (transparent) on all pages but the main page

@media (max-width: 667px) {
  .header-top-home-three .logo {
    width: 80%;
}
----------------------------------------------- */


/* social icons */
.header.home-page-four .header-navigation .thm-container .right-side-box .social li a, .header.home-page-five .header-navigation .thm-container .right-side-box .social li a {
  color: #001450;
}

/* menu bar (NOT on the main page) */
.header > nav.navbar {
  background-color: #fff;
}

.header.home-page-five .header-navigation.stricky-fixed {
  background-color: #fff;
}

/* about page */
.sec-title h2 strong {
  color: #282828;
}

.about-section.about-page .sec-title .tag-line {
  color: #282828;
  font-family: "Mulish", sans-serif;
}
.about-section.about-page .sec-title h2 {
  color: #282828;
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.about-section.about-page .sec-title h2 strong {
  color: #00C878;
  font-family: "Mulish", sans-serif;
  font-weight: 800;  
}

.about-section.about-page p {
  color: #282828;
  font-family: "Mulish", sans-serif;
}

.mission-history-area {
  background-color: #001450;
  font-family: "Mulish", sans-serif;
  font-weight: 200;
}

.advisor-area.about-page .sec-title h2 {
  color: #282828;
  font-family: "Mulish", sans-serif;
}

.single-advisor h3 {
  color: #282828;
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.single-advisor span {
  color: #001450;
  font-family: "Mulish", sans-serif;
  font-weight: 200;
}

.single-advisor .img-box .overlay {
  background: #66729680
}

.advisor-area.about-page .sec-title h2 {
  font-weight: 800;
}

/* contact page */

.contact-page .sec-title .tag-line {
  color: #282828;
  font-family: "Mulish", sans-serif;
}

.contact-page .sec-title h2 {
  color: #282828;
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.contact-page .contact-info.inner {
  background-color: #001450;
}

div.wpb_wrapper {
  font-family: "Mulish", sans-serif;
}

.contact-page .contact-form p.note {
  color: #282828;
  font-family: "Mulish", sans-serif;
}

.contact-page .contact-form label.input-label {
  color: #282828;
  font-family: "Mulish", sans-serif;
}

/* contact page - form */

.contact-page .contact-form label.input-label {
  padding-bottom: 10px;
}

.contact-page .contact-form input, .contact-page .contact-form textarea {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #001450;
  border-radius: 24px;
  opacity: 1;
}

.contact-page .contact-form .tt_submit {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #00C878;
  border-radius: 24px;
  opacity: 1;
  color: #00C878;
  text-transform: uppercase;
}

.contact-page .contact-form .tt_submit:hover {
  background: #00C878 0% 0% no-repeat padding-box;
  color: #fff;
}

/* main page */

/* service list */
.service-list .single-service-list .title {
  background-color: #001450;
}

.service-list .single-service-list .hover-content {
  background-color: #001450;
}

/* testimonials */
.testimonial-style-one {
  background-color: #001450;
}

/* request a quote / callback */
.request-a-qoute.home-page-two {
  background-color: #001450;
}

.request-a-qoute-content form input, .request-a-qoute-content form textarea {
  background: #001450 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px #00145026;
  border: 2px solid #fff;
  border-radius: 24px;
  opacity: 1;
  padding-bottom: 1px;
  padding-left: 10px;
}

.request-a-qoute-content form .tt_submit {
  background: #001450 0% 0% no-repeat padding-box;
  border: 2px solid #fff;
  border-radius: 24px;
  opacity: 1;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-28) var(--unnamed-font-family-mulish);
  font: normal normal 800 18px/28px Mulish;
  letter-spacing: 0.9px;
  color: #fff;
  text-transform: uppercase;
}

.request-a-qoute-content form label {
  color: #fff;
}

/* news & articles page */
.input-group {
  background-color: #001450;
}

.sidebar .single-sidebar ul li a {
  color: #282828;
}

.widget_search .input-group-btn::before {
  content: "\e6a4";
  font-family: 'Stroke-Gap-Icons';
}

.sidebar .single-sidebar ul li a::after {
  content: '>';
  color: #282828;
}

.blog-with-sidebar .single-blog-post-sidebar a.read-more {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #00C878;
  border-radius: 24px;
  opacity: 1;
  font: normal normal 800 Mulish;
  letter-spacing: 0.9px;
  color: #00C878;
  text-transform: uppercase;
}

.blog-with-sidebar .single-blog-post-sidebar a.read-more:hover {
  background: #00C878 0% 0% no-repeat padding-box;
  color: #fff;
}

.sidebar .single-sidebar.widget_tag_cloud ul li a {
  color: #282828;
  font-family: "Mulish", sans-serif;
  border: 1px solid #282828;
}

.sidebar .single-sidebar.widget_tag_cloud ul li a:hover {
  border-color: #001450;
  background: #001450;
}

/* single post page */

.blog-with-sidebar .single-blog-post-sidebar h3 {
  font-family: "Mulish", sans-serif;
  font-weight: 800;
}

.cat-links a, .tags-links a {
  color: #001450;
}

.tt_prev_post, .tt_next_post {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 2px solid #00C878;
  border-radius: 24px;
  opacity: 1;
  font: normal normal 800 Mulish;
  letter-spacing: 0.9px;
  color: #00C878;
  text-transform: uppercase;
}

.tt_prev_post:hover, .tt_next_post:hover {
  background: #00C878 0% 0% no-repeat padding-box;
  color: #fff;
}

/* ========================================== */
/* from customize inline css */

html {  font-family: "Mulish", sans-serif;}

/* Why choose Unifair on blue background */

li {
	color: #fff;
}

p.highlighted, div.highlighted {
	font-size: 15px;
	color: #282828;
	font-family: "Mulish", sans-serif;
	font-style: italic;
	font-weight: 200;
}



.relocation-support-page ul li, .privacy-policy-page ul li, .terms-and-conditions-page ul li {
  color: #282828;
  font-family: "Mulish", sans-serif !important;
} 

.highlighted-bar {
	background: #001450;
	color: #fff;
}

.highlighted-bar h4 {
	background: #001450;
	color: #fff;
}

/* contact form on main page */

#wpcf7-f2293-p2658-o1 .wpcf7-response-output {
	color: #fff;
}

/* footer widgets */
.footer .footer-widget ul li a, .footer a {
  color: #8B8B8B;
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 17px;
}

.footer a:hover, .footer:hover {
  color: #3E56AA;
}

.footer .search-toggle {
  display: none;
}

/* mail poet subscribe form */

#mailpoet_form_1 .mailpoet_paragraph input {
  text-align: center;
}

#mailpoet_form_1 .mailpoet_paragraph input.mailpoet_submit {
  background: #00C878;
  color: #ffffff;
  font-size: 18px;
}

/* subscribe form error message */
.mailpoet_paragraph .parsley-errors-list {
  font-size: 15px;
  padding-top: 5px !important;
}

/* footer menus (in widgets) */

#menu-footer2-menu::before {
  color: red;  
}

/* aliging place marker next to addresses in header */

.single-header-top-content {
    overflow: hidden; /* Clear float */
}

.icon-box {
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.text-box {
    overflow: hidden; /* Ensure text wraps properly */
}