@charset "UTF-8";

/* --------------------------------------------
BREADCRUMBS
--------------------------------------------- */
.aioseo-breadcrumbs{
	margin-bottom : calc( 40 var( --remBase ) );
	@media screen and ( width < 1240px ){
		padding-inline : calc( var( --gutter ) var( --viewportBase ) );
	}
	@media print , screen and ( width >= 1240px ){
		padding-inline : calc( ( 100% - ( var( --wrapperSize ) * 1px ) ) / 2 );
	}
}

/* --------------------------------------------
COLUMN
--------------------------------------------- */
#column{
	@media print , screen and ( width > 781px ){
		display : grid;
		grid-template-columns : calc( 300 var( --percentBase ) ) calc( 860 var( --percentBase ) );
		align-items : start;
		justify-content : space-between;
		> *:not( aside ){
			grid-row : 1;
			grid-column : 2;
		}
		> aside{
			grid-row : 1;
			grid-column : 1;
		}
	}
}

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	.logo{
		display : block;
		width : fit-content;
		margin-inline : auto;
	}
	.tel{
		display : grid;
		place-items : center;
		width : fit-content;
		padding-inline : 2em;
		margin-inline : auto;
		background-color : white;
		border : solid calc( 2 var( --remBase ) ) #ddd;
	}
	.address{
		line-height : 1.4;
		text-align : center;
		text-indent : .1em;
		letter-spacing : .1em;
	}
	.copyright{
		line-height : 1.4;
		text-align : center;
		text-indent : .1em;
		letter-spacing : .1em;
	}
	@media screen and ( width <= 781px ){
		padding-top : calc( 80 var( --remBase ) );
		padding-bottom : calc( 40 var( --remBase ) );
		.logo{
			img{
				height : calc( 160 var( --remBase ) );
			}
		}
		.address{
			margin-top : calc( 24 var( --remBase ) );
			font-size : 3rem;
		}
		.tel{
			width : calc( 480 var( --percentBase ) );
			height : calc( 80 var( --remBase ) );
			margin-top : calc( 40 var( --remBase ) );
			font-size : 2.8rem;
			border-radius : calc( 8 var( --remBase ) );
		}
		.copyright{
			margin-top : calc( 40 var( --remBase ) );
			font-size : 2.2rem;
		}
	}
	@media print , screen and ( width > 781px ){
		padding-top : calc( 40 var( --remBase ) );
		padding-bottom : calc( 20 var( --remBase ) );
		.logo{
			img{
				height : calc( 160 var( --remBase ) );
			}
		}
		.address{
			margin-top : calc( 8 var( --remBase ) );
		}
		.tel{
			height : calc( 40 var( --remBase ) );
			margin-top : calc( 20 var( --remBase ) );
			border-radius : calc( 8 var( --remBase ) );
		}
		.copyright{
			margin-top : calc( 20 var( --remBase ) );
			font-size : 1.4rem;
		}
	}
}