/*

Theme Name:			Ultimo Photography
Theme URI:			http://ultimo.philbossdesign.com.au
Description: 	    A custom designed WooCommerce WordPress theme for Ultimo TAFE
Author: 			Philboss Design
Author URI: 		https://www.philbossdesign.com.au
Version: 			1.0

*/



.gchoice_17_7_1, .gchoice_17_7_2, .gchoice_17_30_2, .gchoice_17_30_4, .gchoice_17_8_2, .gchoice_17_8_4, .gchoice_17_8_6, .gchoice_17_9_1, .gchoice_17_10_2, .gchoice_17_10_6{display: none}



/* Subject 1: INDUSTRY PRACTICE | PROCESS - WedE */
.gchoice_16_7_2{display: none}

/* Subject 1: INDUSTRY PRACTICE | ENHANCE - WedM */
.gchoice_16_30_1{display: none}

/* Subject 2: CAPTURE ON LOCATION - TueA */
/* .gchoice_16_8_2{display: none} */

/* Subject 3: COLOUR, DESIGN & COMMUNICATION - MonE */
.gchoice_16_9_1{display: none}

/* Subject 4: LIGHTING & STUDIO - MonE */
.gchoice_16_10_2{display: none}

/* Subject 4: LIGHTING & STUDIO - TueE */
.gchoice_16_10_4{display: none}

/* Subject 4: LIGHTING & STUDIO - SatM */
.gchoice_16_10_7{display: none}


.gfield_required_text{padding-left: 5px}

.gform_ajax_spinner{display: none !important}

