/*
 Theme Name:     AQF 2022
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*********************************************
	Roll Call Print Layout
*********************************************/


@media print {
	
	header {
		display: none;
	}
	footer {
		display: none;
	}
	.printhide {
		display: none;
	}
	html {
		background-image: url('/wp-content/uploads/2022/08/certificatebackground.jpg');
   		background-repeat: no-repeat;
		background-size: 10.2in 7.7in;
		position: absolute;
		margin: 0 !important;
		padding: 0 !important;
		-webkit-print-color-adjust: exact !important;
	}
	body {
		background: transparent !important;
		line-height: 1.35 !important;
	}
	.et_pb_section {
		background: transparent !important;
	}
	.et_pb_top_inside_divider {
		display: none;
	}
	.et_pb_text_inner {
		font-size: 20px;
	}
	.printname .et_pb_text_inner {
		font-size: 30px !important;
	}
	#main-content {
		background: none;
	}
	.et_pb_row_1_tb_body {
		background: none !important;
		box-shadow: none !important;
	}
	.et_pb_image_0_tb_body {
		width: 100% !important;
	}
	.et_pb_row_1_tb_body, body #page-container .et-db #et-boc .et-l .et_pb_row_1_tb_body.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_1_tb_body.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row_1_tb_body.et_pb_row {
		width: 100% !important;
	}
	
	.et_pb_image_wrap {
		border: none !important;
		width: 237px;
		top: 72px;
		left: 179px;
	}
	
	.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child {
		position: absolute;
		color: rgba(217, 180, 87, 1);
		margin-left: 500px;
		padding-top: 25px;
		text-transform: uppercase;
		width: 400px;
	}
}

/* Buttonize Radio & Checkbox Fields */
 .gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
 .gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"],
 .gform_wrapper .gfield.buttonized input[type="checkbox"] {
    position: absolute;
    left: -9999px;
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 0.5em;
    font-size: 16px;
    border: none;
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    background-color: inherit;
    cursor: pointer;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {
    border-color: #040404;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
    border-color: #040404;
    background-color: #c1a875;
	color: #fff;
    overflow: hidden;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
    content: '';
    display: block;
    position: absolute;
    top: -.75em;
    right: -.75em;
    left: auto;
    width: 1.5em;
    height: 1.5em;
    background-color: #000;
    border-radius: 0;
    border: 0;
    transform: rotate(45deg);
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label::before,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label::before {
    display: none;
 }

/* Layout Buttonized Inputs As Grid */
 .gform_wrapper .gfield.buttonized .gfield_radio,
 .gform_wrapper .gfield.buttonized .gfield_checkbox {
    display: grid;
    grid-template-columns: repeat( 5, 1fr );
    grid-gap: .5em 1em;
 }
@media only screen and (max-width: 600px) {
 .gform_wrapper .gfield.buttonized .gfield_radio,
 .gform_wrapper .gfield.buttonized .gfield_checkbox {
    display: grid;
    grid-template-columns: repeat( 3, 1fr );
    grid-gap: .5em 1em;
 }
}

/* Buttonize Radio & Checkbox Fields */
 .gform_wrapper .gfield.buttonized-2-col .gfield_radio .gchoice,
 .gform_wrapper .gfield.buttonized-2-col .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
 }
 .gform_wrapper .gfield.buttonized-2-col input[type="radio"],
 .gform_wrapper .gfield.buttonized-2-col input[type="checkbox"] {
    position: absolute;
    left: -9999px;
 }
 .gform_wrapper .gfield.buttonized-2-col .gfield_radio label,
 .gform_wrapper .gfield.buttonized-2-col .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 0.5em;
    font-size: 16px;
    border: none;
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    background-color: inherit;
    cursor: pointer;
 }
 .gform_wrapper .gfield.buttonized-2-col input[type="radio"]:focus+label,
 .gform_wrapper .gfield.buttonized-2-col input[type="checkbox"]:focus+label {
    border-color: #040404;
 }
 .gform_wrapper .gfield.buttonized-2-col input[type="radio"]:checked+label,
 .gform_wrapper .gfield.buttonized-2-col input[type="checkbox"]:checked+label {
    border-color: #040404;
    background-color: #c1a875;
	color: #fff;
    overflow: hidden;
 }
 .gform_wrapper .gfield.buttonized-2-col input[type="radio"]:checked+label::before,
 .gform_wrapper .gfield.buttonized-2-col input[type="checkbox"]:checked+label::before {
    content: '';
    display: block;
    position: absolute;
    top: -.75em;
    right: -.75em;
    left: auto;
    width: 1.5em;
    height: 1.5em;
    background-color: #000;
    border-radius: 0;
    border: 0;
    transform: rotate(45deg);
 }
 .gform_wrapper .gfield.buttonized-2-col .gfield_radio label::before,
 .gform_wrapper .gfield.buttonized-2-col .gfield_checkbox label::before {
    display: none;
 }

/* Layout Buttonized Inputs As Grid */
 .gform_wrapper .gfield.buttonized-2-col .gfield_radio,
 .gform_wrapper .gfield.buttonized-2-col .gfield_checkbox {
    display: grid;
    grid-template-columns: repeat( 2, 1fr );
    grid-gap: .5em 1em;
 }
@media only screen and (max-width: 600px) {
 .gform_wrapper .gfield.buttonized-2-col .gfield_radio,
 .gform_wrapper .gfield.buttonized-2-col .gfield_checkbox {
    display: grid;
    grid-template-columns: repeat( 2, 1fr );
    grid-gap: .5em 1em;
 }
}