/*

Theme Name: PXR Theme

Description: Tablet screen resolutions: 640 px, 480 px, 320 px

*/


@media screen and (max-width: 640px) {
	/* BUTTONS */
	.section .button,
	.section a.button,
	.section button.button,
	.section input[type="submit"] {
		min-height: 32px;
		font-size: 16px;
		letter-spacing: 2px;
		padding: 10px 35px 6px 35px;
	}
	.section .button.-ghost,
	.section a.button.-ghost,
	.section button.button.-ghost,
	.section input[type="submit"].-ghost {
		padding: 8px 35px 4px 35px ;
	}
	
	body .pxrut_button .pxrut-loader,
	body .pxrut_submit_wrapper .button .pxrut-loader,
	body.pxrut_submit_wrapper button .pxrut-loader {
		top: 6px;
	}
	
	/* SECTIONS */
	.section_header h1.title,
	.section_header h2.title {
		font-size: 70px;
	}
	.-in-view .section_header h1.title,
	.-in-view .section_header h2.title {
		letter-spacing: -1px;
	}
	.section_header h3.subtitle {
		font-size: 50px;
		letter-spacing: 6px;
	}
	.-in-view .section_header h3.subtitle {
		letter-spacing: 0px;
	}
	.section_header.-left h3.subtitle,
	.section_header.-left h3.subtitle {
		letter-spacing: 15px;
		/*margin-left: -15px;*/
	}
	.-in-view .section_header.-left h3.subtitle,
	.-in-view .section_header.-left h3.subtitle {
		letter-spacing: 25px;
		/*margin-left: -25px;*/
	}
	.section_header.-right h3.subtitle,
	.section_header.-right h3.subtitle {
		letter-spacing: 15px;
		margin-right: -15px;
	}
	.-in-view .section_header.-right h3.subtitle,
	.-in-view .section_header.-right h3.subtitle {
		letter-spacing: 25px;
		margin-right: -25px;
	}
	.section_header h4.section_label {
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 1.5;
	}
	.-in-view .section_header h4.section_label {
		letter-spacing: 0px;
	}
	.section_header.-left h4.section_label,
	.section_header.-left h4.section_label {
		margin-top: -5px;
	}
	.section_header.-right h4.section_label,
	.section_header.-right h4.section_label {
		margin-top: -5px;
	}

	/* HERO */
	h1.hero_slide_title,
	h2.hero_slide_title {
		font-size: 50px;
	}
	h3.hero_slide_subtitle {
		font-size: 35px;
	}
	.hero_slide_label {
		font-size: 14px;
		letter-spacing: 3px;
	}
	
	/* BOXLIST */
	.box_item {
		width: 100%;
		margin: 10px 0px;
	}
	.box_item:nth-child(5),
	.box_item:nth-child(9) {
		width: 100%;
	}
	
	.box_item.-in-view .box_item_outer {
		background-color: var(--mustard);
	}
	.box_item.-in-view .box_item_content h3,
	.box_item.-in-view .box_item_content p,
	.box_item.-in-view .box_item_content a:not(.button),
	.box_item.-in-view .box_item_content .box_item_text {
		color: #fff;
	}
	.box_item.-in-view .box_item_content .button_wrapper {
		opacity: 1;
		visibility: visible;
	}
	
	.box_item.-in-view .list_box_date_circle {
		opacity: 1;
		visibility: visible;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	
	
	/* FORMS */
	body .pxrut_field_wrapper.-third {
		padding: 0px;
		width: 100%;
	}
	body .pxrut_field_wrapper label:not(.checkbox_label) {
		padding: 6px 10px 2px 10px;
	}
	
	/* IMAGE HALF */
	
	/* TEXT */
	.text_container .text_inner.-two-columns {
		column-count: 1;
		column-gap: 0px;
	}
	.section_text .section_inner {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	/* BOX SLIDER */
	.boxslider_container.-layout-list .boxslide_item {
		width: 100%;
	}
	
	/* DATES */
	.dates_table td {
		text-align: center;
	}
	td.date_date span:not(.date_full) {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 560px) {
	/* IMAGE HALF */
	.content_half_title,
	h3.content_half_title,
	h3.content_half_title a{
		font-size: 30px;
		hyphens: auto;
	}
	
	/* FORMS */
	body .pxrut_field_wrapper.-half,
	body .pxrut_field_wrapper.-third,
	body .pxrut_field_wrapper.-fourth {
		padding: 0px;
		width: 100%;
	}
	
	/* BOX LIST */
	.box_item_label:not(.-mobile) {
		display: none;
	}
	.box_item_label.-mobile {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	/* SECTIONS */
	.section_header h1.title,
	.section_header h2.title {
		font-size: 60px;
		letter-spacing: 2px;
		line-height: 1;
		margin-bottom: 10px;
	}
	.-in-view .section_header h1.title,
	.-in-view .section_header h2.title {
		letter-spacing: 0px;
	}
	.section_header h3.subtitle {
		font-size: 50px;
		letter-spacing: 6px;
	}
	.-in-view .section_header h3.subtitle {
		letter-spacing: 0px;
	}
	.section_header.-left h3.subtitle,
	.section_header.-left h3.subtitle {
		letter-spacing: 0px;
		margin-left: -0px;
	}
	.-in-view .section_header.-left h3.subtitle,
	.-in-view .section_header.-left h3.subtitle {
		letter-spacing: 10px;
		margin-left: -10px;
	}
	.section_header.-right h3.subtitle,
	.section_header.-right h3.subtitle {
		letter-spacing: 0px;
		margin-right: -0px;
	}
	.-in-view .section_header.-right h3.subtitle,
	.-in-view .section_header.-right h3.subtitle {
		letter-spacing: 10px;
		margin-right: -10px;
	}
	.section_header h4.section_label {
		font-size: 14px;
		letter-spacing: 0px;
	}
	.-in-view .section_header h4.section_label {
		letter-spacing: 0px;
	}
	.section_header.-left h4.section_label,
	.section_header.-left h4.section_label {
		margin-top: 0px;
	}
	.section_header.-right h4.section_label,
	.section_header.-right h4.section_label {
		margin-top: 0px;
	}
	
	/* BOX SLIDER */
	
	.boxslider_container.-layout-coaches:not(.-layout-list) {
		padding-right: 0px;
	}
	.-layout-coaches .slider_nav {
		position: relative;
		right: auto;
		top: auto;
		bottom: auto;
	}
	
	/* IMAGE HALF */
	.image_half::before {
		padding-top: 75%;
	}
	
	/* BOX LIST */
	.box_item_outer {
		padding: 15px;
	}
}
@media screen and (max-width: 400px) {
	/* Mennu */
	.logo_container {
		padding-left: 20px;
	}
	.logo_wrapper {
		width: 200px;
	}
	/* HERO */
	h1.hero_slide_title,
	h2.hero_slide_title {
		font-size: 35px;
	}
	h3.hero_slide_subtitle {
		font-size: 26px;
	}
	.hero_slide_label {
		letter-spacing: 1px;
	}
	
	/* PILLARS */
	.boxslide_item {
		padding: 0px;
	}
	.boxslide_item_title,
	h3.boxslide_item_title {
		font-size: 50px;
		letter-spacing: -1px;
	}
}

@media screen and (max-width: 320px) {
	
}
