/*
 * common.scss
 * -----------------------------------------------
*/

/* -------- Basic Structure ---------- */
html {
	font-size: 100%;
	max-width: 100%;
	@include media-breakpoint-down(md) {
		font-size: 90%;
	}
	@include media-breakpoint-down(sm) {
		font-size: 85%;
	}
	@include media-breakpoint-down(xs) {
		font-size: 80%;
	}
}
html, html a {
	-webkit-font-smoothing: antialiased;
}
body {
	max-width: 100%;
	overflow-x: hidden;
	position: relative;
}
img {
	height: auto;
	max-width: 100%;
}
iframe, embed, object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
iframe {
	display: block;
	margin: 0;
	max-width: 100%;
}
.inline-block,
.display-inline-block {
	display: inline-block;
}
.display-inline {
	display: inline;
}
.display-block {
	display: block;
}
.fullwidth {
	width: 100%;
}
.bg-hover-theme-colored {
	@include transition(all .3s ease);
}
.media-object {
	max-width: none;
}
/* Text-decoration */
.text-underline {
	text-decoration: underline;
}
form label {
	color: $black-555;
	font-weight: $body-font-weight;
}
.hr-divider {
	margin: 20px 0;
}

/* -------- Line-Bottom ---------- */
.heading-line-bottom {
	border-bottom: 1px dashed $gray-base;
	display: inline-block;
	margin: 0;
	position: relative;
	margin: 20px 0;
}
.heading-line-bottom::after {
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 20px;
}
.heading-title {
	margin-top: 10px;
}
.double-line-bottom {
  margin-bottom: 20px;
  margin-top: 8px;
  padding-bottom: 5px;
  position: relative;
	&::after {
    border-radius: 8px;
    bottom: 1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 64px;
	}
  &::before {
    border-radius: 8px;
    bottom: -1px;
    content: "";
    height: 6px;
    left: 10px;
    position: absolute;
    width: 24px;
	}
}
.line-bottom {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;

	&:after {
		bottom: -1px;
		content: "";
		height: 3px;
		left: 0;
		position: absolute;
		width: 50px;
		background: #555;
	}
	@at-root {
		.section-typo-light {
			.line-bottom {
				&:after {
					background: #fff;
				}
			}
		}
	}
}
.line-bottom-centered {
	position: relative;
		margin: 10px 0 20px;

	&:after {
		background: #2b96cc none repeat scroll 0 0;
		bottom: -8px;
		content: "";
		height: 1px;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		position: absolute;
		right: 0;
		width: 30px;
	}
}
.title-icon [class^="flaticon-"]::after, 
.title-icon [class^="flaticon-"]::before {
	font-size: 48px;
	margin-left: 10px;
}
.title-icon {
	margin: 0 auto;
	max-width: 160px;
	position: relative;
}
.title-icon::after {
	content: "";
	height: 2px;
	left: 24px;
	position: absolute;
	top: 10px;
	width: 30px;
}
.title-icon::before {
	content: "";
	height: 2px;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 30px;
}


/* -------- Background Video ---------- */
.bg-video {
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: $zindex-bg-video;
}
.bg-video .video {
	height: 100%;
	left: 0;
	margin: 0!important;
	position: relative;
	top: 0;
	width: 100%;
}
.bg-video .video .mbYTP_wrapper {
	z-index: $zindex-bg-video-video-mbYTP_wrapper !important;
}