.closed a, .fineprint a{color: #4768d6; text-decoration: none}

html{height: 100%}

*{margin: 0; padding: 0; outline: 0}
img{width: 100%; height: auto; vertical-align: middle}

/* h1{font: 500 28px/46px 'korolev'} */
h1{font: 700 20px/36px 'korolev'}
h2{font: 300 16px/22px 'korolev'}
h3{font: 800 22px/36px 'korolev'}
p{margin: 0 0 20px}

body{font: 500 18px/32px 'korolev'; background: #F4F4F5; color: #5F5F5F; letter-spacing: .5px}

fieldset{border: 0}

input, textarea, select{-webkit-appearance: none; -moz-appearance: none; border-radius: 0; border: 0; background: #fff; border: 1px solid #D9D9D9; min-height: 50px; font: 500 18px/50px 'korolev'; width: calc(100% - 20px); padding: 0 10px}

select{width: 100%; color: #888}

.ginput_container_select{position: relative}
.ginput_container_select:after{border-color: #868e96 transparent transparent transparent; border-style: solid; border-width: 0.25rem 0.25rem 0 0.25rem; height: 0; right: 20px; position: absolute; top: 50%; width: 0; content:''}

.gform_page_footer input{background: #4768d6; width: calc(50% - 10px); color: #fff; max-width: 200px; cursor: pointer; border: 0}

.gfield{margin: 0 0 20px}

.gfield_description{font: 300 14px/20px 'korolev'; padding: 5px 0 0}

legend{font: 800 22px/36px 'korolev'; margin: 0 0 10px}
#gform_page_3_2 legend:after{content: 'Please select 1 class for this subject from the options listed below.'; clear: both; display: block; font: 300 16px/22px 'korolev'}

.field_sublabel_hidden_label legend, label{font: 500 18px/32px 'korolev' !important}

main{max-width: 1800px; margin: 0 auto}

section{background: #fff; padding: 100px 40px; width: calc(50% - 80px); float: right; max-width: 1140px; margin: 0 auto; /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/ box-shadow: 0 .125rem .5rem .125rem rgba(0,0,0,.04); min-height: calc(100vh - 200px); position: relative}

aside{float: left; width: 50%; position: fixed; height: 100vh; overflow: hidden}

.gchoice input{border: 0; min-height: auto; float: left}
.gchoice label{position: relative; padding: 20px 15px; margin: 0 0 10px; border: 1px solid #D9D9D9; display: block; cursor: pointer}

.gchoice :checked + label{font-weight: bold; color: #fff !important; background: #4768d6; border-color: #4768d6}
.gchoice :checked + label ::after{content: ''; background: #4768d6; height: 26px; width: 100%; display: block; position: absolute; z-index: 1; left: 0; bottom: 0}

.gchoice ins{float: right; color: #5F5F5F; opacity: 0.5; text-decoration: none; font: 500 14px/32px 'korolev' !important}
.gchoice :checked + label ins{color: #fff}

/* 
.disable1, .disable2, .disable3, .disable4, .disable5, .disable6, .disable7, .disable8{position: relative}
.disable1:before, .disable2:before, .disable3:before, .disable4:before, .disable5:before, .disable6:before, .disable7:before, .disable8:before

.disable1:after, .disable2:after, .disable3:after, .disable4:after, .disable5:after, .disable6:after, .disable7:after, .disable8:after{content: 'Selection unavailable. You have chosen another class that clashes with this time slot.'; position: absolute; bottom: 0; font-size: 13px; padding: 0 20px; opacity: 0.5}

.disable1 :checked + label, .disable2 :checked + label, .disable3 :checked + label, .disable4 :checked + label, .disable5 :checked + label, .disable6 :checked + label, .disable7 :checked + label, .disable8 :checked + label, .disable9 :checked + label{text-decoration: none}

.disable1 label, .disable2 label, .disable3 label, .disable4 label, .disable5 label, .disable6 label, .disable7 label, .disable8 label{color: #ccc; text-decoration: line-through} */


.disable:before{position: absolute; content: ''; display: block; height: 76px; width: 100%; z-index: 1}

.disable{position: relative}
.disable:after{content: 'Selection unavailable. You have chosen another class that clashes with this time slot.'; position: absolute; bottom: 0; font-size: 10px; padding: 0 20px; opacity: 0.5}

/* .disable:after{content: 'Selection unavailable. You have chosen another class that clashes with this time slot.'; position: absolute; bottom: -85px; font-size: 13px; padding: 0 10px; opacity: 0.5} */

.disable :checked + label{text-decoration: none}
.disable label{color: #ccc; text-decoration: line-through}

.gf_progressbar_wrapper{display: none !important}

.gfield_radio div:last-child{margin: 20px 0 0}
.gfield_radio div:last-child label{border: 0; background: #5F5F5F !important; padding: 8px 20px; color: #fff; display: inline-block; font: 500 0/22px 'korolev' !important; border-radius: 50px; opacity: 0.5; min-height: auto}

.gfield_radio div:last-child label:after{content: 'Clear slection'; font: 500 14px/30px 'korolev' !important; padding-right: 5px}

.gform_page_footer{max-width: 410px; margin: 60px 0 0}
.gform_next_button{display: block !important}
.gform_previous_button{background: #eee !important; color: #5F5F5F !important; float: right}
.gform_next_button:disabled{opacity: 0.4}

.gfield_html ins{display: none}

.notice{margin: 20px 0}

/* .notice{margin: 40px 0 40px; border-left: 3px solid #5F5F5F; padding-left: 20px; max-width: 800px} */

.logo{display: block; max-width: 250px;	margin: 0 0 60px; opacity: 0.75}

#gform_page_3_3 .gform_page_footer:after{content: '* A copy of your timetable will be sent to your inbox'; margin: 10px 0 0; display: block; font: 300 16px/22px 'korolev'}


.gform_validation_errors{color: red; margin: 0 0 30px}
.validation_message{color: red}
.gfield_error input, .gfield_error textarea, .gfield_error select{border: 1px solid red; color: red} 

.gform_confirmation_wrapper a{color: #4768d6; text-decoration: none}
.gform_confirmation_wrapper a:hover{text-decoration: underline}

/* .fineprint{font: 500 16px/28px 'korolev'; padding: 25px 25px 5px; background: #eef1fb; margin: 40px 0; border-left: 5px solid #4768d6; letter-spacing: 1px; width: calc(100% - 55px)} */

.fineprint{margin: 40px 0; font: 500 16px/28px 'korolev'}

.gform_confirmation_message .fineprint{margin: 0}

.gravitypdf-download-link{background: #4768d6; color: #fff !important; width: calc(50% - 10px) !important; max-width: 200px !important; min-width: 200px; display: block; font: 500 18px/55px 'korolev'; text-align: center; text-decoration: none !important; margin-top: -40px}

footer{position: fixed; bottom: 20px; background: #fff url('https://www.ultimophotography.com/wp-content/uploads/icon-alert.png') no-repeat; background-size: 20px; background-position: 14px 17px; font: 500 12px/26px 'korolev'; max-width: 330px; left: 20px; border-radius: 5px; box-shadow: 0 5px 25px rgba(0,0,0,0.1)}
footer a{text-decoration: none; color: #5f5f5f; display: block; padding: 15px 20px 15px 45px}
footer p{margin: 0}
footer span{color: #4768d6}

@media(max-width: 1399px){
	section{width: calc(65% - 80px)}
	aside{width: 35%}
}

@media(max-width: 1199px){
	section{width: calc(100% - 80px); float: none}
	aside{display: none}
	
	footer{max-width:100%; width: 100%; bottom:0; left:0; position: relative; border-radius: 0}
}

@media(max-width: 767px){
	section{width: calc(100% - 40px); padding: 100px 20px}
	
	.gchoice label{padding: 20px 10px; min-height: 55px}
	.field_sublabel_hidden_label legend, label{font: 500 15px/24px 'korolev' !important}
	
	.gchoice span, .gfield_html span{display: block}
	.gchoice ins{float: none; margin: 0 5px; background: #4768d6; opacity: 1; font: 500 12px/24px 'korolev' !important; padding: 5px 15px; border-radius: 50px; color: #fff}
	
	.gchoice :checked + label ins{background: #fff; color: #5F5F5F}
	
	.disable:before{height: 96px}
	.disable:after{content: 'Unavailable. You have chosen another class with this time.'; font-size: 10px; padding: 0 10px; bottom: -5px}
	
/* 	.notice{margin: 40px 20px 40px -20px} */
	
}