/*
Theme name: Modern Hire
Description: Custom Theme
Author: Modern Hire
Version: 1.0
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
	*/

	/* Cookie notice button */
	.cn-button.bootstrap {
		background: #21689e !important;
	}

	/* Styles here should be integrated into the bundle rather than declared in this style.css file */

	.section-contact .mktoForm label.mktoLabel#LblgDPROptIn {
		font-size: 10.5px !important;
	}



	/* Styles below this point can be removed after a future update; they are temporary fixes */

	/*
		Stay Informed section near footer
		- changes colors to match footer to blend in more seamlessly
		*/
		.section-subscribe {
			background-color: #262626;
			color: #ffffff;
		}
		.section-subscribe h2 {
			color: #ffffff;
		}


	/*
		Navigation section
		- this is a temporary implementation and should be integrated into the Menus area (I think) rather than being an entire section
		*/
		.section-navigation {
			background-color: #fafafa;
			padding: 50px 0px 50px 0px;
			margin: 50px 0px 50px 0px;
			border-bottom: 1px solid #e5e5e5;
		}
		.section-navigation .table {
			display: table;
			margin: 0 auto;
		}
		.section-navigation ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		.section-navigation ul li {
			display: inline;
			margin: 0px 30px 0px 30px;
		}
		.section-navigation ul li:before {
			content: none;
		}
		.section-navigation ul li a {
			text-decoration: none;
			font-size: 18px;
			border-bottom: none;
			letter-spacing: .065em;
		}
		.section-navigation ul li a:hover {
			border-bottom: 1px solid #ffc20e;
			transition: none;
		}
		.gform_footer br, .gform_footer p {display: none}

	#input_5_9 {
	font-size: 18px;
}


.hero-boxes .hero__boxes {
/* 	margin-top: 20px; */
	margin-top: 50px;
}
.hero-boxes .hero__inner-holder {
    position: relative;
    padding: 155px 0 100px;
    overflow: hidden;
}
.hero-boxes .hero__image
{
	top: 0;
	bottom: auto;
	width: 625px;
}
.hero-boxes .hero__content h1 {
	font-size: 45px;
}
.hero-boxes .hero__inner {
	background: black;
}

.resource .resource__member .resource__member-image.is_hidden {
	display: none;
}

.resource .resource__member .author_name.is_hidden {
	display: none;
}

.resource .featured_blog_mark {
	height: 34px;
}
@media screen and (max-width: 1600px){

	.hero-boxes .hero__shell {
		max-width: 1140px;
	}
}

.section-article .section__entry > ol:not([class]), .section-article .section__entry > ul:not([class]) {
	margin-left: 25px;
	padding-left: 45px;
}
.section-article .section__entry ol:not([class]) li:before,
.section-article .section__entry ul:not([class]) li:before
{
	left: -40px;
}
ul li{
	line-height: 1.5;
}

body .autofill-hidden {
	display: none !important; 
}

body .pre-hidden {
	display: none !important;
}
body.page-id-21014 .hero-boxes .hero__box-image {
    max-width: 370px;
    width: 100%;
    padding-bottom: 0%;
    margin: 0 auto 20px;
	transform: scale(0.9);
}
body.page-id-21014 .hero-boxes .hero__boxes li{
	padding-left: 15px;
	padding-right: 15px;
}
.paging ul li {
    display: none;
}

.paging ul li.is-current, .paging ul li.is-current ~ li, .paging ul li.is-current ~ li ~ li, .paging ul li.is-current ~ li ~ li ~ li, .paging ul li.is-current ~ li ~ li ~ li, .paging ul li.is-current ~ li ~ li ~ li ~ li {
    display: inline-block;
}
.paging ul li.is-current ~ li ~ li ~ li ~ li ~ li{
	display: none;
}
.page-id-6791 section.section-request-demo .section__entry.richtext-entry p {
    font-size: 18px;
}
.section-std .section__inner {
	border-radius: 0;
}
.section-content-links .section__links a {
    cursor: default;
	    color: #000;
}

.hero-boxes .hero__logo {
	display: none;
}

.hero-boxes .hero__boxes .hero__shell {
	border-bottom: none;
}

.hero-boxes {
	padding-top: 20px;
}
.page-id-21356 .section-support, .page-id-21356 .section-content-contact {
	display: none;
}
.section-cta-video .section__content {
	background: unset;
	border-top: 2px dotted #ffc20c;
	border-bottom: 2px dotted #ffc20c;
}
.event-secondary img {
	height: 155px;
}
.event-secondary h6 {
	text-transform: unset;
}
.hero-boxes .hero__box:hover .hero__box-image span:before {
	background: rgba(0,0,0,.3);
    z-index: -1;
	opacity: 1;
}
/* .modal {
    z-index: 500;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.modal.is-open {
    opacity: 1;
    pointer-events: all;
}
.modal .modal__close {
    position: absolute;
    top: 40px;
    right: 20px;
    font-size: 0;
    background: none;
    border: 0;
}
.modal .modal__close:after {
    content: url(https://modernhiredev.wpengine.com/wp-content/themes/modern-hire/dist/images/ico-x.svg);
    display: block;
}
.modal .modal__inner {
    width: calc(100% - 40px);
    max-width: 540px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    background-color: #fff;
    margin-top: 30px;
    padding: 50px 55px 50px 50px;
    -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
    box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
}
.mktoForm label.mktoLabel {
    width: auto !important;
    margin: 0 0 10px!important;
    color: #000;
    padding-top: 0;
    font-size: 16px!important;
    line-height: 1.4em;
}
.mktoForm .mktoFormRow .mktoFormCol {
    margin-bottom: 20px !important;
}
.mktoForm .mktoField {
	font-size: 16px;
}
/* .modal__inner::-webkit-scrollbar{
	width: 2px !important;
} */
.mktoForm {
    color: #000000 !important;
}


.section-resources .section__title:after {
	display: none;
}

.postid-22320 .mktoForm .mktoButtonWrap .mktoButton {
    background-image: linear-gradient(to bottom, #ffc20c, #ffc20c) !important;
}

.postid-22320 .mktoForm .mktoButtonWrap .mktoButton:hover {
    background-image: linear-gradient(to bottom, #007faa, #007faa) !important;
	color: #fff!important;
}


.section-request-demo .mktoForm .mktoButtonWrap .mktoButton[style*="opacity: 0"] { display: none !important; }