/*
Theme Name: RJI Professionals Inc.
Theme URI: http://www.driftmediasolutions.com
Version: 1.0
Description: Custom theme for RJI Professionals Inc.
Author: Drift Media
Author URI: http://www.driftmediasolutions.com
template: bb-theme
*/

/* Header */

<img src="https://pix.analyticowl.com/pixel?id=1334&type=2" width="1" height="1" />

@media screen and (min-width: 769px) {
  .fl-slanting-row .fl-node-content:after {
    background: #263d8a;
    content: "";
    height: 96px;
    position: absolute;
    -webkit-transform: skewX(-14deg);
    -moz-transform: skewX(-14deg);
    -ms-transform: skewX(-14deg);
    -o-transform: skewX(-14deg);
    transform: skewX(-14deg);
    top: 0;
    width: 3.3%;
    z-index: 1;
    left: 28.3%;
  }
}
@media screen and (max-width: 768px) {
	.sub-menu > li > a {
		color: #000 !important;
	}
}

/* Rows */
@media screen and (max-width: 768px){
  .fl-builder-top-edge-layer > * {
    width: 128vh;
  }
}

/* Home Services */
.white-bg {
	background-color: #fff;
	width: 97.8%;
	position: relative;
	right: -5px;
	height: 50px;
	overflow: hidden;
}
.white-bg:after {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-bottom: 100px solid #F4EB56;
	border-left: 100px solid transparent;
}
.white-bg:hover:after {
    transition: .25s;
	border-right: 100px solid #F4EB56;
}
@media screen and (min-width: 768px){
  .offset-row .fl-builder-layer + .fl-row-content {
    position: relative;
    top: -18rem;
  }
}

/* Home Blog */
@media screen and (min-width: 768px){
  .blog-overflow .fl-node-content {
    overflow: visible;
  }
  .break-row{
    position: relative;
    top: -16rem;
  }
  .break-row .fl-node-content {
    overflow: visible;
  }
}

/* Case Studies */
.page-id-22 .fl-post-grid-post {
    font-size: 14px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.page-id-22 .fl-post-column {
    padding-bottom: 20px;
}
.case-studies-single {
	display: flex;
}
.case-studies-single .fl-post-image {
	width: 50%;
}
.case-studies-single .fl-post-text {
	width: 50%;
	position: relative;
}
.case-studies-single .fl-post-text .fl-post-title a {
	color: #263d8a;
    font-family: Cormorant, serif;
    font-weight: 600;
    font-size: 34px;
}
.case-study-category {
	position: absolute;
    bottom: 8%;
}

/* Buttons */
.bg-button {
	border-top: 10px solid #FFF;
	padding: 7px 0 5px 20px;
	background: rgb(38, 61, 138);
	overflow: hidden;
}
.bg-button:after {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 47px solid #F4EB56;
    border-left: 47px solid transparent;
}
.bg-button:hover:after {
    transition: .25s;
	border-right: 100px solid #F4EB56;
}
.bg-button-1:after {
    bottom: 56px;
}
.bg-button-2:after {
    bottom: 111px;
}
.bg-button-3:after {
    bottom: 167px;
}
.bg-button-4:after {
    bottom: 222px;
}
@media screen and (min-width: 768px) {
  .broken-column {
    position: relative;
    top: -10rem;
    overflow: visible;
  }
  .broken-column .fl-node-content {
    overflow: visible;  
  }
}

/* Blog */
.page-id-18 .fl-post-grid-text a {
	text-decoration: none;
	color: #263d8a;
	font-family: Cormorant, serif;
	font-weight: 600;
	font-size: 24px;
}

/* Contact */
.container-fluid .contact-single {
	margin: 0 0 3rem 0;
}
.contact-single h5 {
	margin: 0;
}
.contact-single p {
	margin: 0;
}

/* Contact Us Form Footer*/
#gform_fields_1 .gfield textarea.large {
  height: 125px;
}
#gform_wrapper_1 input[type=submit] {
  background-color: #f4eb38;
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  padding: 10px 27px;
  font-weight: 600;
  text-shadow: none;
  border: 1px solid #f4eb38;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #263d8a;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  width: 200px;
}
#gform_wrapper_1 .gform_footer.before {
  display: flex;
  justify-content: center;
}
#gform_wrapper_1  input[type=text], 
#gform_wrapper_1  input[type=password], 
#gform_wrapper_1  input[type=email], 
#gform_wrapper_1  input[type=tel], 
#gform_wrapper_1  input[type=date], 
#gform_wrapper_1  input[type=month], 
#gform_wrapper_1  input[type=week], 
#gform_wrapper_1  input[type=time], 
#gform_wrapper_1  input[type=number], 
#gform_wrapper_1  input[type=search], 
#gform_wrapper_1  input[type=url], 
#gform_wrapper_1  textarea {
  background-color: #E6E7E8;
}

/* Application */
.gform-body legend,
.gform-body .gform-field-label{
	color: #fff;
}