/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/**/
.jobdetails {
text-align: center;
}
.loginBtn a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background-color: #f48948 !important;
}
.loginBtn a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #6c6863 !important;
}

/*-----HEADER & TOP HEADER-----*/
header#site-header .logo-position-center .site-title {
    padding: 24px 0px 24px;
}
div.top-area {
	border:none;
}
div.top-area {
    padding: 4px 0 3px;
}
header#site-header div.header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center) .site-title {
    padding: 20px 0px;
}

/*-----FOOTER-----*/
footer#footer-nav {
    padding: 20px 18px;
}
footer .footer-site-info {
    color: #bfbfbf;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
footer .col-md-3.col-md-pull-9, footer .col-md-6 {
    width: 100%;
    right: auto;
	margin-top: 0px !important;
}
footer#footer-nav {
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
    border-top: 7px solid #615e5b;
}
footer#colophon {
	border-top:1px solid #E5E5E6;
}
footer .widget_media_image img {
    max-height: 70px;
    width: auto;
    text-align: center;
    margin: 0 auto;
}
footer .widget_media_image {
    text-align: center;
    padding: 0px 24px;
    margin-bottom: 0px !important;
margin-top: 0px !important;
	    width: 33% !important;
}
.row.inline-row.footer-widget-area {
    text-align: center;
    Margin: 0 auto !important;
}
footer#colophon {
    padding: 50px 0px 50px;
}
header#site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center) .site-title {
    padding: 30px 0px;
}
@media only screen and (max-width: 1000px) {
	footer .widget_media_image img {
   	 max-height: 48px;
	}
	footer .widget_media_image {
    	padding: 0px 18px;
	}
}
@media only screen and (max-width: 600px) {
footer .widget_media_image {
    padding: 24px 18px;
    width: 50% !important;
	}
}


/* -Tables- */
.tables .gem-table.gem-table-style-1 td .gem-icon.x {
	color:#585858;
}
.tables .gem-table.gem-table-style-1 td .gem-icon {
    color: #e58b37;
}
.tables .gem-table-style-1 tr:nth-child(even) td {
    background-color: #292929;
    color: #afafaf;
}
.tables .gem-table.gem-table-style-1 td {
    background-color: #212121;
    border-color: #393939;
    color: #afafaf;
	text-align: center;
}
.tables .gem-table tr th {
    background-color: #2d2d2d;
    border: 1px solid #2d2d2d;
    border-right: 1px solid #525252;
    color: #eeeeee !important;
}
.tables .gem-table tr th:last-child {
    border-right: 1px solid #2d2d2d;
}
.tables .gem-table tr th h6 {
    color: #efefef;
    line-height: 21px;
}
.tables a.btn {
    background-color: #e58935;
    padding: 8px 26px;
    color: #ffffff;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
	border: 2px solid #e58935;
	transition: all 0.1s ease-in-out;
}
.tables a.btn:hover {
    background-color: #212121;
    color: #e58935;
	border: 2px solid #e58935;
	transition: all 0.1s ease-in-out;
}
.tables .gem-table.gem-table-style-1 td.empty {
    background: none;
    border-left: none;
    border-bottom: none;
}

