/*
Theme Name:     Divi child
Description:    Alion Child Theme
Author:         root
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
@import url("../Divi/style.css");
h2 {
color:#fe9c01;
}

h2 {
color:#94b783;
}
h3 {
color:#94b783;
margin:15px 0px 15px 0px;
}

A.addr {color: #222222; text-decoration: none;font-size:1.0em;margin-bottom:0px;padding-bottom:0px;text-transform:uppercase;font-weight:bold;}
A.addr:link {color: #222222; text-decoration: none;}
A.addr:active {color: #222222; text-decoration: none;}
A.addr:visited {color: #222222; text-decoration: none;}
A.addr:hover {color: #222222; text-decoration: underline; background:#efefef;}

A.bottom {color: #bab6b1; text-decoration: none;font-size:1.0em;}
A.bottom:link {color: #bab6b1; text-decoration: none;}
A.bottom:active {color: #bab6b1; text-decoration: none;}
A.bottom:visited {color: #bab6b1; text-decoration: none;}
A.bottom:hover {color: #FFFFFF; text-decoration: underline;}

A.bottomHdr {color: #FFFFFF; text-decoration: none;font-size:1.0em;}
A.bottomHdr:link {color: #FFFFFF; text-decoration: none;}
A.bottomHdr:active {color: #FFFFFF; text-decoration: none;}
A.bottomHdr:visited {color: #FFFFFF; text-decoration: none;}
A.bottomHdr:hover {color: #FFFFFF; text-decoration: underline;}
.street {
font-size:1em;
line-height:1.2em;
color: #777777;
padding-top:0;
margin-top:-1em;
}
.header {
height:700px;
margin:auto auto;

}
position: relative;
  top: 50%;
  transform: translateY(-50%);
.header-content {
vertical-align: middle;

}

#et-info {
float: right !important;

}
.titleLeftLine {
font-weight:800;
text-transform:uppercase;
font-size:20px;
padding-left:20px;
margin-left:-25px;
border-left:solid 1px #222222;
font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
font-size: 22px;
 line-height: 1.5em;
}
.et_pb_contact_submit {
background-color:black;
}
.et_pb_button {
background-color:gray;
color:white;
border:solid 0px #ffffff;
}
.greenBold {
color: #a9c399 !important;
font-weight:bold;
font-size:14px;
}
h1.green  {
color: #a9c399 !important;
font-weight:bold;
font-size:35px;

}

h1.white  {
color: #FFFFFF !important;
font-weight:bold;
font-size:35px;
}
.clientdiv {
margin:0px 0px 10px 0px;
 			
 background-image: url("../divi/images/grSquare.png");
 background-repeat:no-repeat;
 padding-left:25px;
 padding-top:0px;
           
			line-height:1.5em;
	}
.green{
font-weight:bold;
color:#a9c399;
}
.slab {
font-family:Open Sans, arial;
font-weight:bold;
color:orange;
letter-spacing:2px;
font-size:22px;
}	
A.clients {
            color: #FFFFFF;
			text-decoration: none;
            border-bottom: dotted 1px #FFFFFF;
			font-weight:bold;
			padding-bottom:2px;
			margin-bottom: 2px;
			font-size:.75em;
			line-height:.75em;
 			
        }
		
A.gray {
            color: #CCCCCC;
			text-decoration: none;
            border-bottom: dotted 1px #CCCCCC;
			font-weight:bold;
			padding-bottom:2px;
			margin-bottom: 2px;
			font-size:.75em;
			line-height:.75em;
 			
        }
 A.white {
            color: #FFFFFF;
			text-decoration: none;
            border-bottom: dotted 1px #FFFFFF;
            
        }
        A.white:link
        {
            color: #FFFFFF;
			text-decoration: none;
            border-bottom: dotted 1px #FFFFFF;
            
        }
        A.white:active
        {
            color: #FFFFFF;
			text-decoration: none;
            border-bottom: dotted 1px #FFFFFF;
			padding-bottom: 1px;
           
        }
   
        A.white:hover
        {
            color: #FFFFFF;
         	text-decoration: none;
			font-weight:bold;
            border-bottom: solid 1px #FFFFFF;
			padding-bottom: 1px;
            
        }
		.noPadd {
		margin:0px auto;
		padding:0px;
		background:green;
		}
A.whiteSub {
            color: #FFFFFF;
			text-decoration: none;
            border-bottom: dotted 1px #FFFFFF;
			font-size:.75em;
			line-height:.75em;
			font-weight:bold;
            
        }
        A.whiteSub:link
        {
            color: #FFFFFF;
			text-decoration: none;
            border-bottom: dotted 1px #FFFFFF;
            
        }
        A.whiteSub:active
        {
            color: #FFFFFF;
			text-decoration: none;
            border-bottom: dotted 1px #FFFFFF;
			padding-bottom: 1px;
           
        }
   
        A.whiteSub:hover
        {
            color: #FFFFFF;
         	text-decoration: none;
			font-weight:bold;
            border-bottom: solid 1px #FFFFFF;
			padding-bottom: 1px;
            
        }

A.blue {
            color: #4475af;
			text-decoration: none;
            border-bottom: dotted 1px #4475af;
            
        }
        A.blue:link
        {
            color: #4475af;
			text-decoration: none;
            border-bottom: dotted 1px #4475af;
            
        }
        A.blue:active
        {
            color: #4475af;
			text-decoration: none;
            border-bottom: dotted 1px #4475af;
			padding-bottom: 1px;
           
        }
   
        A.blue:hover
        {
            color: #222222;
         	text-decoration: none;
			font-weight:bold;
            border-bottom: solid 1px #222222;
			padding-bottom: 1px;
            
        }
.circle {
border-radius:50%;
border:solid 3px white;
width:200px;
height:200px;
}	
h1.slider {
color:#FFFFFF;
font-size:2em;
font-weight:bold;
}	
.leftColSlider {
width:1400px;
}
.rightColSlider {
width:400px;
float:right;
}

		/*---Left---*/ 
