Current File : /pages/54/47/d0016649/home/htdocs/cd24/wp-content/themes/digital-download-1/sass/base/_common.scss

/*==========================
 Common style
===========================*/
.fallback-svg {
    border-radius: 4px;
    vertical-align: top;
}
.site{
	background: #fff;
}

.custom-background .site{
	margin: 0 20px;
}

.container{
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.container:after{
	content: '';
	display: block;
	clear: both;
}

.row{
	margin: 0 -15px;
}

.row:after{
	content: '';
	display: block;
	clear: both;
}

#rara-top{
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	border: 1px solid rgba(162, 173, 184, 0.5);
	text-align: center;
	font-size: 25px;
	color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	display: none;
	z-index: 2;

	span{
		position: absolute;
		top: 50%;
		left: 50%;
		@include transform(translate(-50%, -50%));
	} //span

}

.edit-link{
	display: block;
	clear: both;
}

.sticky-header{
	position: sticky;
	top: 0;
	z-index: 2;

	&.sticky-bg{

		.header-holder{
			background: #fff;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
			@include transition(ease, 0.35s);

			.site-header{
				margin: 0;
				border-bottom-color: rgba(255, 255, 255, 0.2);

				.site-title{

					a{
						color: #21272c;
					} //a

				} //site-title

				.site-description{
					color: $font_color;
				}

				.right{

					.tools{

						.cart,
						.form-section{
							color: #21272c;
						} //cart

					} //tools

				} //right

			} //site-header

		} //header-holder

		.main-navigation{

			> div{

				> ul{

					> li{

						> a{
							color: $font_color;

							&:hover,
							&:focus{
								color: #21272c;
							} //hover

						} //a

						&.current-menu-item > a,
						&.current-menu-ancestor > a,
						&.current_page_ancestor > a,
						&.current_page_item > a{
							color: #21272c;
						} //current-menu-item

					} //li

				} //ul

			} //div
			
		} //main-navigation

	} //sticky-bg

} //sticky-header

@media only screen and (max-width: 1024px){
	.container{
		max-width: 720px;
	}
}

@media only screen and (max-width: 767px){
	.custom-background .site{
		margin: 0 10px;
	}

	.container{
		max-width: 420px;
	}

	#rara-top{
		width: 40px;
		height: 40px;
		font-size: 20px;
		right: 20px;
		bottom: 20px;
	} //rara-top
}