/*
 Theme Name:     Ace Child
 Theme URI:      http://www.olevmedia.com/items/Ace--Responsive-All-Purpose-Wordpress-Theme.html
 Description:    Ace Child Theme
 Author:         Ricky Lyman
 Author URI:     http://magnuslabs.com
 Template:       ace
 Version:        1.0.0
*/

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

/* -- Styles organization
	  1. Base
	  2. Layout
	  3. Module 
	  4. State
	  5. Theme
*/


/* = BASE
-------------------------------------------------------------- */
html {
	border-top: 3px solid #53a93d;
}

.blog .post-content {
	margin-top: 0px;
}



/* = Theme
-------------------------------------------------------------- */

/* Global */
.primary-menu {
	float: right;
}

.custom_social_icons {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.custom_social_icons img{
    width: 25px;
    height: auto;
    padding-right: 10px;
}

.custom_social_icons_sidebar {
    display: block;
    top: 10px;
    right: 10px;
    margin-bottom: 20px;
    margin-top: -10px;
}

.custom_social_icons_sidebar img{
    width: 25px;
    height: auto;
    padding-right: 10px;
}


.mobile-menu-control {
    background: url(img/icon-mobile-menu.png) no-repeat center center !important; 
}

/* Assign background image to container */
.top-area-inner {
	background-color: white; !important;
}
/* Remove grey boarder because top level nav elements aren't being used. */
.is-container {
	border-bottom-color: rgba(148,148,148,0) !important;
}

.footer {
	background-color: rgba(149,149,149,.2) !important;
	margin-top: 50px;
}

/* --- Widgets --- */

		/* Contributors > A special thanks*/
		#text-8 {
			background: #2b78c2;
			color: #fff;
		}
		#text-8 .sidebar-widget-title {
			margin-bottom: 10px;
		}
		#text-8 span.add-line {
			font-size: 24px;
			position: static;
		}

		/* Contributors > Brain Trust*/
		#text-9 {}
		#text-9 li {
			padding-left: 0;
		}
		#text-9 ul li:before, .footer ul li:before {
			display: none;
		}

		/* Upcoming Events*/

		div.filterbar ul.hlist li {
			padding: 0px 10px;
		}

/* --- Application Form --- */

.page .meter {
	background: #E6E6E6;
}
.page .meter > span {
	background-color: #888686;
}
.page h3.ninja-forms-mp-page-title {
	font-size: 135%; text-transform: uppercase; font-weight: normal; text-align: center;
	margin: 24px 0px 20px;
}
.form-instructions {padding-bottom: 10px;}
	.form-instructions ol {font-style: italic;}
		.form-instructions ol li {padding-top: 15px;}
			.form-instructions ol li:first-child {padding-top: 0px;}

#ninja_forms_form_2_all_fields_wrap .text-wrap input {min-width: 300px; background-color: #e0f1d8;}
#ninja_forms_form_2_all_fields_wrap select {height: 31px; line-height: 31px; min-width: 200px;}
#ninja_forms_form_2_all_fields_wrap textarea {background-color: #e0f1d8;}			

#ninja_forms_form_2_mp_page_1 .label-left label {float: left; line-height: 31px; min-width: 150px;}
#ninja_forms_form_2_mp_page_3 .label-left label {float: left; line-height: 31px; min-width: 180px;}
#ninja_forms_form_2_mp_page_4 .label-left label {float: left; line-height: 31px; min-width: 190px;}
	#ninja_forms_form_2_mp_page_4 .label-left .ninja-forms-field-description {padding-left: 198px;}
		#ninja_forms_form_2_mp_page_4 .label-left .ninja-forms-field-description p {margin: 5px 0px 16px;}

.page .label-above label {margin-bottom: 10px;}

#ninja_forms_form_2_save_progress {clear: both;}
	#ninja_forms_form_2_save_progress input {background: rgb(247, 44, 60);}

.ninja-forms-mp-nav-wrap {text-align: center;}
	.ninja-forms-mp-nav-wrap input {font-size: 135% !important; text-transform: uppercase;}
	#ninja_forms_form_2_mp_page_1 .ninja-forms-mp-nav-wrap span.input-button-container {display: none;}
	.ninja-forms-mp-nav-wrap span.input-button-container {margin: 0 20px 12px 0;}

#nf_submit_2 {text-align: center;}
	#nf_submit_2 input {font-size: 135% !important; text-transform: uppercase; background: rgb(255, 166, 6);}

