/*
Theme Name:     Valorous Circle's Divi
Theme URI:	http://valorouswebdesign.com/
Description:    A child theme based on Divi
Author:         Valorous Circle LLC
Template:       Divi
Version:	2.0
*/

@import url("../Divi/style.css");


/******************************** GRAVITY FORMS STYLING ******************************/
body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper textarea.textarea { background-color: #E1E1E1; font-size: 16px; color: #000; }
.gform_button { color: #fff!important; }

/******************************************** WIDGET SEARCH BAR AND 404 PAGE ******************************************/
#search-4 { margin-left: auto; margin-right: auto; width: 100%; border-right: 0px; margin-bottom: 0px; }
.et_pb_widget_area_left { border-right: 0px; padding-right: 0px;}
#four-o-four { max-width: 500px; margin-left: auto; margin-right: auto; }
.four-o-four-buttons { text-align: center; }
.four-o-four-button-spacer { margin-right: 40px!important; }
.page-id-266 .widget_search #searchsubmit { top: 23px !important; border-radius: 8px; }
.page-id-266 .widget_search input#s { border-radius: 8px; }
/* Styling for Widget Search Bar and 404 Page */

/************ Footer menu styling.  Great for a dark footer menu global section with white navigation text and a white logo. ************/
.footer-menu img { opacity: 0.8; margin: -10px 0px 0px -15px; padding: 0px; transition: opacity 0.4s ease-in-out; }
.footer-menu img:hover { opacity: 1; }
.footer-menu h3 { opacity: 0.9; }
.footer-menu a { color: #fff; opacity: 0.8; transition: opacity 0.4s ease-in-out; }
.footer-menu a:hover { opacity: 1; }
.footer-menu i { margin-right: 6px; }
.footer-menu ul { list-style: none; padding: 0px; }
.footer-menu ul li { display: inline-block; vertical-align: top; }
ul.footer-menu-links { list-style: none!important; }
ul.footer-menu-links li { display: block; width: 100%; }


#main-header, #footer-bottom, a.et_pb_button, .splash-header { 
background: rgb(1,120,204); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(1,120,204,1) 0%, rgba(0,60,138,1) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(1,120,204,1) 0%,rgba(0,60,138,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(1,120,204,1) 0%,rgba(0,60,138,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0178cc', endColorstr='#003c8a',GradientType=0 )!important; /* IE6-9 */ }


/************ Homepage slider ************/
.home-header .et_pb_slide_description { background-color: rgba(255,255,255,0.95)!important; padding: 20px!important; margin-top: 40px; max-width: 710px; color: #555!important; margin-bottom: auto; }


/************ Stretch an image to fullwidth ************/
.stretch-image img { width: 100%!important; height: auto!important; }

/************ Large blurbs ************/
.large-blurb .et_pb_blurb_content { max-width: 100%!important; }
.large-blurb .et_pb_main_blurb_image { width: 132px; }
.large-blurb .et_pb_blurb_position_left .et_pb_blurb_container { padding-left: 50px!important; }


/************ Catalog areas on home page ************/
.large-catalog-area h3 { font-size: 27px!important; }
.large-catalog-area img { margin-right: 40px!important; }


/************ Grey BG noise ************/
.noise-grey-bg {
padding: 20px 15px 15px 15px!important;
border-bottom: 1px solid #ccc;
-webkit-box-shadow: inset 0px -1px 24px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px -1px 24px 0px rgba(255,255,255,1);
box-shadow: inset 0px -1px 24px 0px rgba(255,255,255,1);
background-image: url(http://109.73.235.32/~jostinte/wp-content/uploads/2016/02/noise-grey.png);
background-repeat: repeat;
background-size: initial; }

/************ Homepage slider ************/
.homepage-slider {  }
.homepage-slider .et_pb_slide { padding: 0px!important; margin: 0px!important; }
.homepage-slider .et_pb_container { width: 100%!important; max-width: 100%!important; }
.homepage-slider .et_pb_slide_description { background-color: rgba(0,0,0,0.5); padding: 20px!important; width: 100%; max-width: 100%; position: absolute; bottom: 0; margin: 0px!important; text-align: left; }
.homepage-slider .et_pb_slide_content { line-height: 1.7em; word-break: break-word; word-wrap: break-word; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-size: 12px; display: inline-block; }
.homepage-slider .et_pb_slide_title { font-size: 20px; letter-spacing 0.5px; line-height: 50px; font-weight: 600; }
.homepage-slider .et_pb_button { background-color: #881618; border: 0;display: inline-block;font-size: 12px;position: relative;color: #555!important;text-transform: uppercase;font-weight: bold; margin-top: 0; margin-left: 10px; padding: 2px 8px 2px 8px!important; transition: all 0.4s ease-in-out; }
.homepage-slider .et_pb_button:after { display: none!important; }
.homepage-slider .et_pb_button:hover { margin-right: 0; padding-right: 8px; background-color: #ccc!important; color: #555!important; }
.homepage-slider .et-pb-controllers { display: none; }
.homepage-slider .et_pb_slide_content { display: inline!important; }

.page-id-911 .gfield_price { margin-top: 20px!important; padding-top: 10px; border-top: 1px solid #ccc!important; }
.page-id-911 .gfield_price .gfield_label { display: inline!important; margin-right: 40px; }
.page-id-911 .gfield_price .ginput_container { display: inline!important;right: 0!important; position: absolute!important; margin-top: -8px; }



/*--------------------------------------THIS IS THE DELETION LINE--------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-------------------------- ANYTHING UNDER THIS LINE CAN BE DELETED ----------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/



/************************************ SNAP CLASSES FOR DIVI ************************************/
/* These classes can be applied super easily - just add their name to a section, row, column, or module in Divi/Extra */

/************ Snap Classes page styling ************/
.page-id-312 .et_pb_section:nth-child(odd) { background-color: #f7f7f7!important; padding: 30px!important; }
.page-id-312 .et_pb_section:nth-child(even) { background-color: #fff!important; padding: 30px!important; }
.dark-section .et_pb_section { background-color: #555!important; }

/************ Tilted Picture in light grey frame.  Apply to Image module. ************/
.picture-frame-tilted img { transform: rotate(-4deg); border: 10px solid #e9e9e9; }
.picture-frame-tilted-shadow img { transform: rotate(-4deg); border: 10px solid #e9e9e9; -webkit-box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); -moz-box-shadow:9px 10px 42px -12px rgba(0,0,0,0.7); box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); }
.picture-frame-straight img { border: 10px solid #e9e9e9; }
.picture-frame-straight-shadow img { border: 10px solid #e9e9e9; -webkit-box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); -moz-box-shadow:9px 10px 42px -12px rgba(0,0,0,0.7); box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); }
.picture-frame-tilted-stack img { transform: rotate(-4deg); border: 10px solid #e9e9e9; }
.picture-frame-tilted-stack { background-color: #f4f4f4; -webkit-box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); -moz-box-shadow:9px 10px 42px -12px rgba(0,0,0,0.7); box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); }

/************ Drop Shadow, apply to anything. ************/
.drop-shadow-light { -webkit-box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.44); -moz-box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.44); box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.44); }
.drop-shadow-medium { -webkit-box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); -moz-box-shadow:9px 10px 42px -12px rgba(0,0,0,0.7); box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.7); }
.drop-shadow-dark { -webkit-box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.95); -moz-box-shadow:9px 10px 42px -12px rgba(0,0,0,0.95); box-shadow: 9px 10px 42px -12px rgba(0,0,0,0.95); }

/************ Text Shadow, apply to text. ************/
.text-shadow-thin { text-shadow: 1px 1px 1px rgba(0,0,0,0.8)!important; }
.text-shadow-medium { text-shadow: 3px 3px 3px rgba(0,0,0,0.6); }
.text-shadow-thick { text-shadow: 6px 6px 8px rgba(0,0,0,0.8); }

/************ Backgrounds at initial size oriented left, right, or center.  Great for watermarked backgrounds. ************/
.background-left { background-size: initial; background-position: left center; }
.background-right { background-size: initial; background-position: right center; }
.background-center { background-size: 60%; background-position: center center; }

/************ Backgrounds for parallax.  At initial size oriented left, right, or center.  Great for watermarked backgrounds. ************/
.background-left-parallax .et_parallax_bg { background-size: initial!important; background-position: left center!important; }
.background-right-parallax .et_parallax_bg { background-size: initial!important; background-position: right center!important; }
.background-center-parallax .et_parallax_bg { background-size: initial!important; background-position: center center!important; }

/************ Thin text shadow ************/
.text-shadow-thin { text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }

/************ Medium text shadow ************/
.text-shadow-medium { text-shadow: 3px 2px 3px rgba(0,0,0,0.4); }

/************ Thick text shadow ************/
.text-shadow-thick { text-shadow: 3px 3px 6px rgba(0,0,0,0.6); }

/*************** Sidebar headers ***************/
.sidebar-header { background-color: #006325; padding: 20px 10px 10px 20px; }
.sidebar-header h1, .sidebar-header h2 { color: #fff!important; }
.sidebar-text { padding: 30px; }

/*************** A yellow alert ***************/
.alert { padding: 8px 35px 8px 14px!important; margin-bottom: 18px!important; color: #555!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)!important; background-color: #fcf8e3!important; border: 1px solid rgba(142, 106, 36, 0.36)!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; }

/*************** A successful (green) alert ***************/
.alert-success { padding: 8px 35px 8px 14px!important; margin-bottom: 18px!important; color: #468847!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)!important; background-color: #dff0d8!important; border: 1px solid #d6e9c6!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; }

/*************** A danger (red) alert ***************/
.alert-danger { padding: 8px 35px 8px 14px!important; margin-bottom: 18px!important; color: #b94a48!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)!important; background-color: #f2dede!important; border: 1px solid #eed3d7!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; }

/*************** An info (blue) alert ***************/
.alert-info { padding: 8px 35px 8px 14px!important; margin-bottom: 18px!important; color: #3a87ad!important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7)!important; background-color: #d9edf7!important; border: 1px solid #bce8f1!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; }

/************ Hide Overflow on the Main Area ************/
IMPORTANT: Enable this to use the different section areas.
#et-main-area { overflow: hidden;} 

/************ Small Triangle Caret Below Sections ***********/
.triangle-caret:after,.triangle-caret:before { content:''; position:absolute; bottom:0; width:50%; z-index:100; border-bottom:50px solid transparent; -moz-transform:rotate(0.000001deg); -webkit-transform:rotate(0.000001deg); -o-transform:rotate(0.000001deg); -ms-transform:rotate(0.000001deg); transform:rotate(0.000001deg);}
.triangle-caret .header-content { padding-bottom: 30px!important; padding-top: 35px!important; }
.triangle-caret { padding-top: 0px!important; }
.triangle-caret:before{ right:50%; border-right:75px solid #555; border-left:1000px solid;}
.triangle-caret:after{ left:50%; border-left:75px solid #555; border-right:1000px solid;}

/************ Underlay a Section Beneath A Triangle Section ***********/
.underlay { margin-top: -50px; padding-top: 80px; }


/***** Product blurb image margins *****/
.product-blurb .et_pb_main_blurb_image { margin-bottom: 10px; }

/***** Show conditional logic next to each other *****/
@media screen and (min-width: 981px){ .gf-thirds li { width: 25%; display: inline-block; } }
@media only screen and ( max-width:1200px ) {
#et_mobile_nav_menu { display:block }
#top-menu-nav { display:none; }
} 
.mobile_menu_bar:before { color: #fff!important; }

/***** ROI calculator styling *****/
#contentWrapper {
	margin-right: auto;
	margin-left: auto;
	height: 1500px;
	width: 1000px;
	border: 1px solid #E9E9E9;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 75px;
}
#contentWrapper #worksheetinstr {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
}
#contentWrapper #pagetitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	font-variant: normal;
	padding-top: 10px;
	font-style: italic;
}
#contentWrapper #contentparagraph {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	padding-bottom: 10px;
	text-align: center;
}
.inputbox {
	background-color: #FDFC02;
}
#TBOXhighlight {
	background-color: #FBF203;
}

/***** Live chat styling *****/
@media screen and (min-width: 980px) {
#l2s_trk {    visibility: visible;
    display: block;
    position: fixed;
    bottom: -6px;
    right: 0px;
    margin: 0px;
    padding: 0px; width: 230px; }
}

/*****------------------------------ A FEW ADDITIONAL TRICKS (FOR ADVANCED USERS) -----------------------------******/

/******************************************** BOUNCING "READ MORE" ICON ******************************************/
/*
@-webkit-keyframes bounce { 0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
40% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
} @keyframes bounce { 0%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
40% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } } 
span.scroll-down.et-pb-icon { -webkit-animation-name: bounce; animation-name: bounce; -webkit animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
*/


/***** Job Board *****/


div.search_keywords {
    text-align: left;
    
}

input#search_location input#search_keywords {
    width: 100% !important;
}


ul.job_listings {
    text-align: left; 
}