@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/**
 * Theme Name: Jobify - Extended
 * Theme URI: https://astoundify.com/
 * Author: Astoundify
 * Author URI: http://astoundify.com
 * Description: Everything you need to build a professional job board.
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, one-column, right-sidebar, fixed-width, custom-background, custom-header, theme-options, full-width-template, featured-images, flexible-header, custom-menu, translation-ready
 * Template: jobify
*/
/**
 * The parent theme's CSS is automatically included so there is no need
 * to use the @import rule to include the parent theme CSS.
 *
* Place Custom CSS Below this.
*/
/** updated jim on 4/30/18 to account for masthead height large size **/
#rev-slider-widget-3 { margin-top: 166px; }
.category-banners-01 { margin-top: 0; }

/** Sparks Milling Digital CSS start 032718 install on 050918 **/

/** ************************* **/

/** change colors **/

/**.site-header {background-color:#161d62;}**/
.site-header {background-color:#00101e;}
.nav-menu--primary .sub-menu {background-color:#00101e;}
.nav-menu--primary ul li a, .nav-menu--primary li a {color:#FCC342;}
.footer-cta {background-color:#00101e;}
.site-footer {background-color: #00101e;}
.su-tabs {background:#f2f1f6;}


/** ************************* **/
/** content area modifications: a new set of containers to manage spacing and positioning **/

body {
	font-family:'Roboto', sans-serif;
}

.smd-content-01 {
	padding:4rem 0 0 0;
}

/** ************************* **/
/** typography modifications **/

.text-center {text-align:center;}
.size-85 {font-size:85%;}

h1 {
	font-family:'Roboto', sans-serif;
}

h2 {
	font-family:'Roboto', sans-serif;
	color:#59595b;
}

.smd-content-01 h3 {
	font-family:'Roboto', sans-serif;
	font-size:2rem !important;
	font-weight:300;
	color:#59595b;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:3rem 0 1rem 0;
}

h4 {
	font-family:'Roboto', sans-serif;
}

h4 a:hover {
	text-decoration:none;
}

h5 {
	font-family:'Roboto', sans-serif;
}

h6 {
	font-family:'Roboto', sans-serif;
}

p {
	font-family:'Roboto', sans-serif;
}

ul li {
	font-family:'Roboto', sans-serif;
}

.chameleon-employee-quote-01 {
	font-size:110%;
	font-style: italic;
	text-align:center;
	padding:2rem;
	margin:2rem;
	border:solid 1px #dfe2e7;
	border-radius:6px;
}

.chameleon-client-quote-01 {
	font-size:110%;
	font-style: italic;
	text-align:center;
	padding:2rem;
	margin:2rem;
	border:solid 1px #dfe2e7;
	border-radius:6px;
}

.chameleon-corporate-feature-01 {
	padding:2rem;
	margin:1rem;
	border:solid 1px #dfe2e7;
	border-radius:6px;
}

.image-caption {
	font-size:75%;
	font-color:#b6b8bc;
	font-style:italic;
}

.two-column-div {
	padding:1rem;
	margin:0 0 0 0;
	/**background-color:#dfe2e7;**/
	background-color:rgba(223,226,231,.5);
	border:solid 1px #dfe2e7;
	border-radius: 6px;
}

.two-column-h3 {
	background-color:rgba(223,226,231,.5);
	padding:.25rem;
}

.two-column-p {
	padding:0 .5rem;
}

/** ************************* **/
/** marketing feature home page **/

.marketing-lead-01 {
	font-size:1.8rem;
	text-align:center;
}

.marketing-lead-02 {
	font-size:1.3rem;
	text-align:center;
}

.page-lead-title {
	font-size:2.4rem;
	font-weight:300 !important;
	border-bottom:solid 1px #b6b8bc;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.page-lead-copy {
	margin:1rem 0 1.5rem 0;
	line-height:1.4;
}

.page-lead-paragraph {
	font-size:1.2rem;
	font-weight:500;
}

.marketing-feature-01 {
	padding: 2rem 0;
}

.marketing-feature-column-01 {
	border-bottom:solid 1px #ffffff; /** temp using this to prevent margin collapse **/
	margin:0 0 3rem 0;
}

.feature-image-01 {
	/**border:solid 1px #b6b8bc;**/
	border-radius: 6px;
	/**padding:.4rem;**/
}

.feature-image-201 {
	border-radius:.25rem;
}

.feature-image-02 {
	width: 100%;
}

.feature-image-03 { /** graphic 3 column headers inside pages **/
	width:100%;
	padding:3rem 3rem 0 3rem;
}

.button {
	background-color:#454999;
}

.feature-button-01 {
	background-color:#25519c;
	margin:0 0 1rem 0;
}

.ppp-stack-00 {
	padding:0;
}

@media screen and (min-width: 0px) and (max-width: 771px) {
.ppp-stack-01 {
	display:none;
}
}
@media screen and (min-width: 772px) {
.ppp-stack-01 {
	background-color:#ffffff;
	font-size:3rem;
	padding:1rem;
	margin:0 .25rem 1rem .25rem;
	text-align:center;
	vertical-align:middle;
	border:solid 1px #b6b8bc;
	border-radius:6px;
}
}

.ppp-stack-02 {
	min-height:6rem;
	background-color:#454999;
	color:#ffffff;
	font-size:3rem;
	padding:1rem;
	text-align:center;
	vertical-align:middle;
}

.ppp-stack-03 {
	min-height:4rem;
	background-color:#ffffff;
	font-size:1.5rem;
	font-weight:500;
	padding:1.5rem;
}

.ppp-stack-04 {
	min-height:9rem;
	background-color:#dfe2e7;
	font-size:.9rem;
	padding:1rem;
	text-align:center;
	vertical-align:middle;
}

.ppp-dock-00 {
	
}

@media screen and (min-width: 0px) and (max-width: 771px) {
  .ppp-dock-01 {
	display:none;
}
}
@media screen and (min-width: 772px) {
  .ppp-dock-01 {
	margin:0 0 2rem 0;
}
}

.ppp-dock-02 {
	padding:.35rem;
}

.ppp-stack-03-svg {margin: 0 auto; height:40%; width:40%;}

.ppp-stack-03-img {margin-top:0 auto;}

.ppp-stack-03-text {}

.ppp-stack-04-svg {margin: 0 auto; height:40%; width:40%;}

.ppp-stack-04-img {margin-top:0;}

.ppp-stack-04-text {color:#ffffff;line-height:1.3;}


/** ************************* **/
/** footer modifications **/
.footer-cta h2 {color:#b6b8bc;}
.footer-cta p {color:#298f83;}

@media screen and (min-width: 768px) {
.site-info { float: none; }
}
.site-info {
    font: 400 .8rem "Roboto",sans-serif;
    text-align: center;
	text-transform: none;
    float: none;
	}
.footer-widgets {background:#dfe2e7;}
.footer-widgets h3 {color:#59595b;}
.footer-widgets p {color:#59595b;}
.footer-widgets li {color:#59595b;}
.footer-widgets a {color:#59595b;}
.btt {display:none;}
.footer-social {display:none;}
.copyright {color:#b6b8bc;}

@media screen and (min-width: 1200px) {
.widget-title {
    font-size: 1rem;
}
}
.widget-title {
    font-family: "Roboto",sans-serif;
    font-weight: normal;
    line-height: 1.3;
	font-size: 1rem;
}
.widget-title--footer {
	color:#647585;
	font-weight:bold;
}
.widget--footer p {font-size:.9rem;font-weight:400;}
.widget--footer a {font-size:.9rem;font-weight:400;}
.widget--footer li {font-size:.9rem;font-weight:400;}

/** Career Spotlight Featured Jobs **/
/** this needs reconstruction to manage overflow and elipsis for job text that is running into the bottom of the container **/
.featjobdescription {
	font-size: .8rem;
	line-height:1.1;
}

/** ********************** **/
/** Menu adjustments **/
/** .menu-item-has-children {cursor:default;} **/ /** this is no longer needed because we added landing pages to top level menu items - jrm 041918 **/
@media screen and (min-width: 992px) {
.nav-menu-break-medium .nav-menu--primary .children, .nav-menu-break-medium .nav-menu--primary .sub-menu, .nav-menu-break-medium ul.nav-menu--primary .children, .nav-menu-break-medium ul.nav-menu--primary .sub-menu {width:220px;}
	}

/** ********************** **/
/** content modifiers **/

.team-photo-box-01 {
	
}

.client-photo-box-01 {
	
}

.client-image-01 {
	
}

/** ********************* **/
/** timeline adjustments **/

/** ********************* **/
/** widget html block adjustments **/

.smd-widget-html-block-01 {
	margin:4rem 0 0 0;
	border-top:1px solid #b6b8bc;
}

/** ******************** **/
/** callout containers modifications **/

.callout-container {
	margin-top:2rem;
}


/** hold these controls for further use - yes, they work
.page-id-19 {
	background-image:url('http://smdigital.net/wp-content/banners/chamis-page-background-01.jpg');
}
.callout-container {
	background-color:rgba(255,255,255,0.5);
}
**/

/** ******** end SMD insert 050918 ******** **/

/** *************************************** **/
/** ****** start 2020 modifications ******* **/

/** ****** bootstrap overrides ******* **/

.btn-primary {
	background-color: #25519C !important;
	border-color: #25519C !important;
	padding-left:2rem;
	padding-right:2rem;
}

.btn-success{
	padding-left:2rem;
	padding-right:2rem;
}

.btn-info {
	padding-left:2rem;
	padding-right:2rem;
}

.img-thumbnail {
	background-color:transparent !important;
	border:none !important;
}

/** ****** jobify theme overrides ******* **/

.callout-container {
	border:none;
} 

/** ******** full width banner images ***** **/

.full-banner-image-width {
  	width: 100vw;
  	position: relative;
  	left: 50%;
  	right: 50%;
  	margin-left: -50vw;
  	margin-right: -50vw;
	margin-bottom:-1rem;
}

@media (min-width: 1200px){
	.container{
		max-width: 1170px !important;
	}
}
/** ******** full width banner images ***** **/

/** ***** white paper library and landing pages ***** **/

.document-feature-container-01 {
	margin-bottom:2rem;
}

.page-template-default.page.page-id-5046 { 
	background-color: #dfe2e7;
}

.library-grid-01 {
	padding-left: 0px;
	padding-right:0px;
	background:#dfe2e7;
}

.library-grid-02 {
 	margin:0 0 4rem 0;
}

.library-grid-03 {
	 margin:0 0 2rem 0;
}

.library-grid-04 {
	display:flex;
}

.library-grid-card-201 {
	background:#dfe2e7 !important;
	border:none !important;
}

.libary-grid-card-202 {
	
}

.libary-grid-card-203 {}

.libary-grid-image-203 {
	width:80%;
}

.library-grid-text-301 {}

.library-grid-text-302 h5 {
	text-transform:uppercase;
	color:#777777;
	font-weight:bold;
	font-size:1.2rem;
}

.library-grid-text-303 {
	font-weight:bold;	
	margin-bottom:54px;
}

.library-grid-button-304 {
	margin:1rem 0 0 0;
	position: absolute;
	bottom: 1rem;
}

.libary-landing-00 {}

.libary-landing-01 {}

.libary-landing-02 {
	margin:2rem 0;
	padding:2rem;
	background:#dfe2e7;
	border-radius:2rem;
}

.libary-landing-03 {
	margin-bottom:4rem;
}

.libary-landing-04 {
	margin-bottom:4rem;
}

.library-text-101 {
	color: #777777;
	text-transform:uppercase;
}

.library-text-102 h5 {
	font-weight:bold;
	margin-bottom:2rem;
}

.library-text-103 h4 {
	font-weight:bold;
}

.library-text-104 {
	line-height:1.3;
}

.library-text-105 h4 {
	font-weight:bold;
}

.libary-image-101 {
	width:240;
	height:300;
	border-left:1px solid rgb(260,260,260);
	box-shadow: 2px 3px 3px rgb(87, 104, 120);
}

/** ***** white paper library and landing pages ***** **/


/** ***** big 6 grid ***** **/

.big6-grid-01 {
	padding-left: 0px;
	padding-right:0px;
	padding-top:1rem;
}

.big6-grid-03 {

}

.big6-grid-04 {
	display:flex;
}

.big6-grid-card-201 {
	background:rgba(182, 185, 189, .5) !important;
	border:none !important;
}

.big6-grid-card-202 {
	border: none !important;
}

.big6-grid-card-203 {}

.big6-grid-image-203 {
	border-radius:.25rem;
}

.big6-grid-text-302 {}

.big6-grid-text-302 a:hover {
	text-decoration:none;
}

.big6-grid-text-302 h3 {
	margin:.5rem 0 1.2rem 0;
	text-transform:none;
	font-weight:300 !important;
}

.big6-grid-text-303 {
	margin-bottom:54px;
}

.big6-grid-button-304 {
	margin:1rem 0 0 0;
	position: absolute;
	bottom: 1rem;
}

.big6-image-101 {
	width:240;
	height:300;
	border-left:1px solid rgb(260,260,260);
	box-shadow: 2px 3px 3px rgb(87, 104, 120);
}

.big6-title {
	border-bottom:none !important;
	font-weight:lighter !important;
}

.big6-button{
	
}

/** big 6 container for inside pages not home page **/

.big6-container-501 {
	background:#dfe2e7;
	margin-top:4rem;
	margin-bottom:-180px;
}

.big6-container-502 {}

.big6-container-503 {
	padding-top:2rem;
}

/** big 6 container for inside pages not home page **/

/** ***** big 6 grid ***** **/

/** ***** sector grid ***** **/

.sector-grid-01 {
	padding-left: 0px;
	padding-right:0px;
	padding-top:16px;
}

.sector-grid-03 {

}

.sector-grid-04 {
	display:flex;
}

.sector-grid-card-201 {
	background:#dfe2e7 !important;
	border:none !important;
}

.sector-grid-card-202 {
	border: none !important;
}

.sector-grid-card-203 {}

.sector-grid-image-203 {
	
}

.sector-grid-text-302 {
	
}

.sector-grid-text-302 h3 {
	font-size:2.4rem;
	text-transform:uppercase;
	font-weight:300 !important;
	color:#59595b;
	border-bottom:none;
	margin:1rem 0 1.6rem 0;
}

.sector-grid-text-302 a:hover {
	text-decoration:none;
	color:#161d62 !important;
}

.sector-grid-text-303 {
	margin-bottom:54px;
}

.sector-grid-button-304 {
	margin:1rem 0 0 0;
	position: absolute;
	bottom: 1rem;
}

.sector-image-101 {
	width:240;
	height:300;
	border-left:1px solid rgb(260,260,260);
	box-shadow: 2px 3px 3px rgb(87, 104, 120);
}

.sector-title {

}

.sector-button {
	
}

/** ***** sector grid ***** **/

.feature-caption-01 {
 	margin:1rem 0 0 0;
}

.feature-caption-01 h2 {
	text-transform:uppercase;
	font-weight:300;
	font-size:2rem;
}

.feature-text-01 {
	min-height:5rem;
}

.feature-text-01 p {
	font-weight:300;
}

/** ******** full width content column ***** **/
.full-width-content-column-01-light{
	text-align:left;
	padding:0 2rem;
	background:#F0F4FD;
	border:solid 1px #F0F4FD;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
.full-width-content-column-01-dark{
	text-align:left;
	padding:0 2rem;
	background:#e6e6e6;
	border:solid 1px #e6e6e6;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
.full-width-content-column-01-clear{
	text-align:left;
	padding:0 2rem;
	background:transparent;
	border:solid 1px transparent;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
.full-width-content-column-02{
	padding-bottom:2rem;
}
.full-width-content-column-header-01{
	border-bottom:none;
	padding-bottom:1rem;
}
.full-width-content-column-text-01{
	font-weight:400;
}
.full-width-content-column-button-01{
	padding-top:1rem;
}
.full-width-content-column-button-02{
	padding-left:2rem;
	padding-right:2rem;
}
/** ******** end full width content column ***** **/

/** ******** full width banner headline on top ******** **/

.banner-outer {
	position:relative;
}

.banner-image {
	position:absolute;
}

.banner-headline {
	position:absolute;
	top:30%;
	margin:auto;
	width:100%;
	text-align:center;
}

.banner-button {
	position:absolute;
	top:60%;
	margin:auto;
	width:100%;
	text-align:center;
}

.banner-headline h1 {
 	color: #fcc342;
	font-size:10rem;/*leave for fallback*/
	font-size:8vw;
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:-4px;
	text-shadow: 3px 3px 6px #555; 
}

/** ******** end full width banner headline on top ******** **/

#menu-item-5055 > a {
	cursor:default;
}

/** ******************************************************* **/
/** ***** Blog Page ***** **/
/*Blog Header*/
.blog-header-custom-header-01{
	background:#fff;
	border-bottom:none;
	padding-top: 0px;
}
.blog-header-custom-div-01 {

}
.blog-header-custom-div-02 {

}
.blog-header-custom-div-03 {

}
.blog-header-custom-h2-01 {

}
.blog-header-custom-h4-01 {
	font-weight:400;
}
.blog-header-custom-ul-01 {
	font-weight:400;
}
/*End Blog Header*/

/*Blog Body*/
.blog-body-custom-div-01 {

}

.blog-body-custom-div-02 {
	margin-top: 2rem;
}
.blog-body-custom-div-03 {
	margin-top: 2rem;
}
.blog-body-custom-div-04 {

}
/*End Blog Body*/

/*Blog avatar img*/
.blog-body-custom-div-04 .entry-author .avatar img {
	display:hidden;
	display:none;
}
.blog-body-custom-div-04 .entry-author .avatar {
	width: 100px;
	height: auto;
	max-width: 8rem;
	height: 100px;
	background-image: url("http://34.201.109.29/wp-content/svg/chameleon-logo-chameleon-02.svg");
	background-repeat:no-repeat;
}

/*Avatar img Post*/
.entry-author .avatar img {
	display:hidden;
	display:none;
}
.entry-author .avatar {
	width: 100px;
	height: auto;
	max-width: 8rem;
	height: 100px;
	background-image: url("http://34.201.109.29/wp-content/svg/chameleon-logo-chameleon-02.svg");
	background-repeat:no-repeat;
}

/*Blog Post Container*/
.blog-body-custom-div-04 > article {
	
}

/*Blog Post Title*/
.blog-body-custom-div-04 .entry.col-sm-9.col-xs-12 .entry-title {
	font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 300;
	
}
.blog-body-custom-div-04 .entry.col-sm-9.col-xs-12 .entry-title a {
	font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 300;
}

/*Blog Entry Summary*/
.blog-body-custom-div-04 .entry.col-sm-9.col-xs-12 .entry-summary {
	
}

/*Blog Post Button*/
.blog-body-custom-div-04 .button.button--size-medium {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
	text-transform:none;
    line-height: 1.5;
    border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
	color: #fff;
	background-color: #25519C !important;
    border-color: #25519C !important;
    padding-left: 2rem;
    padding-right: 2rem;
	min-width: 107px;
}

/** *** End Blog Page *** **/
/** ******************************************************* **/