.form-red-warning {
	color: red; font-size: 120%; line-height: 160%; text-align: center;
	border: 2px dashed red; background: #FCE5E5; margin-bottom: 20px;
}
	.form-red-warning p {margin: 0px; padding: 10px;}
	/*.form-red-warning b, .form-red-warning strong {display: inline-block; width: 80%;}*/

.list-of-states-wrap ul {overflow: hidden;}
	.list-of-states-wrap ul li {float: left; width: 25%; padding: 4px 8px;}


.jobs-by-state-wrap {margin: 0px !important; border-bottom: 1px solid rgb(187, 183, 183); padding: 15px 0px;}
	.jobs-by-state-wrap label {padding-right: 5px;}
	.jobs-by-state-wrap .ninja-forms-field-description p {margin: 0px;} 

.question-law-practiced-wrap {margin-top: 20px;}

.effectiveness-factor-header {clear: both;}
.effectiveness-factors-wrap, .effectiveness-factors2-wrap, .effectiveness-factors3-wrap {
	float: left; display: inline-block; width: 33%; height: 140px; overflow: hidden;
}
	.effectiveness-factors-wrap label, .effectiveness-factors2-wrap label, .effectiveness-factors3-wrap label {
		font-weight: normal !important; padding-left: 13px;
	}
.effectiveness-factors-container, .effectiveness-factors2-container, .effectiveness-factors3-container {
	overflow: hidden;
}	



/* Applicants - Apply buttons  */

.applicant-apply-now {
	display: flex;
	margin-top: 25px;
}

.applicant-apply-now a.button.size-small {
	margin: 0 3% 0 0 !important;
	text-align: center;
	padding: 10px 3% !important;
	font-weight: 100;
	flex: 1;
}

.applicant-apply-now a.button.size-small:last-child {
	margin: 0 0 0 0 !important;
}


.applicant-apply-now a.button.size-small span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
}



/* Login - Register Buttons*/

#ninja_forms_form_2_resume_link_wrap {margin-top: 20px;}
	#ninja_forms_form_2_resume_link_wrap a {
		color: #fff;
		line-height: 1.5 !important;
		padding: 0.4em 1.2em !important; 
		-webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
		-moz-transition: background-color 0.3s, color 0.3s, -moz-box-shadow 0.3s;
		-ms-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
		-o-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
		transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
		text-decoration: none !important;
		font-size: 100% !important;
		text-shadow: none !important;
		-webkit-border-radius: 3px !important;
		-moz-border-radius: 3px !important;
		border-radius: 3px !important;
		-webkit-box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.08);
		-moz-box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.08);
		box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.08);
		-webkit-appearance: none;
		-moz-appearance: none;
		background-color: #53a93d;
		background-color: rgb(51, 124, 202);
		margin: 0px 5px;
	}

/* Custom */

.columnWrap {
	width:95%;
	margin:0 auto;
	margin-bottom:35px;
}
.lawFirm {
	display:inline-block;width:46%;vertical-align:top;
}

.jobButton:hover {
	cursor:pointer;
}
.jobButton {
	background:#53A93D;color:white;border:none;padding:10px;font-size:100%;width:65%;
}
.jobButton:first-child {
	margin-top:15px;
}
.financial {
	display:inline-block;width:45%;vertical-align:top;margin-left:5%;
}

/* ================= Team Members ================== */

.grid-4{
    width: 31.25%;
    display: inline-block;
    margin: 0px 0px 0px 1.7% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    letter-spacing: 0;
    padding: 0px 10px 30px 10px;
    text-align: center;
}
.grid-6{
    width: 47.917%;
    display: inline-block;
    margin: 0px 0px 0px 1.7% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    letter-spacing: 0;
    padding: 0px 10px 30px 10px;
    text-align: center;
}

// .grid-6 img,
// .grid-4 img{
//     display: block;
//     margin: 0 auto;
// }


.round{
    border-radius: 180px;
}
.border{
    border: solid 6px #000;
}
.our-team a{
    color: transparent;
}

.our-team h2{
    text-align: center;
    color: #075712;
    font-size: 1.3em;
    margin: 20px 0 10px 0;
}
.our-team h3{
    text-align: center;
    font-size: 1.1em;
    font-weight: normal;
    margin: 10px 0 0 0;
    color: #075712;
}
.our-team a:hover h2,
.our-team a:hover h3{
    text-decoration: underline;
}
.team_member_title_wrapper{ 
    width: 100%;
    position: relative;
    clear:both;
    margin-bottom: 40px;
    overflow: auto;
    -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
}

