/* =========================================================================================== 
OVERALL  ----------------------------------------------------------------------------------
============================================================================================== */

.modal-header .close:hover { color: #f7931e }
.modal-loader .loader-wrap i { background: #f7931e }
a { color: #f7931e }
span.theme-color { color: #f7931e }
a.btn-default, .blog a.btn-default { background-color: #f7931e }
.direction-arrows a.down { background: #f7931e }
.direction-arrows a.up:hover { background: #f7931e }
.header .header-direction-arrow a { top: 45px }
.services-iconic ul li:nth-child(2n+2) a:hover { background: #f7931e }
.services-iconic ul li a:hover { background: #f7931e }
.services-iconic ul li.logo-item a { background: #f7931e }
.header .slogan a.nav-trigger:hover { color: #f7931e }
.header .header-direction-arrow a { background: #f7931e }
.footer-direction-arrow a:hover { background: #f7931e }
.main-menu li:hover > a,
.main-menu li.active > a,
.main-menu li > a.active { background: #f7931e }
.main-menu li.current_page_item a,
.main-menu li.current-menu-item a .main-menu li.current-menu-item { background: #f7931e }
.carousel-indicators .active { background-color: #f7931e }
.portfolio-content-center h4 a:hover { color: #f7931e }
.blog a:hover { color: #f7931e }
.drop-cap .drop-icon i { background: #f7931e }
.theme-color-background { background: #f7931e }
.owl-next:hover { background: #f7931e }
.owl-prev:hover { background: #f7931e }
a.more-plus:hover { color: #f7931e }
#submit_single { background: #f7931e }
a.reply i { color: #f7931e }
a.author { color: #f7931e }
.blog-sidebar .widget .search-form input[type="submit"] { background: #f7931e }
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus { background-color: #f7931e }
.pagination>li>a:hover,
.pagination>li>a.active { background-color: #f7931e }
.pager li>span { background-color: #f7931e }
.vc_progress_bar.rando .vc_single_bar .vc_bar { background-color: #f7931e }
body .wpb_content_element .ui-tabs .ui-tabs-nav li.ui-state-active,
body .wpb_content_element .ui-accordion .ui-accordion-header.ui-state-active,
body .wpb_tabs .ui-tabs .ui-tabs-panel { background: #f7931e }
.wpb_widgetised_column.rando .widget input[type="submit"] { background: #f7931e }
.wpb_call_to_action.rando { background-color: #f7931e }
.vc_call_to_action.rando { background-color: #f7931e }
.wpcf7 input[type="submit"] { background: #f7931e }
ul.main-navigation li a.active,
ul.main-navigation li a:hover { color: #f7931e }
/* ===========================================================================================
TYPOGRAPHY ----------------------------------------------------------------------
============================================================================================== */

h1 {
 font-size: 42px;
 line-height: 52px;
}
h2 {
 font-size: 32px;
 line-height: 42px;
}
h3 {
 font-size: 26px;
 line-height: 36px;
}
h4 {
 font-size: 22px;
 line-height: 32px;
}
h5 {
 font-size: 18px;
 line-height: 28px;
}
h6 {
 font-size: 16px;
 line-height: 26px;
}
p,
body { font-size: 13px; }
p { line-height: 23px; }
/* ===========================================================================================
PRELOADER LOGO ----------------------------------------------------------------------
============================================================================================== */
#qLoverlay { background: url(http://www.ribeiromg.com/wp-content/uploads/2021/11/AjaxLoader.jpg) no-repeat 50% 45%; }
/* ===========================================================================================
FONT CHANGING ----------------------------------------------------------------------
============================================================================================== */
h1, h2, h3, h4, h5, h6, .work-filter a, .services-iconic ul li a, .services-iconic.gallery ul li a, ul.main-navigation li a {
 font-family: "Fjalla One", sans-serif;
}
body, .work-filter .dropdown-menu li a, #lang_sel_click, select#select_navigation {
 font-family: "PT Sans", sans-serif;
}

/* =========================================================================================== 
DARK SECTION TYPOGRAPHY ----------------------------------------------------------------------
============================================================================================== */
section.dark { background: #1b1b1b; }
section.dark p { color: #7d7d7d; }
section.dark h1,
section.dark h2,
section.dark h3,
section.dark h4,
section.dark h5,
section.dark h6 { color: #ffffff; }
section.dark span.sub-heading { color: #808080; }
section.dark a.filter_trigger { color: #ffffff; }
section.dark a.filter_trigger:hover { color: #f7931e }
section.dark a.btn-default { color: #ffffff; }
section.dark a.btn-default:hover { color: #a0a0a0; }
/* =========================================================================================== 
LIGHT SECTION TYPOGRAPHY ----------------------------------------------------------------------
============================================================================================== */
section.light { background: #ffffff; }
section.light p { color: #7d7d7d; }
section.light h1,
section.light h2,
section.light h3,
section.light h4,
section.light h5,
section.light h6 { color: #212121; }
section.light span.sub-heading { color: #e7e7e7; }
section.light a.filter_trigger { color: #212121; }
section.light a.filter_trigger:hover { color: #f7931e }
section.light a.btn-default { color: #ffffff; }
section.light a.btn-default:hover { color: #a0a0a0; }
/* =========================================================================================== 
GREY SECTION TYPOGRAPHY ----------------------------------------------------------------------
============================================================================================== */
section.grey { background: #f7f7f7; }
section.grey p { color: #7d7d7d; }
section.grey h1,
section.grey h2,
section.grey h3,
section.grey h4,
section.grey h5,
section.grey h6 { color: #333333; }
section.grey span.sub-heading { color: #363636; }
section.grey a.filter_trigger { color: #333333; }
section.grey a.filter_trigger:hover { color: #f7931e }
section.grey a.btn-default { color: #ffffff; }
section.grey a.btn-default:hover { color: #a0a0a0; }
/* =========================================================================================== 
CLASSIC NAVIGATION  -------------------------------------------------------------------------------------
============================================================================================== */
ul.main-navigation {
	float: right;
	margin-top: px;
}
ul.main-navigation li a{
	font-family: "Fjalla One", sans-serif;
	font-size: 18px;
}
/* =========================================================================================== 
TOPBAR  -------------------------------------------------------------------------------------
============================================================================================== */
.slogan-right { margin-top: -15px; }
.slogan .trigger-right a { top:px; }
/* =========================================================================================== 
SIDEBAR  -------------------------------------------------------------------------------------
============================================================================================== */
.sidebar .logo a img, .sidebar.scroll .logo a img { width: px; }
.sidebar a.nav-trigger,.sidebar.scroll a.nav-trigger { margin-top: px; }
.main-nav { background: #1b1b1b; }
.sidebar, .sidebar.scroll { background: #1b1b1b; }
.sidebar .widget a, .sidebar.scroll .widget a{ color: #ffffff; }
.sidebar .widget p, .sidebar.scroll .widget p { color: #7d7d7d }
.main-menu a{ color: #7d7d7d; }
.main-menu li:hover > a, .main-menu li > a.active { color: #ffffff; }
.sidebar .widget a.btn-default, .sidebar.scroll .widget a.btn-default { color: #ffffff; }
.sidebar .widget a.btn-default:hover, .sidebar.scroll .widget a.btn-default:hover { color: #333333; }
/* =========================================================================================== 
MODAL ----------------------------------------------------------------------------------------
============================================================================================== */
.modal-footer, .modal-header { background: #1b1b1b; }
.modal-header, .modal-footer a, .modal-header .close, .btn.btn-social-icon { color: #ffffff; }
.modal a.btn-default { color: #333333; }
.modal a.btn-default:hover { color: #ffffff; }
ul.modal-tags li { color: #7d7d7d; }

.modal-backdrop, .modal-loader-wrap { background-color: rgba(0, 0, 0, 0.7); }