/* XS */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	/*Headings*/
	h2 { font-size: 2rem!important; }

	/*Width and Height*/
	.h-xs-auto { height: auto!important; }

	/* Flex Directions */
	.fx-xs-row { flex-direction: row!important; }
	.fx-xs-column { flex-direction: column!important; }
	.fx-xs-column-reverse { flex-direction: column-reverse!important; }

	/* Width */
    .w-xs-10 { width: 10% !important; }
    .w-xs-15 { width: 15% !important; }
    .w-xs-20 { width: 20% !important; }
    .w-xs-25 { width: 25% !important; }
    .w-xs-30 { width: 30% !important; }
    .w-xs-35 { width: 35% !important; }
    .w-xs-40 { width: 40% !important; }
    .w-xs-45 { width: 45% !important; }
    .w-xs-50 { width: 50% !important; }
    .w-xs-55 { width: 55% !important; }
    .w-xs-60 { width: 60% !important; }
    .w-xs-65 { width: 65% !important; }
    .w-xs-70 { width: 70% !important; }
    .w-xs-75 { width: 75% !important; }
    .w-xs-80 { width: 80% !important; }
    .w-xs-85 { width: 85% !important; }
    .w-xs-90 { width: 90% !important; }
    .w-xs-95 { width: 95% !important; }
    .w-xs-100 { width: 100% !important; }

    /* Buttons */
    .btn-default { border-radius: 10px; width: 100%; }
    .btn-secondary { border-radius: 10px !important; width: 100%; }

    /* Font */
    .fs-xs-smaller { font-size: 14px; }

	/* Alignment */
	.text-xs-center { text-align: center!important; }

	/*Spacings*/
    .mx-xs-auto { margin: 0 auto !important; }

	.m-xs-0 { margin: 0!important; }
	.m-xs-1 { margin: 0.25rem!important; }
	.m-xs-2 { margin: 0.5rem!important; }
	.m-xs-3 { margin: 1rem!important; }
	.m-xs-4 { margin: 1.5rem!important; }
	.m-xs-5 { margin: 3rem!important; }

	.mx-xs-0 { margin-left: 0!important; margin-right: 0!important;}
    .mx-xs-1 { margin-left: 0.25!important; margin-right: 0.25!important;}
    .mx-xs-2 { margin-left: 0.5!important; margin-right: 0.5!important;}
    .mx-xs-3 { margin-left: 1rem!important; margin-right: 1rem!important;}
	.mx-xs-4 { margin-left: 1.5rem!important; margin-right: 1.5rem!important;}
    .mx-xs-5 { margin-left: 3!important; margin-right: 3!important;}

    .my-xs-0 { margin-top: 0!important; margin-bottom: 0!important;}
    .my-xs-1 { margin-top: 0.25!important; margin-bottom: 0.25!important;}
    .my-xs-2 { margin-top: 0.5!important; margin-bottom: 0.5!important;}
    .my-xs-3 { margin-top: 1rem!important; margin-bottom: 1rem!important;}
	.my-xs-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important;}
    .my-xs-5 { margin-top: 3!important; margin-bottom: 3!important;}

	.mt-xs-2 { margin-top: 0.5rem!important; }
	.mt-xs-3 { margin-top: 1rem!important; }
	.mt-xs-4 { margin-top: 1.5rem!important; }
	.mt-xs-5 { margin-top: 3rem!important; }
	
	.mb-xs-0 { margin-bottom: 0!important; }
	.mb-xs-1 { margin-bottom: 0.25rem!important; }
	.mb-xs-2 { margin-bottom: 0.5rem!important; }
	.mb-xs-3 { margin-bottom: 1rem!important; }
	.mb-xs-4 { margin-bottom: 1.5rem!important; }
	.mb-xs-5 { margin-bottom: 3rem!important; }

	.p-xs-0 { padding: 0!important; }
	.p-xs-1 { padding: 0.25rem!important; }
	.p-xs-2 { padding: 0.5rem!important; }
	.p-xs-3 { padding: 1rem!important; }
	.p-xs-4 { padding: 1.5rem!important; }
	.p-xs-5 { padding: 3rem!important; }

    .pt-xs-0 { padding-top: 0!important; }
	.pt-xs-1 { padding-top: 0.25rem!important; }
	.pt-xs-2 { padding-top: 0.5rem!important; }
	.pt-xs-3 { padding-top: 1rem!important; }
	.pt-xs-4 { padding-top: 1.5rem!important; }
	.pt-xs-5 { padding-top: 3rem!important; }

	.pb-xs-0 { padding-bottom: 0!important; }
	.pb-xs-1 { padding-bottom: 0.25rem!important; }
	.pb-xs-2 { padding-bottom: 0.5rem!important; }
	.pb-xs-3 { padding-bottom: 1rem!important; }
	.pb-xs-4 { padding-bottom: 1.5rem!important; }
	.pb-xs-5 { padding-bottom: 3rem!important; }

	.py-xs-0 { padding-top: 0!important; padding-bottom: 0!important; }
	.py-xs-1 { padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; }
	.py-xs-2 { padding-top: 0.5rem!important; padding-bottom: 0.5rem!important; }
	.py-xs-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
	.py-xs-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }
	.py-xs-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }

	.px-xs-0 { padding-left: 0rem!important; padding-right: 0rem!important; }
	.px-xs-1 { padding-left: 0.25rem!important; padding-right: 0.25rem!important; }
	.px-xs-2 { padding-left: 0.5rem!important; padding-right: 0.5rem!important; }
	.px-xs-3 { padding-left: 1rem!important; padding-right: 1rem!important; }
	.px-xs-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
	.px-xs-5 { padding-left: 3rem!important; padding-right: 3rem!important; }

	/*Display*/
	.d-xs-none { display: none!important; }
	.d-xs-block { display: block!important; }

    /* Homepage */
    #home .card > .card-body > section#links-section a section.text-wrapper p { display: inline !important; font-size: 22px !important; }
    #home .card > .card-body > section#links-section a section.text-wrapper p:last-child { display: none !important; }
    #home .card > .card-body > section#links-section a { background-color: var(--orange);
        box-shadow: 10px 10px 0px 0px rgb(185 126 7 / 75%);
        -webkit-box-shadow: 10px 10px 0px 0px rgb(185 126 7 / 75%);
        -moz-box-shadow: 10px 10px 0px 0px rgba(185,126,7,0.75);
        transform: translateX(-10px); }

    /* Tours */
    .dash-canvas > section.dash-head-section h1 { font-size: 24px; }
    .sched-slots-section > h2.current-date { font-size: 22px !important; }

    /* Calendars */
    section.calendar-section { width: calc(85vw - 36px); }
    div#reg-calendar { overflow-x: scroll; }
    .fc-scroller { width: 100vh !important; overflow: auto !important; }
    .fc-view-harness.fc-view-harness-active { width: calc(170vw - 35px); height: calc(100vh - 300px); overflow-x: scroll; }

    .fc-header-toolbar.fc-toolbar { position: sticky; left: 0; right: 0; margin-top: 0.5rem; }
    .fc-header-toolbar.fc-toolbar .fc-toolbar-title { font-size: 19px !important; }
}