/*-----FORMS-----*/
.gform_wrapper form li input, .gform_wrapper form li textarea, .gform_wrapper form li select {
    border-radius: 50px;
    padding: 14px 22px !important;
    font-size: 20px !important;
    font-weight: 400;
    border: 2px solid #777777;
    background: none;
    margin: 0 auto !important;	
}
div.gform_wrapper form li textarea {
    border-radius: 5px;
}
.gform_wrapper form .gform_footer.top_label {
    text-align: center;
}
.gform_wrapper form .gform_footer.top_label input.gform_button {
    background-color: #f6893b;
    border-radius: 50px;
    border: 2px solid #f6893b;
    line-height: 46px;
    padding: 0px 24px;
    height: 48px;
	margin-right: 0px;
    min-width: 120px;
}
.gform_wrapper form .gform_footer.top_label input.gform_button:hover {
    background: none !important;
	color: #f6893b;
	border: 2px solid #f6893b;
}
div.gform_wrapper form {
    max-width: 700px;
    margin: 0 auto;
    border: 1px solid #dedede;
    border-radius: 19px;
    padding-bottom: 36px;
}
body div.gform_wrapper .top_label div.ginput_container {
	margin-top:0px;
}
.gform_wrapper form .gform_footer {
    padding: 0px;
    margin: 0px;
    margin-top: 16px;
}
.gform_wrapper form ul.gform_fields li.gfield {
    padding-right: 0px;
}
li#field_1_1, li#field_1_2, li#field_1_5, li#field_1_6, li#field_1_9, li#field_1_10, li#field_1_17, li#field_1_15, li#field_1_12, li#field_1_13 {
    background-color: #f5f4f2;
    border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
}
body .gform_wrapper.surveyForm_wrapper ul li.gfield {
    padding: 50px 36px;
    margin-top: 0;
}
body .gform_wrapper.surveyForm_wrapper ul li#field_1_1 {
    border-radius: 19px 19px 0px 0px;
	border-top: 0px solid #dedede;
}
.surveyForm_wrapper form ul li ul.gfield_radio li {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0px 8px !important
}
.gform_wrapper.surveyForm_wrapper ul.gfield_radio {
    margin: 0 auto;
    text-align: center;
    padding-right: 16px;
}
body .gform_wrapper.surveyForm_wrapper ul li.gfield.dynamicAnswer
/*body .gform_wrapper.surveyForm_wrapper ul li.gfield:nth-child(even)*/ {
    padding-top: 0px;
    border-top: 0px solid #393939 !important;
    margin-top: -1px;
}
.gform_wrapper.surveyForm_wrapper form li textarea, .gform_wrapper.surveyForm_wrapper form li input[type=text] {
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    margin-top: 8px !important;
    font-size: 15px !important;
    padding: 16px !important;
}
.gform_wrapper.surveyForm_wrapper form li#field_1_13 div.ginput_container {
    text-align: center;
}
.gform_wrapper.surveyForm_wrapper form li#field_1_13 div.ginput_container input[type=text] {
    text-align: center;
}
p.formPositive {
    text-align: center;
    font-size: 18px;
    font-style: italic;
    margin-top: -30px;
}
.gform_wrapper.surveyForm_wrapper ul.gfield_radio li input[type=radio] {
background-color: rgb(180 180 180 / 10%) !important;
    padding: 20px 20px !important;
    -webkit-appearance: none !important;
    width: 110px !important;
    border: 1px solid #a0a0a0 !important;;
}
.gform_wrapper .gfield_radio li label {
    margin: 2px 0 0 4px;
    position: absolute;
    margin: 0px !important;
    left: 0px;
    top: 0px;
    color: #9a9a9a;
    text-transform: uppercase;
    padding: 9px 0px !important;
    width: 110px !important;
    max-width: 100% !important;
    text-align: center;
    left: 6%;
    font-size: 16px !important;
}
.gform_wrapper .gfield_radio li input[type=radio]:checked+label {
    color: #ffffff;
}
.gform_wrapper.surveyForm_wrapper ul.gfield_radio li input[type=radio]:checked {
    background-color: #f6893b !important;
    border-color: #d87548 !important;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.0);
}
.gform_wrapper.surveyForm_wrapper form .gform_footer {
    padding: 0px;
    margin: 0px;
    margin-top: 36px;
}
div.gform_confirmation_message, .surveyError {
    border: 1px solid #e5e5e6;
    padding: 24px;
    width: 98%;
    max-width: 525px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 3px;
	text-align:center;
}
div.gform_confirmation_message p {
    margin: 0px;
    line-height: 22px;
}

/*-----PAGES-----*/
.restrictWidth {
	max-width: 700px;
	margin:0 auto;
}
.restrictWidth p {
	font-size:20px;
	line-height:28px;
	text-align:center;
	color:#aaaaaa;
}
.site-main .main-content .page-title-block {
	padding-top:50px !important;
	padding-bottom:50px !important;
    box-shadow: inset 0px 4px 8px rgba(0,0,0,.42);
}
.site-main .main-content .page-title-block .page-title-title h1 {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
label.gfield_label {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100%;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    max-width: 500px;
    display: block !important;
}


/*---DATA TABLE---*/
.dataTable th.wdtheader {
    font-size: 12px;
    line-height: 15px;
    background-color: #494949 !important;
    color: #ffffff !important;
}
div.wpDataTablesWrapper table.wpDataTable thead th.sorting:after, div.wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:after, div.wpDataTablesWrapper table.wpDataTable thead th.sorting_desc:after {
    border-bottom-color: #ffffff;
}
div.wpDataTablesWrapper table.wpDataTable tr td {
    font-size: 14px;
    line-height: 18px;
    padding: 10px 10px !important;
}
.wpdt-c .dataTable a button {
    color: #f6893b;
    border: 1px solid #d2d2d2;
    background: none;
    border-radius: 4px;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 3px 7px;
}


/*---Response Detail Page---*/
.responseinfoContainer {
    border: 1px solid #ededed;
    background-color: #ffffff;
    padding: 0px 0px;
    border-right: 0px;
}
.responsesContainer {
    background-color: #f4f4f4;
    padding: 0px 0px;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 5%);
    border: 1px solid #e1e2e3;
}
.responseSection:nth-child(even) {
    background-color: #ffffff;
    border-top: 1px solid #e1e2e3;
    border-bottom: 1px solid #e1e2e3;
}
.responseSection {
    padding: 32px 12px 18px;
	margin-bottom: 0px !important;
}
.responseSection .responseQuestion p {
    font-size: 19px;
    font-weight: 400;
    color: #282828;
}
.responseSection .responseQuestion:first-child p {
    font-weight: 600 !important;
	font-size:19px;
}
.responseSection .responseAnswer p {
    font-size: 15px;
    font-style: italic;
	padding-left: 24px;
}
.wpb_content_element.responseQuestion {
    margin-bottom: 8px;
    margin-top: 28px;
}
.wpb_content_element.responseQuestion:first-child {
    margin-top: 0px;
}
.responseinfoContainer .wpb_wrapper {
    font-size: 14px;
    line-height: 18px;
}
.responseinfoContainer .wpb_wrapper .jobDetail {
	padding: 18px 18px 17px;
    border-top: 1px solid #ededed;
    text-align: right;
    color: #888888;
}
.responseinfoContainer .vc_column-inner {
    padding: 0px !important;
}
.responseinfoContainer > .vc_column-inner .wpb_raw_code {
    margin-bottom: 0px;
}
.responseinfoContainer .responseJobnumber .wpb_wrapper {
    font-size: 14px;
    text-align: right;
    padding: 22px 18px 21px;
    line-height: 21px;
    background-color: #e1e2e3;
    color: #3c3c3c;
}
span.answerNo {
    color: #de2d2d;
    font-weight: 600;
}