/* -------- Box Table ---------- */
.display-table-parent {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.display-table {
	display: table;
	height: 100%;
	position: relative;
	width: 100%;
}
.display-table-cell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

/* -------- Scroll To Top ---------- */
.scrollToTop {
	background: rgba($black, .10);
	bottom: 15px;
	display: none;
	height: 50px;
	padding: 2px;
	position: fixed;
	right: 15px;
	text-align: center;
	text-decoration: none;
	width: 50px;
	z-index: $zindex-scrollToTop;
}
.scrollToTop i {
	color: $white-base;
	font-size: 42px;
}
.scrollToTop:hover {
	background: rgba($black, .60);
	text-decoration: none;
}
/* -------- magnific popup ---------- */
.mfp-close-btn-in .mfp-close {
	color: #eee;
	font-size: 64px;
}
/* section light & dark text typography */
.section-typo-light,
.section-typo-light h1,
.section-typo-light h2,
.section-typo-light h3,
.section-typo-light h4,
.section-typo-light h5,
.section-typo-light h6,
.section-typo-light p,
.section-typo-light a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link),
.section-typo-light a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):hover {
	color: #fff !important;
}
.section-typo-dark,
.section-typo-dark h1,
.section-typo-dark h2,
.section-typo-dark h3,
.section-typo-dark h4,
.section-typo-dark h5,
.section-typo-dark h6,
.section-typo-dark p,
.section-typo-dark a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link),
.section-typo-dark a:not(.icon):not(.btn):not(.social-link):not(.styled-icons-item):not(.wp-block-button__link):not(.wp-block-button__link):hover {
	color: $headings-color !important;
}

.box-shadow {
	@include box-shadow( 0px 0px 25px rgba(5, 5, 5, 0.1) );
}
.box-shadow-50 {
	@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.1) );
}

/* table */
.main-content-area table,
.comment-body .comment-text table {
	width: 100%;
	margin: 0 0 40px;
}
.main-content-area table td,
.main-content-area table th,
.comment-body .comment-text table td,
.comment-body .comment-text table th {
	padding: 10px;
	border: 1px solid #e6e6e6;
}


// star ratings
@mixin star-rating-function() {
	.star-rating {
		float: right;
		overflow: hidden;
		position: relative;
		height: 1em;
		line-height: 1;
		font-size: 1em;
		width: 4.6em;

		&::before {
			content: "\f006\f006\f006\f006\f006";
			color: #d3ced2;
			font-family: fontawesome;
			float: left;
			top: 0;
			left: 0;
			position: absolute;
		}

		span {
			overflow: hidden;
			float: left;
			top: 0;
			left: 0;
			position: absolute;
			padding-top: 1.5em;
		}

		span::before {
			content: "\f005\f005\f005\f005\f005";
			color: #f1c40f;
			font-family: fontawesome;
			top: 0;
			position: absolute;
			left: 0;
		}
	}
}


.section-bg-diagonal-1 {
  background-image: linear-gradient(145deg, transparent 50%, #f6f8fd 50%);
}
.section-bg-diagonal-2 {
  background-image: linear-gradient(325deg, transparent 50%, #f6f8fd 50%);
}
.section-bg-diagonal-3 {
  background-image: linear-gradient(165deg, transparent 50%, #f6f8fd 50%);
}
.section-bg-diagonal-4 {
  background-image: linear-gradient(345deg, transparent 50%, #f6f8fd 50%);
}


.hidden-mobile-mode {
	@include media-breakpoint-down(lg) {
		display: none !important;
	}
}

.lead, .lead p {
	line-height: 1.5;
	font-size: 1.4rem;
	font-weight: 500;
	color: #222;
}

/* animate.css */

.anim-delay-1ms {
	animation-delay: 0.1s
}
.anim-delay-3ms {
	animation-delay: 0.3s
}
.anim-delay-5ms {
	animation-delay: 0.5s
}
.anim-delay-7ms {
	animation-delay: 0.7s
}
.anim-delay-9ms {
	animation-delay: 0.9s
}
.anim-delay-1s {
	animation-delay: 1s
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 25%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUp {
	animation-name: fadeInUp;
	animation-duration: 1.3s
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-15%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInLeft {
	animation-name: fadeInLeft;
	animation-duration: 1s
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(15%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.fadeInRight {
	animation-name: fadeInRight;
	animation-duration: 1s
}
.box-shadow {
		@include box-shadow( 0 14px 18px 0 rgba(0,0,0,.1) !important );
}
.hover-box-shadow {
	&:hover {
		@include box-shadow( 0 14px 18px 0 rgba(0,0,0,.1) !important );
	}
}

//slick slider
.slick-slide {
	img {
		display: block;
		cursor: pointer;
	}
	&.slick-current {
		.thumb {
			.img-thumbnail {
				background-color: #fd7807;
			}
		}
	}
}
rs-module-wrap {
	z-index: 0;
}