.team_member_title_wrapper h2{
    font-size: 2em;
    margin-bottom: 10px;
}
.team_member_title_wrapper h3{
    font-size: 1.5em;
    margin-top: 10px;
}
.team_member_image{
    display: block;
    float:left;
    width: 40%;
    max-width: 320px;
}
.team_member_title{
    display: block;
    float:left;
    padding-left: 40px;

    width: 50%;
    position: relative;
    top: 50%;
    transform: translateY(50%);
}

.lawDiv {
	width:35%;display:inline-block;
}
.right-side {
	margin-top: 44px;
}
.legalDiv, .banksDiv, .right-side {
	display:inline-block;vertical-align:top;width:30%;margin-left:15px;
}
.banksDiv {
	margin-left: 0px;
}
.orgList {
	list-style-type:none;display:inline-block;vertical-align: top;
}
.column-content .orgList {
	padding-left:4px;
}
.orgHeader {
	font-size:16px;
	margin-bottom:0px;
}
.bankDiv img {
	min-height:46px;
}
.img {
	min-height:71px;
}

/* ================= Home Page ================== */

.second-content-custom {
	margin-bottom: 40px;
}

@media only screen and (max-width:1339px) {
	.lawDiv {
		width:40%;
	}
	.legalDiv, .banksDiv, .right-side {
		width:25%;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1339px){
	.banksDiv{
		margin-top: -105px;
	}
	
	.bmo {
		margin-top: 40px !important;
	}
	
	.amex {
		margin-top: 30px !important;
	}
}
@media only screen and (min-width: 674px) and (max-width: 999px){
	.banksDiv{
		margin-top: -55px;
	}
	
}
@media only screen and (max-width:673px) {
	.lawDiv {
		display:block;
		width:100%;
	}
	.legalDiv, .banksDiv, .right-side {
		width:100%;
		display:block;
		margin-left:0px;
		margin-top:20px;
	}
	.bankDiv img {
		max-width:60%;
	}
}
@media only screen and (max-width:675px) {
	.logo-image{
        padding-top: 20px;
    }
    .financial, .lawFirm {
		width:100%;
	}
	.financial {
		margin-left:0px;
	}
	.columnWrap {
		width:100%;
	}
}

@media only screen and (max-width:595px) {
    .grid-4,
    .grid-6{
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 !important;
        padding: 0 0 30px 0;
    }
    .team_member_title_wrapper{
        margin-bottom: 30px;
    }
    .team_member_image{
        width: 100%;
        overflow: auto;
        max-width: 480px;
    }
    .team_member_image img{
        display: block;
        margin: 0 auto;
    }
    .team_member_title{
        width: 100%;
        text-align: center;
        max-width: 480px;
        padding-left: 0;
        padding-top: 0px;
        transform: none;
    }

    // team_member_title_wrapper{
    //     overflow: auto;
    // }
    // .team_member_image,
    // .team_member_title{
    //     width: 100%;
    //     text-align: center;
    //     display: block;
    // }
    // .team_member_image img{
    //     margin: 0 auto;
    // }
    
    body .applicant-apply-now {
	    flex-direction: column;
    }
    
    body .applicant-apply-now > a.button.size-small{
	    margin-right: 0!important;
	    margin-bottom: 20px!important;
    }
}

/* Login - Register Forms*/

#ninja_forms_form_2_login_form, #ninja_forms_form_2_register_form {
	font-weight: bold; font-size: 13px; line-height: 40px;
	background-color: rgb(255, 249, 240); padding: 15px 20px;
}
	#ninja_forms_form_2_login_form span, #ninja_forms_form_2_register_form span {
		line-height: 16.36px;
	}
	#ninja_forms_form_2_login_form input, #ninja_forms_form_2_register_form input {
		margin: 0px 40px; background-color: rgb(253, 235, 207);
	}
		#ninja_forms_form_2_login_form input {
			margin: 0px 20px;
		}
		#ninja_forms_form_2_login_form span input, #ninja_forms_form_2_register_form span input {
			margin: 0px 0px; background-color: #F5A806;
		}	
	#ninja_forms_form_2_login_form .input-button-container, #ninja_forms_form_2_register_form .input-button-container {
		margin-top: 20px;
	}
#ninja_forms_form_2_login_form a {
	color: rgb(243, 158, 3); text-decoration: underline;
}
#ninja-forms-success-msg {text-align: center; margin-top: 20px; text-transform: uppercase;}
	#ninja-forms-success-msg div {display: inline-block;}


/* Button on the applicants page */

a#sc_button_4 {
/* 	flex: 0.425; */
/*
    margin-left: 34.3% !important;
    margin-right: 34.3% !important;
*/

}


/* Organizations logos */

div .micro {
	position: relative;
    left: -12px;
    padding-top: 6px;
}

div .3m{
    padding-left: 5px;
}