/*
Theme Name:     Forge Online
Description:    
Author:         perry
Template:       dt-the7

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*--Header--*/
.mini-widgets div.text-area { height: 25px; width: 25px; margin-right: -8px !important;}
.mini-widgets div.text-area a { display: block; height: 25px; background-image: url('/wp-content/uploads/neighbourly-icon.png'); background-color: #b8a259; background-repeat: no-repeat; background-position: center; border-radius: 100%; }
.mini-widgets div.text-area a { text-decoration: none !important; }
.mini-widgets div.text-area a:hover { background-color: #fff; opacity: 1; }
.top-bar .mini-nav ul > li > a:hover span.menu-text { color: #b8a259 !important; }
.bold-icons .top-bar .mini-contacts.phone { background-image: none !important; }
.bold-icons .top-bar .mini-contacts.phone::before { content:"\f095"; font-family: fontawesome; font-size: 16px; color: #b8a259; padding: 10px; }
.header-bar .branding { margin-top: -55px; }
.soc-ico a:before, .soc-ico a:hover:after { transform: none !important; }
.soc-ico a:before, .soc-ico a:after { transition: none !important; }
.page-id-210 .page-title { min-height: 110px; }
.page-id-210 .wf-table { height: 110px; }
.team-author p { color: rgba(0,0,0,0.8) !important; font-weight: 400 !important; font-size: 14px !important; }


/*--Home Custom CTA--*/
.cta-links-sec .wpb_wrapper { text-align: center; }
.cta-links-sec .wpb_wrapper > a { text-decoration: none; }
.cta-links-sec .wpb_wrapper > a i { display: block; color: #fff; border-radius: 100%; width: auto; }
.cta-links-sec .wpb_wrapper > a i.fa:before { background-color:#b8a259; border-radius: 100%; }
.cta-links-sec .wpb_wrapper a i.fa-info:before { padding: 22px 35px; font-size: 35px; }
.cta-links-sec .wpb_wrapper a i.fa-file-text:before { padding: 22px 26px; font-size: 35px; }
.cta-links-sec .wpb_wrapper a i.fa-cog:before { padding: 22px 26px; font-size: 35px; }
.cta-links-sec .wpb_wrapper a i.fa-users:before { padding: 22px 23px; font-size: 35px; }
.cta-links-sec .wpb_wrapper > a span { color:#b8a259; margin-top: 45px; display: block; font-size: 24px; text-transform: uppercase; padding-bottom: 25px; border-width: 0 0 5px 0; border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#b8a259), to(rgba(0, 0, 0, 0))) 100% 1; -webkit-border-image: -webkit-linear-gradient(left, #b8a259, rgba(0, 0, 0, 0)) 100% 1; -moz-border-image: -moz-linear-gradient(left, #b8a259, rgba(0, 0, 0, 0)) 100% 1; -o-border-image: -o-linear-gradient(left, #b8a259, rgba(0, 0, 0, 0)) 100% 1; border-image: linear-gradient(to right, #b8a259, rgba(0, 0, 0, 0)) 100% 1; }
.cta-links-sec .wpb_wrapper > a:hover i.fa:before { background-color:#000; }
.cta-links-sec .wpb_wrapper > a:hover span { color: #000; border-width: 0 0 5px 0; border-style: solid; border-color; #000; border-image: none; -moz-border-image: none; -o-border-image: none; -webkit-border-image: none;  }

.black-column { background-color: #000; margin-left:-40px; min-height: 600px; position: absolute; float: left; background: url(/wp-content/uploads/J000987-Strive-Community-Website-v4_03.jpg); background-repeat: no-repeat; background-color: #000; background-position: top center; }
.grey-column { background-color: #eeeded; position: inherit; float: right; padding-left: 30px; padding-bottom: 30px;}
.home #main { padding-bottom: 0 !important; }
.home #content h1 {text-transform:none;}
@media (max-width: 850px)
{
.black-column { width: 100%; position: initial; float: none; min-height: 450px; margin-left: 0;}
.grey-column { width: 100%; position: initial; float: none; text-align: left; padding-left: 0; padding-bottom: 0;}
}

/*--Footer--*/
#footer #text-3 { width: 32%; text-align: right; }
.footer .soc-ico a .icon { fill: #000 !important; }
.footer .soc-ico a:before { background-color: rgba(255,255,255,1) !important; }
.footer .soc-ico a:hover:after { background-color: rgba(255,255,255,1) !important;  }
#footer .textwidget .mini-widgets .text-area { display: inline-block; margin-right: 0 !important; }
#footer .textwidget .mini-widgets .text-area a { background-color: #fff; }
#footer .textwidget .mini-widgets .soc-ico { display: inline; }
.footer .menu li { border: none !important; }
.footer .menu > li > a { text-decoration: none !important; text-transform: uppercase; font-weight: normal; }
.footer .sub-menu > li > a { text-decoration: none !important; }
.footer .sub-menu > li { margin: 0 !important; }
.footer .menu li.current-menu-item a { font-weight: 600; color: #fff; }
.footer section.widget_nav_menu { padding: 0 15px 0 0 !important; }
.footer ul.menu ul.sub-menu { margin-left: 0; }
.footer #text-2 .textwidget p { margin-top: 15px;}
.footer ul.menu ul.sub-menu > li > a { font-weight: 300;}
.footer .widget { font-size: 16px; line-height: 18px !important; }
.footer section { vertical-align: middle !important; }
.footer section.widget_text { padding: 0 15px 0 0 !important; }
.footer section.widget_text a { text-decoration: none !important;}
#footer .textwidget .mini-widgets .text-area a:hover { background-color: #b8a259; }
.footer .soc-ico a:hover:after { background-color: #b8a259 !important; } 
@media screen and (max-width: 1024px) {
	#footer{ padding: 0 20px; }
}

body #page #footer .widget_media_image { text-align: center; }
body #page #footer .textwidget { padding-top: 35px;  }
body #page #footer .textwidget h2 { color: #b8a259; font-size: 30px; line-height: 34px; margin-bottom: 20px; }
body #page #footer .textwidget p { margin-bottom: 20px; }
body #page #footer #media_image-3 { padding-top: 35px;  }

body #page #footer #custom_html-5, body #page #footer #custom_html-4{text-align:center;}
body #page #footer #custom_html-5 h4, body #page #footer #custom_html-4 h4 { color:#b8a259;margin-bottom:0;font-weight:700;}
body #page #footer #custom_html-4 h4 {margin-top:18px;}

body #page .font-30 strong { font-size: 30px; line-height: 35px; font-weight: 300; }
body #page .font-weight-300 * { font-weight: 300; }
body #page .cta-button { background-color:rgba(184, 162, 89,0.1);}
body #page .cta-button  h2 {font-size: 24px; text-transform: none; color: inherit; text-align: center; }
body #page .cta-button .vc_btn3 {font-size: inherit;font-family: inherit;font-weight: 500;text-transform:uppercase;}
body #page .cta-button .vc_btn3 {background-image:none;padding-top: 16px;padding-bottom: 16px;padding-left: 24px;padding-right: 24px;}
body #page .cta-button .vc_btn3:hover {background-color:#ffffff !important;color:#b8a259 !important; }
body #page .vc_general.vc_cta3 h2 {font-size:24px;line-height:30px;}
body #page .cta-quote.vc_cta3 .vc_cta3-content .fa-quote-left {font-size:24px;color:#b8a259; margin-right: 5px;}
body #page .cta-quote.vc_cta3 .vc_cta3-content .fa-quote-right {font-size:24px;color:#b8a259; margin-left: 5px;}
body #page .cta-quote.vc_cta3 { padding: 20px; background-color: rgba(184,162,89,0.2) !important; border-left: 6px solid rgb(184,162,89); border-radius: 0; }
body #page .cta-quote.vc_cta3 p { font-weight: 400; }
body #page .cta-headline.vc_cta3 { background-color: rgba(184,162,89,0.2) !important; border-left: 6px solid rgb(184,162,89); border-radius: 0; }
body #page .cta-headline.vc_cta3 h3 { color: #000000; margin-bottom: 5px; font-weight: 600; }
body #page .no-decoration ul li a { text-decoration: none; }
body #page .no-decoration ul li a:hover { color: #000; }
body #page .cta-footer { padding: 60px 30px 30px 30px; background-color: rgba(184,162,89,0.2) !important; border-bottom: 6px solid rgb(184,162,89);  }
body #page .cta-footer a.dt-btn { width: 70%; }
body #page .cta-footer h2 { font-size: 34px; line-height: 38px; font-weight: 600; }
body #page .cta-footer h4 { font-size: 28px; line-height: 32px; font-weight: 300; margin-bottom: 30px !important; }
body #page .cta-footer h2, body #page .cta-footer h4 { color: #000; }
body #page .page-title.solid-bg { border-top: 6px solid rgb(184,162,89); }
body.home #page #main-slideshow .fas.fa-circle { font-size: 8px !important; vertical-align: middle !important; margin: 0 5px !important; }

@media screen and (max-width: 767px) {
	body #page .cta-footer .btn-align-center { text-align: left; }
}

/*--Contact Page--*/
.contact-info a {text-decoration: none !important; color: #000 !important; }
.contact-info .fa { margin-bottom: 10px; }
.frm_style_formidable-style.with_frm_style input[type=text],.frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="number"],.frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style select { height: 45px; border-radius: 0; border-color: #ccc !important; font: normal 300 16px / 25px "Roboto", Helvetica, Arial, Verdana, sans-serif; }
.frm_style_formidable-style.with_frm_style label.frm_primary_label { font: normal 300 16px / 25px "Roboto", Helvetica, Arial, Verdana, sans-serif; }
.frm_style_formidable-style.with_frm_style textarea { height: 85px; border-radius: 0; border-color: #ccc !important; font: normal 300 16px / 25px "Roboto", Helvetica, Arial, Verdana, sans-serif; }
.frm_style_formidable-style.with_frm_style .form-field.frm_section_heading {margin-bottom: 40px !important;}
.frm_submit { text-align: center; }
.frm_submit input[type="submit"]{ height: 45px !important; border-radius: 0 !important; border-color: #ccc !important; font: normal 300 16px / 25px "Roboto", Helvetica, Arial, Verdana, sans-serif !important; background-color: #b8a259 !important; color: #fff !important; font-weight: bolder !important; }
.frm_submit input[type="submit"]:hover { background-color: #fff !important; color: #000 !important;  }

#frm_form_6_container label.frm_primary_label {display:none;}
#frm_form_6_container .frm_submit { text-align: left; }
#frm_form_6_container .frm_submit input[type="submit"]{ height: 45px !important; border-radius: 0 !important; border-color: #ccc !important; font: normal 300 16px / 25px "Roboto", Helvetica, Arial, Verdana, sans-serif !important; background-color: #b8a259 !important; color: #fff !important; font-weight: bolder !important; }
#frm_form_6_container .frm_submit input[type="submit"]:hover { background-color: #fff !important; color: #000 !important;  }

#frm_form_7_container .frm_submit { text-align: left; }
#frm_form_7_container .frm_submit input[type="submit"]{ height: 45px !important; border-radius: 0 !important; border-color: #ccc !important; font: normal 300 16px / 25px "Roboto", Helvetica, Arial, Verdana, sans-serif !important; background-color: #b8a259 !important; color: #fff !important; font-weight: bolder !important; }
#frm_form_7_container .frm_submit input[type="submit"]:hover { background-color: #fff !important; color: #000 !important;  }

@media (max-width:1024px) {
	.rev_slider_wrapper .fa-circle {font-size:6px !important;vertical-align:middle;line-height: 11px !important;}
}
@media (max-width:600px) {
	.rev_slider_wrapper .fa-circle {font-size:4px !important;line-height: 14px !important;}
}

body #page .media-release .aio-icon-component { margin-bottom: 0; }
body #page .media-release .right-icon .aio-icon-header h3.aio-icon-title, body #page .media-release .right-icon .aio-icon-description { text-align: left; }
body #page .media-release .aio-icon-box-link { border-bottom: 1px solid #B8A259; padding-bottom: 20px; padding-left: 25px; padding-right: 25px; padding-top: 30px; }
body #page .media-release .right-icon .aio-icon-header { margin-bottom: 20px; }
body #page .media-release .right-icon .aio-icon-header h3.aio-icon-title { font-size: 26px; line-height: 29px; }
body #page .media-release .right-icon .aio-icon-description { color: #000000; margin-top: 0; }
body #page .media-release .aio-icon { font-size: 30px !important; }
body #page .media-release .aio-icon-box-link:hover { background-color: #000; }
body #page .media-release .aio-icon-box-link:hover * { color: #fff; }
body #page .job-details { padding-top: 40px; padding-left: 20px; background-color: #F1ECDE; border-left: 5px solid #b8a259; }
body #page .job-details .aio-icon-header+.aio-icon-description { margin-top: 5px; }
body #page .job-details .aio-icon-component { margin-bottom: 30px; }

@media screen and (min-width: 769px) {
	body #page .media-release .right-icon .aio-icon-description, body #page .media-release .right-icon .aio-icon-header { float: left; }
	body #page .media-release .aio-icon-box .aio-ibd-block .aio-icon-header { width: 30%; }
	body #page .media-release .aio-icon-box .aio-ibd-block .aio-icon-description { width: 60%; }
}

@media screen and ( max-width: 1025px ) {
	.mini-widgets.left-widgets { width: 100%; text-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
}