.ds-slider-left.et_pb_slider .et_pb_container { 
    float: left !important; /*move the slider text container to the left*/ 
} 
 
.ds-slider-left .et_pb_slide_description  { 
	text-align: left !important; /*align the slider text to the left*/ 
	padding: 10% 40% 30% 5%; /*adjust the padding around the slider text container, this will help you to control the  
	height of your slides. You can remove this if you want the default height*/ 
	margin: 0 0 5% 0;
	
	color:white;
	
} 
 
.ds-slider-left.et_pb_slider .et_pb_button { 
    float: left !important;  /*move the button to the left*/ 
} 


/*--- right align --*/
.ds-slider-right.et_pb_slider .et_pb_container { 
    float: right !important; /*move the slider text container to the left*/ 
	
	height:700px;
} 
 
.ds-slider-right .et_pb_slide_description  { 
	text-align: right !important; /*align the slider text to the left*/ 
	padding: 10% 10% 40% 25%; /*adjust the padding around the slider text container, this will help you to control the  
	height of your slides. You can remove this if you want the default height*/ 
	margin: 0 0 5% 0;
	color:white;
	
} 
.ds-slider-right.et_pb_slider .et_pb_button { 
    float: right !important;  /*move the button to the left*/ 
}
.et_pb_column {
padding-left: 0px !important;
margin-left:0px !important;
}
.longImg {
height:400px !important;
width:250px;
}
.cutCorner {
    position:relative; background-color:transparent; 
    border:0px solid silver; display: inline-block;
}

.cutCorner img {
    display:block;
}

.cutCorner:before {
    position:absolute; right:-1px; top:-1px; content:'';
    border-top: 80px solid white;
    border-left: 40px solid transparent;
}

.cutCorner:after {
    position:absolute; right:-2px; top:-2px; content:'';
    border-top: 80px solid white;
    border-left: 40px solid transparent;
}


/* Secondary links on tippy-top nav */
#et-secondary-menu {
float:right;
text-align:right;
}
ul.et-social-icons {
float:right;

}
#top-header {
width:100%;
background-color:yellow;
}
.entry-title a {
line-height:1.25em;
font-weight:normal;
color:#4475af;
}

#section-stories .et_pb_post {
border:solid 0px pink;
min-height:275px;
}
#section-press .et_pb_post {
border:solid 0px pink;
min-height:285px;
}
.bullet {
background-color:yellow;
}
.justButton .et_pb_post .post-content {
 display: none;
 }

#recent-posts-2 {
border:solid 0px pink;
}
#recent-posts-2 li{
line-height:1.2em;
padding-bottom:15px;
}
.sub-menu a {
line-height:1.2em;
}
#top-header .container {
border:solid 0px pink;
width:100% !important;
float:right;
padding-right:15px;
}
#top-header a {
border-bottom:solid 0px pink;
text-decoration:none;
}

