/* WP Theme Customizer overrides — replaces the inline <style> block that WordPress injects */

/* VC rows: default centered 1170px container */
.vc_row.wpb_row {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.vc_row:before, .vc_row:after { content: " "; display: table; }
.vc_row:after { clear: both; }

/* Full-width VC rows: break out of container to match WP behavior.
   .page-wrap is also 100vw so overflow:hidden won't clip us.
   left:50% moves element center to 50% of parent width,
   then transform shifts it back by 50vw to align with viewport left edge. */
[data-vc-full-width="true"].vc_row.wpb_row {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50vw);
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* Stretch-content rows (maps): full-width, no padding */
[data-vc-stretch-content="true"].vc_row.wpb_row {
  padding-left: 0;
  padding-right: 0;
}

/* Page title */
.page-title { background-image: url(/images/page-title.jpg); padding: 15px 0; }

/* Font */
body,button,input,select,textarea { font-family: Poppins, sans-serif; font-size: 14px; line-height: 24px !important; }
h1,h2,h3,h4,h5,h6 { font-family: Poppins, sans-serif; font-weight: 600; }
#mainnav > ul > li > a { font-family: Poppins, sans-serif; font-weight: 600; font-size: 14px; }
h1 { font-size: 50px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 15px; }
h6 { font-size: 13px; }

/* Breadcrumb colors */
.page-title .page-title-heading h1, .breadcrumbs .trail-end, .breadcrumbs span { color: #2e363a; }
.breadcrumbs span a, .breadcrumbs a, .breadcrumbs span.sep { color: #e89314; }

/* COLOR: #e89314 (orange) */
a:hover,
ul.flat-list li:before,
.navigation.posts-navigation .nav-links li a .meta-nav,
article h4.entry-time a,
.author-post .info .name a,
.flat-portfolio .portfolio-gallery .item .title-post a:hover,
.flat-portfolio .portfolio-gallery .item .category-post a:hover,
.footer-widgets ul li a:hover,
.bottom #menu-bottom li a:hover,
.flat-iconbox.flat-iconbox-style2:hover .box-icon span,
.imagebox.style-2 .box-button a,
.imagebox.style-2 .box-header .box-title a:hover,
.imagebox.style-3 .box-header .box-title a:hover,
.flat-iconbox.style-3 .box-header .box-icon span,
.testimonial-slider.style-2 .testimonial-author .author-info,
.blog-shortcode.blog-home3 article .read-more a,
.blog-shortcode.blog-home3 article .read-more a:after,
.flat-text-block-timeline .year,
.imagebox.services-grid .box-button a,
.imagebox.services-grid .box-header .box-title a:hover,
.flat-portfolio .item .title-post a:hover,
.portfolio-filter li a:hover,
.breadcrumbs span a:hover, .breadcrumbs a:hover,
.flat-imagebox.style-2 .flat-imagebox-button a,
.flat-imagebox.style-2 .flat-imagebox-header .flat-imagebox-title a:hover,
.flat-iconbox.style-3 .flat-iconbox-header .flat-iconbox-icon span,
.flat-imagebox.services-grid .flat-imagebox-button a,
article .entry-meta ul li a:hover,
.breadcrumbs span a, .breadcrumbs a, .breadcrumbs span.sep { color: #e89314; }

/* BACKGROUND: #e89314 (orange) — block 1 */
.title-section .title:after,
.flat-iconbox.rounded .box-icon,
.flat-iconbox.rounded .flat-iconbox-icon,
.owl-theme .owl-controls .owl-nav [class*=owl-],
.blog-shortcode article .featured-post:after,
.blog-shortcode article:hover .entry-meta,
.flat-iconbox.circle .box-icon,
.flat-iconbox.circle .flat-iconbox-icon,
.flat-progress .progress-animate,
.flat-button,
.flat-team .box-readmore a,
.portfolio-filter li.active a:after,
.portfolio-filter li a:after,
.flat-socials li a,
.imagebox.style-2 .box-image:after,
.title-section.style3 .title:after,
.imagebox.style-3 .box-image:before,
.imagebox.style-3 .box-image:after,
.blog-shortcode article .read-more a:hover,
input[type='submit'],
.flat-imagebox .flat-imagebox-button a,
.flat-imagebox.style-2 .flat-imagebox-image:after,
.flat-imagebox.style-3 .flat-imagebox-image:before,
.flat-imagebox.style-3 .flat-imagebox-image:after,
.flat-imagebox.services-grid .flat-imagebox-image:after,
article .entry-content .more-link,
.info-top-right a.appoinment { background-color: #e89314 !important; }

/* BACKGROUND: #e89314 — block 2 (buttons, footer icons, widget titles) */
.imagebox .box-button a,
.imagebox .box-header:before,
.call-back-form .flat-button-form,
.flat-before-footer .custom-info .icon,
button, input[type='button'], input[type='reset'],
.go-top:hover,
.page-template-tpl .vc_toggle_active .vc_toggle_title,
.wpb_gallery_slides .flex-direction-nav li a,
.sidebar .widget.widget_nav_menu ul li:first-child a:before,
.featured-post.blog-slider .flex-prev,
.featured-post.blog-slider .flex-next,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a,
#flat-portfolio-carousel ul.flex-direction-nav li a,
.navigation.posts-navigation .nav-links li a:after,
.title_related_portfolio:after,
.navigation.paging-navigation a:hover,
.widget .widget-title:after,
.widget.widget_tag_cloud .tagcloud a,
.navigation.paging-navigation .current,
.widget.widget_categories ul li:first-child > a:before,
.blog-single .entry-footer .tags-links a,
.comment-reply-title:after,
.comment-title:after,
#mc4wp-form-1 input[type='submit'] { background-color: #e89314 !important; }

/* BORDER: #e89314 — input focus + misc */
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='color']:focus,
.testimonial-slider.owl-theme .owl-dots .owl-dot.active span:before,
.navigation.paging-navigation .current,
.flat-iconbox.flat-iconbox-style2:hover .box-icon,
.testimonial-slider.style-2.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { border-color: #e89314 !important; }

/* Preloader */
.loading-effect-2 > span, .loading-effect-2 > span:before, .loading-effect-2 > span:after { border: 2px solid #e89314; }

/* btn-cons hover → orange (overrides shortcodes.css #18ba60 green) */
.btn-cons a:hover { background-color: #e89314 !important; color: #fff !important; }

/* Hover → dark navy */
.imagebox .box-button a:hover,
.call-back-form .flat-button-form:hover,
button:hover,
input[type='reset']:hover,
.wpb_gallery_slides .flex-direction-nav li a:hover,
.featured-post.blog-slider .flex-prev:hover,
.featured-post.blog-slider .flex-next:hover,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a:hover,
#flat-portfolio-carousel ul.flex-direction-nav li a:hover,
.navigation.posts-navigation .nav-links li:hover a:after,
.widget.widget_tag_cloud .tagcloud a:hover,
.blog-single .entry-footer .tags-links a:hover,
#mc4wp-form-1 input[type='submit']:hover { background-color: #2e363a !important; }

/* Search icon — fix hover green from main.css `.show-search a i:hover { color:#18ba60 }`.
   Need more specific selectors to win. Make it orange on hover. */
.show-search a:hover { background-color: #e89314 !important; }
.show-search a:hover i,
.show-search a i:hover { color: #fff !important; }

/* Search icon visible on all mobile sizes.
   responsive.css hides .show-search at ≤479px; override it.
   mobile nav breakpoint is ≤991px — ensure icon shows alongside hamburger. */
@media (max-width: 991px) {
  .show-search { display: block !important; float: right; margin-right: 55px; }
}

/* Top bar */
.flat-top { background-color: #3a526a !important; }
.flat-top, .info-top-right, .info-top-right a.appoinment { color: #ffffff !important; }

/* Header */
.header.header-style1 { background-color: #fff; }
#mainnav > ul > li > a { color: #424242; }
#mainnav > ul > li > a:hover,
#mainnav > ul > li.current-menu-item > a { color: #ffa500 !important; }
#mainnav ul.sub-menu > li > a { color: #fff !important; }
#mainnav ul.sub-menu { background-color: #1d2738; }
#mainnav ul.sub-menu > li > a:hover { background-color: #ffa500 !important; }

/* Footer */
.footer { background-color: #2e304f !important; }
.footer a, .footer, .flat-before-footer .custom-info > div, .footer-widgets ul li a { color: #e5e5e5; }
.bottom { background-color: #3a3a3a !important; }
.bottom .copyright p, .bottom #menu-bottom li a { color: #e5e5e5; }