/*
Theme Name: Recruiters Websites
Theme URI: http://www.recruiterswebsites.com
Version: 1.0
Description: Recruiters Websites Framework for Custom Website Development
Author: The Recruiters Websites Team
Author URI: http://www.recruiterswebsites.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* MAIN STYLES */

body {
    border-left: 10px solid white;
    border-right: 10px solid white;
}
.ce-dual-buttons .pp-dual-button-content .pp-dual-button a.pp-button {
    background-color: rgba(255, 255, 255, 0.36);
}
.mouse {
    display: block;
    width: 32px;
    height: 52px;
    border: 2px solid white;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    transform: translate(0,0);
    overflow: hidden;
    font-size: 10000px;
}
.mouse:after {
    content: '';
    width: 4px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 7px;
    border-radius: 4px;
    background-color: white;
    margin-left: -2px;
    opacity: 1;
    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s normal none infinite running scrollAnimation;
    -webkit-animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s normal none infinite scrollAnimation;
}
.mouse-content {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 1em;
}
.ce-headers.fl-module-heading .fl-heading {
	text-transform:uppercase;
}
.ce-footer-logo img{
	filter: brightness(0) invert(1);
}
.ce-subpage-header.fl-module-heading .fl-heading {
    	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.ce-list ul{
	 -webkit-column-count: 2;
     -moz-column-count: 2;
      column-count: 2;
}
.ce-list li {
	margin-bottom: 10px;
}
.contact-callout-section .fl-row-content-wrap {
    background-size: contain;
    background: linear-gradient(90deg, #FC6B34 50%, #0D3D6F 50%), url(../../uploads/2018/08/contact-callout.jpg) 100%, url(../../uploads/2018/08/contact-callout.jpg) 100%;
    background-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ----------------- SCHEDULE BUTTON START ----------------- */
.schedule-button a{
	text-transform:uppercase;
	color: #333;
}
.schedule-button {
    border: 4px solid #333;
    width: 550px;
    padding: 10px 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.schedule-button:hover {
	background-color: #eaeaea;
	border: 4px solid #eaeaea;
}

.schedule-button2 a{
	text-transform:uppercase;
}
.schedule-button2 {
    border: 4px solid white;
    width: 550px;
    padding: 10px 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.schedule-button2:hover {
	background-color: #0D3D6F;
	border: 4px solid #0D3D6F;
}
/* ----------------- SCHEDULE BUTTON END ----------------- */

/*
==========================================================================
PHONE
========================================================================== 
*/ 
@media screen and (max-width: 767px) and (min-width: 320px) {
	
	.schedule-button {
	    width: 300px;
	}
	.subpage-header > .fl-row-content-wrap {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.ce-list ul {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	}
	.schedule-button2 {
	    width: 300px;
	}
	.contact-callout-section .fl-row-content-wrap {
	    background-size: contain;
	    background: linear-gradient(180deg, #FC6B34 50%, #0D3D6F 50%), url(http://constructionexecs.flywheelsites.com/wp-content/uploads/2018/08/contact-callout.jpg) 100%, url(http://constructionexecs.flywheelsites.com/wp-content/uploads/2018/08/contact-callout.jpg) 100%;
	    background-blend-mode: multiply;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.fl-node-5b806268454ef > .fl-row-content-wrap {
    background-image: url(http://constructionexecs.flywheelsites.com/wp-content/uploads/2018/09/candiddates-Rectangle-.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: scroll;
    background-size: cover;
	}					
}

/*
==========================================================================
iPad 3, 4 and Pro 9.7"
========================================================================== 
*/ 

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

	.subpage-header > .fl-row-content-wrap {
	    padding-top: 50px;
	    padding-bottom: 50px;
	} 
		.contact-callout-section .fl-row-content-wrap {
	    background-size: contain;
	    background: linear-gradient(180deg, #FC6B34 50%, #0D3D6F 50%), url(http://constructionexecs.flywheelsites.com/wp-content/uploads/2018/08/contact-callout.jpg) 100%, url(http://constructionexecs.flywheelsites.com/wp-content/uploads/2018/08/contact-callout.jpg) 100%;
	    background-blend-mode: multiply;
	    background-size: cover;
	    background-repeat: no-repeat;
	} 
	.schedule-button2 {
	    width: 400px;

	}	
} 

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

	.fl-node-5b805e56475c1 > .fl-module-content {
	    margin-top: 150px;
	}
	.subpage-header > .fl-row-content-wrap {
	    padding-top: 50px;
	    padding-bottom: 50px;
	} 
	.fl-node-5b840b619f711 > .fl-col-content {
	    padding-right: 40px;
	    padding-left: 40px;
	}
	.fl-node-5b8415125c839 > .fl-col-content {
    padding-right: 40px;
    padding-left: 40px;
	}
	.full-width-section	{
		    width: 100%;
	}
	.schedule-button2 {
	    width: 420px;
	}			
}  

/*
==========================================================================
iPad Pro 12.9"
========================================================================== 
*/ 

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.fl-node-5b805e56475c1 > .fl-module-content {
	    margin-top: 150px;
	}
	.fl-node-5b840b619f711 > .fl-col-content {
	    padding-right: 40px;
	    padding-left: 40px;
	}
	.fl-node-5b8415125c839 > .fl-col-content {
    padding-right: 40px;
    padding-left: 40px;
	}
	.full-width-section	{
		    width: 100%;
	}
		.contact-callout-section .fl-row-content-wrap {
	    background-size: contain;
	    background: linear-gradient(90deg, #FC6B34 50%, #0D3D6F 50%), url(http://constructionexecs.flywheelsites.com/wp-content/uploads/2018/08/contact-callout.jpg) 100%, url(http://constructionexecs.flywheelsites.com/wp-content/uploads/2018/08/contact-callout.jpg) 100%;
	    background-blend-mode: multiply;
	    background-size: cover;
	    background-repeat: no-repeat;
	} 			

}