h4.widgettitle {
font-weight:800;
color:#888888;
margin-bottom:1.2em;
text-transform:uppercase;
}
.staffPic {
width:200px;
height:250px;

padding-bottom:0px;
margin-bottom:0px;
}
.staffblurb {
padding-top:0px;
margin-top:0px;
width:200px;
}
.staffblurb h2 {
margin-bottom:0px;
padding-bottom:0px;
text-transform:uppercase;
font-size:18px;
}
.staffblurb a {
color:#CCCCCC;
}
/* -------------------Tabs for secondary navigation----------------------- */
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px 1px 0px 1px solid #ccc;
    background-color: #89989f;
	font-family: Lato,arial,sans-serif;
	padding:0% 0% 0% 10%;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: #adbcc3;
    float: left;
    border: solid 0px #CCCCCC;
    border-top-left-radius: .3em;
	border-top-right-radius: .3em;
    outline: none;
    cursor: pointer;
    padding: 2px 20px;
	margin:5px 5px 0px 3px;
	color: #FFFFFF;
	text-transform:uppercase;
	font-size: 11px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #89989f;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #FFFFFF;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 3px 0px;
    border: 0px solid #ccc;
    border-top: none;
} 
.post-content p {
padding-bottom:15px;
height:150px;
}
.more-link {
border:solid 0px pink;
padding:10px;
text-transform:uppercase;
color:#FFFFFF;
background:grey;
margin: 20px 0px;
width:100%;

}
ul.blueArrow {
 list-style-image: url(‘blueArrow.png');
 }
.postSubHead {
font-size:24px;
line-height:30px;
font-weight:bold;
}


.whiteHdrText {
font-size:1.5em;
line-height:1.8em;
}
.cutCorner {
    position:relative; background-color:blue; 
    border:0px solid silver; display: inline-block;
}

.cutCorner {
    position:relative;  display: inline-block;
}

.cutCorner img {
    display:block;
}

.cutCorner:before {
    position:absolute; right:-1px; top:-1px; content:'';
    border-top: 80px solid white;
    border-left: 40px solid transparent;
}

.cutCorner:after {
    position:absolute; right:-2px; top:-2px; content:'';
    border-top: 80px solid white;
    border-left: 40px solid transparent;
}

.cutCornerGray {
    position:relative;  display: inline-block;
}

.cutCornerGray img {
    display:block;
}

.cutCornerGray:before {
    position:absolute; right:-1px; top:-1px; content:'';
    border-top: 80px solid #79716d
;
    border-left: 40px solid transparent;
}

.cutCornerGray:after {
    position:absolute; right:-2px; top:-2px; content:'';
    border-top: 80px solid #79716d;
    border-left: 40px solid transparent;
}
.mel {font-family:Georgia;}

/*******  BLURB STYLES  *******/
/*------------------------------------------------------------------------*/
/*-------------------- BLURB RIPPLE EFFECT  ------------------------------*/
/*------------------------------------------------------------------------*/
/* Ripple Out */
@-webkit-keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
@keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
.blurb-ripple-out .et-pb-icon {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.blurb-ripple-out .et-pb-icon:before {
content: '';
position: absolute;
/* This is your ripple color & size */
border: #00cc69 solid 6px;
/* Uncomment the line below if it's a circle*/
border-radius: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.blurb-ripple-out:hover .et-pb-icon:before, 
.blurb-ripple-out:focus .et-pb-icon:before, 
.blurb-ripple-out:active .et-pb-icon:before {
-webkit-animation-name: blurb-ripple-out;
animation-name: blurb-ripple-out;
}
.b3_blurb_1 img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}
.b3_blurb_1 {
    border: none !important;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
    -webkit-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
    -moz-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
    -o-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
}
.b3_blurb_1:hover {
  box-shadow: 0 40px 100px rgb(212, 215, 217);
  -webkit-box-shadow: 0 40px 100px rgb(212, 215, 217);
  -moz-box-shadow: 0 40px 100px rgb(212, 215, 217);
  -o-box-shadow: 0 40px 100px rgb(212, 215, 217);
}
.b3_blurb_1:hover img {
    -ms-transform: scale(1.00) !important;
    -webkit-transform: scale(1.00) !important;
    transform: scale(1.00) !important;
    -webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    -moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    -o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); /* custom */
}
.b3_blurb_1 .et_pb_main_blurb_image {
    margin-bottom: 20px;
    text-align: center;
}
/**** BLURB LINK ***/
.blurb_link {
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.blurb_link:hover {
    letter-spacing: 1px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.leaders {
margin:auto 0;

}
.leaderPic {
padding:0;
margin:0;
}
.leadership {
color: #555555; 
text-transform: uppercase; 
letter-spacing: 3px; 
padding-bottom: 0px; 
font-size: 14px; 
font-weight: bold; 
margin-bottom: 10px;
}

.leaderBlurb {
width:250px;
text-align:center;

}
.et-search-field {
border:solid 1px #DDDDDD;
border-radius:10px;
margin:20px 0px 10px 0px;
padding: 10px;
/* height:2.3em */;
background-color:#efefef;
}

.et-search-form input {
border:solid 1px #DDDDDD;
border-radius:10px;
margin:20px 0px 10px 0px;
padding: 10px;
/* height:2.3em */;
background-color:#efefef;
}

/* ------------------------ End of tabs for secondary navigation --------------------- */
@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .et_pb_slider, .et_pb_slider .et_pb_container { 
        height: 700px !important; 

    }
    .et_pb_slider, .et_pb_slider .et_pb_slide { 
        max-height: 700px; 
    }
    .et_pb_slider .et_pb_slide_description { 
        position: relative; 
        height:auto !important; 
    }
}