/*---STATISTICS PAGE---*/
.statsQuestion h6 {
    text-align: center;
    text-transform: none;
    font-weight: 400;
    font-size: 24px;
    margin-top: 8px;
    line-height: 32px;
}
.statsQuestion h5 {
    color: #959595;
    letter-spacing: 2px;
    font-size: 18px;
    margin-bottom: 8px;
	text-align:center;
}
.statsQuestion {
    border-top: 1px solid #d9d9d9;
    margin-bottom: 0px;
}
.statsQuestion .wpb_column.vc_column_container.vc_col-sm-6:last-child {
    margin-top: -50px;
    margin-bottom: -45px;
}
div.google_pie_chart {
    transform: scale(0.85);
}
.vc_row.buildertitleContainer {
    background-color: #f6893b;
    height: 140px;
    margin-bottom: 160px !important;
    box-shadow: inset 0px 4px 8px rgb(0 0 0 / 42%);
    margin-top: -135px !important;
}
.buildertitleContainer p {
    color: #ffffff;
    font-weight: 800;
    font-size: 37px;
	line-height:40px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
    letter-spacing: -.3px;
}
.buildertitleContainer .wpb_text_column.wpb_content_element {
    margin-bottom: 0px;
}
.bargraphBox > .vc_column-inner > .wpb_wrapper > div:nth-child(2) {
    border: 1px solid #e9e9e9;
    overflow: hidden;
    padding: 0px !important;
    background: #ffffff;
}
.datahomeBtn h3 {
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    margin-top: 34px !important;
    padding-bottom: 6px;
    margin-bottom: -8px !important;
}


/*---DATA HOME---*/
.datahomeBtn .vc_btn3-container {
    width: calc(50% - 20px);
    display: inline-block;
    margin: 10px;
}
.datahomeBtn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {
    height: auto;
    width: 100%;
    color: #666666;
    border: 2px solid #ffffff;
    border-radius: 4px;
    background: #ffffff;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);
    vertical-align: middle;
    padding: 56px 0px 52px;
}
.datahomeBtn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline:hover {
    background: #f6893b;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
    border: 2px solid #f6893b;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 12%), inset 0px 0px 80px rgb(0 0 0 / 10%);
}
.datahomeBtn {
    max-width: 879px;
    margin: 0 auto;
	float: none !important;
}
.datahomeBtn .vc_btn3-container.fullwidth {
    width: calc(100% - 20px);
}


.backBtn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {
    border: 2px solid #818185;
    color: #818185;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    border-radius: 2px;
}
.backBtn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline:hover {
    border: 2px solid #f6893b;
    color: #ffffff;
	background-color: #f6893b;
}


/*-----RESPONSIVE-----*/
@media only screen and (max-width: 768px) {
	.gform_wrapper form .gform_footer.top_label input.gform_button {
    	width: 120px;	
		margin-bottom: 0px;
	}
	div.block-content {
    	padding-top: 60px;
	}
	.site-main .main-content .page-title-block {
    	padding-top: 36px !important;
    	padding-bottom: 33px !important;
    }
	.site-logo {
    	text-align: center;
	}
	.gform_wrapper.surveyForm_wrapper ul.gfield_radio {
    	padding-right: 0px;
	}
	.responseinfoContainer .responseJobnumber .wpb_wrapper, .responseinfoContainer .wpb_wrapper .jobDetail {
		text-align:center;
	}
	.responseinfoContainer, .responsesContainer {
    background-color: #f4f4f4;
    	width: 94% !important;
	    margin: 0 auto;
    	border: 1px solid #E1E2E3;
	}
	.responseSection .wpb_column {
    	margin-top: 0px;
	}
	.vc_row.responseSection {
    	margin-top: 0px;
	}
}
@media only screen and (max-width: 500px) {
	.site-main .main-content .page-title-block .page-title-title h1 {
    	font-size: 26px;
	}
	.jobdetails {
    	font-size: 14px;
    	line-height: 20px;
	}
	label.gfield_label {
    	font-size: 18px !important;
    	line-height: 23px !important;
    }
	body .gform_wrapper.surveyForm_wrapper ul li.gfield {
    	padding: 38px 24px 30px;
    	margin-top: 0;
	}
}