@import "lib/bootstrap.scss"; //Core styles
@import "main.scss"; //Styles shared among user end and admin section
@import "homeTpl";
@import "media";
@import "blog";
////////////////////////////////////////////////////////////////////
//															      //
//		User-End Styles											  //
//																  //
////////////////////////////////////////////////////////////////////

body {
	min-width: 320px;
}

hr{
	margin: 30px auto;
}
h1, h2, h3, h4, h5, h6{
	margin-bottom: 25px;
	color: #821c55;
}
.back-to-all {
	text-align: right;
}

// Gallery
// -----------------------------------------------------------------
.masonry {
	.masonry-item-sizer,
	.masonry-item {
		width: 25%;
	}
	.masonry-item {
		float: left;
		margin-bottom: 20px;
		padding: 5px;
		border-radius: 6px;
		transition: all ease-in-out 0.2s;
		&:hover {
			background-color: rgba(0,0,0,0.05);
			.masonry-item__image:after {
				opacity: 1;
			}
		}
	}
	.masonry-item__image {
		position: relative;
		display: block;
		margin-bottom: 10px;
		img {
			display: block;
			max-width: 100%;
			border-radius: 6px;
		}
		&:after {
			content: "View";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.75);
			color: #fff;
			font-size: 24px;
			font-weight: bold;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 6px;
			opacity: 0;
			transition: all ease-in-out 0.2s;
		}
	}
	.masonry-item__title {
		font-size: 14px;
		line-height: 1.2;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 0 5px;
	}
	.masonry-item__description {
		font-size: 12px;
		line-height: 1.3;
		margin: 0 0 5px 0;
		padding: 0 5px;
	}
	&:after {
		content: '';
		display: block;
		clear: both;
	}
}

@media all and (max-width: 980px) {
	.masonry {
		.masonry-item-sizer,
		.masonry-item {
			width: 33.33%;
		}
	}
}

@media all and (max-width: 768px) {
	.masonry {
		.masonry-item-sizer,
		.masonry-item {
			width: 50%;
		}
	}
}

@media all and (max-width: 460px) {
	.masonry {
		.masonry-item-sizer,
		.masonry-item {
			width: 100%;
		}
	}
}

// Header
// -----------------------------------------------------------------
header .menu {
	//height: 60px;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1040;
}

// Search page
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
	height: 44px;
	background: $accent4 !important;
	border: 1px solid $accent4 !important;
	&:hover {
		background: $accent3 !important;
		border: 1px solid $accent3 !important;
	}
}
.gsc-input-box {
	border: 1px solid $accent1 !important;
}
.gsst_a {
	padding-top: 7px !important;
}
.gcsc-branding-clickable {
	img {
		vertical-align: middle;
		position: relative;
		top: -3px !important;
	}
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.gsst_a .gscb_a {
	color: $accent4 !important;
}
.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {
	color: $accent1 !important;
}


//search header
#google_translate_element {
	margin-left: 15px;
}
#share-button,
#search-button {
	display: block;
	float: right;
	position: relative;
	z-index: 1;
	width: 48px;
	height: 54px;
	padding: 15px;
	background: $accent1;
	border: none;
	//border-left: 1px solid rgba($accent5, 0.33);
	border-right: 1px solid rgba($accent5, 0.33);
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	cursor: pointer;
	outline: none !important;
	&:hover {
		background: $accent4 !important;
	}
	span {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: opacity ease-in-out 0.1s;
	}
	.fa-search, .fa-share {
		opacity: 0;
	}
	.lnr-cross {
		opacity: 1;
	}
	&.collapsed {
		background: none;
		.fa-search, .fa-share {
			opacity: 1;
		}
		.lnr-cross {
			opacity: 0;
		}
	}
}

.search-collapse {
	position: absolute;
	z-index: 2;
	top: 59px;
	right: 0;
	width: 320px;
	padding: 10px;
	background-color: $accent1;
	form.gsc-search-box,
	table.gsc-search-box {
		margin-bottom: 0 !important;
	}
	.gsc-search-button.gsc-search-button-v2 {
		margin-left: 0 !important;
	}
	.gsc-search-box-tools .gsc-search-box .gsc-input {
		padding-right: 0px !important;
	}
}

.share-collapse {
	position: absolute;
	z-index: 2;
	top: 59px;
	right: 0;
	width: auto;
	padding: 10px 5px;
	background-color: $accent1;
	color: $white;
	.at-resp-share-element .at-share-btn {
		margin: 0 5px;
		&:hover {
			transform: translateY(0);
		}
	}
	.share-message {
		padding: 0 0 3px 0;
		margin: 0 5px;
	}
}

// Header Images
// -----------------------------------------------------------------
#header-image {
	background-size: 100% auto;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	height: 250px;
	//h1 {
	//	font-size: 72px;
	//	line-height: 1;
	//	color: #fff;
	//	margin-top: 0;
	//	margin-bottom: 0;
	//	display: table;
	//	width: 100%;
	//	span {
	//		display: table-cell;
	//		vertical-align: middle;
	//	}
	//}
}

// Social Links
// -----------------------------------------------------------------
.links-social {
	clear:right;
	a {
		img {
			vertical-align: middle;
			//max-width: 20px;
			max-height: 20px;
		}
		&:hover {
			opacity: 0.8;
		}
	}
}

// Bottom Navigation
// -----------------------------------------------------------------
#bottom-navigation {
	.nav_section {
		float:left; margin: 0 30px 0 0; font-size: 12px; width: 150px;
		li {margin: 3px 0;}
		h5 {font-weight: bold; font-size: 15px;}
		a { white-space:nowrap;} // no need for full navigation but required for one level navigation
	}
}

// Contact Form
#form_contact-form {
	dl > dd {margin: 0 0 5px;}
	select {width: 100%;}
	textarea {
		min-height: 80px;
	}
	.captcha_refresh {margin-top: 10px;}
	#form_contact-form-captcha-label {display: none;}
	#form_contact-form-submitGroup-element,
	#form_contact-form-btnSubmit-element {margin: 5px 0 0;}
}

// ie11
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#wideSlider{
		height: auto;
	}
}

.side_block {
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: auto;
	margin-left: auto;
	color: $white;
	font-size: 18px;	
	margin-bottom: 30px;
	h3 {
		margin-bottom: 15px;
	}
	&.color-1,
	&.color-2,
	&.color-3,
	&.color-4,
	&.color-5,
	&.color-6 {
		padding: 20px;
	}
	&.color-1,
	&.color-2,
	&.color-3,
	&.color-4 {
		* {
			color: $white;
		}
	}
	&.color-1 {
		background: $sideColor1;
	}
	&.color-2 {
		background: $sideColor2;
	}
	&.color-3 {
		background: $sideColor3;
	}
	&.color-4 {
		background: $sideColor4;
	}
	&.color-5 {
		background: $sideColor5;
	}
	&.color-6 {
		background: $sideColor6;
	}
	&:last-child {
		margin-bottom: 0;
	}
}

// Newsletter Form
#form_newsletter-form {
	dt, dd {
		line-height:1;
	}
	#form_newsletter-form-_text-element {
		text-transform: uppercase;
		font-weight: bold;
		color: $accent3;
	}	
	#form_newsletter-form-thanks{
		text-align: center;
		padding: 30px;
	}
	#form_newsletter-form-btnSubmit-element {
		margin-bottom: 0;
	}
	.btn {
		text-transform: uppercase;
		font-weight: bold;
	}
}
.form-newsletter-home { // full width
	padding: 20px 0;
	border-top: 3px solid $accent3;
	border-bottom: 3px solid $accent3;
	margin-bottom: 1px;
	margin-top: 1px;
    .intro {
    	margin-bottom: 10px;
        p {
        	margin: 0;
        	line-height: 1.2;
        }
    }
    .errors {
    	font-weight: bold;
    	text-transform: uppercase;
    	line-height: 2;
    	text-align: center;
    }
}
.form-newsletter-page { // bottom of page
	padding: 20px;
	background: rgba(56, 19, 48, 0.15);
}
.form-newsletter-side { // side block

}
.form-newsletter-home,
.form-newsletter-page {
	#form_newsletter-form {
		@include clearfix();
		dl {
			display: table;
			width: 100%;
			dd {
				display: table-cell;
				line-height: 46px;
				// float: left;
				padding: 0 5px;
			}
			#form_newsletter-form-_text-element,
			#form_newsletter-form-btnSubmit-element {
				width: 10%;
				white-space: nowrap;
			}
		}
		input {
			padding: 10px;
		}
		.btn {
			padding: 10px 30px;
		}
	}
}

form {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="password"],
	textarea,
	select {
		border: 1px solid $accent3;
	}
}

// placeholders color
input::placeholder{
	color: $black;
}
input::-webkit-input-placeholder{
	color: $black;
}
input::-moz-placeholder{
	color: $black;
}
input:-ms-input-placeholder{
	color: $black;
}

// Site Map
// -----------------------------------------------------------------
#table-sitemap {
	width:100%;
	margin: 30px auto;
	td { width:50%; vertical-align:top;}
}
.site_map_div {
	font-weight:bold; padding:6px 20px 6px 15px;
	a{
		text-transform:uppercase;
		color: #590837;
		&:visited{
			text-transform:uppercase;
		}
		&:hover, &:focus{
			color: #590837;
		}
	}
	.site_map_div a, .site_map_div a:visited {text-transform:none; font-weight:normal;}
	.site_map_div {
		padding:3px 0 3px 20px; font-weight:normal;
		.site_map_div {padding:0 0 0 20px;}
	}
}

// CONTENT
// -----------------------------------------------------------------
.homeFullHeight{
	height: 94vh !important;
	#form_newsletter-form{
		padding: 0;
		
	}
}

.home-intro{
	height: 50vh;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: 50% 82%;
	.container{
		position: relative;
	}
}

//fancy-box
// -----------------------------------------------------------------
.fancybox-slide > .popup-home {
	background: rgba(56, 19, 48, .8);
	border-radius: 10px;
	margin: 60px 0;
	.fancybox-close-small{
		&:focus{
			outline: none;
		}
		&:after{
			color: rgba(56, 19, 48, .8);
			outline: none;
		}
	}
	.popup-home-message {
		padding: 10px 0;
		color: $white;
		* {
			color: inherit;
		}
		// a {
		// 	color: inherit;
		// 	&:hover {
		// 		text-decoration: underline;
		// 	}
		// }
	}
	.at-share-btn-elements {
		position: relative;
		left: -2px;
	}
}

//slider
// -----------------------------------------------------------------
.top-items{
	padding: 0;
	overflow-x: hidden;
	.rsContent{
		background: #000000;
		video, img{
			max-height: 100%;
			width: 100%;
		}
		a.rsABlock{
			background: $sideColorBtn1;
			border: none;
			color: $white;
			margin-left: 14em;
			&:hover{
				background: rgba($sideColorBtn1, .8);
			}
		}
		.title{
			padding-left: 3em;
		}
	}
	.rsNav{
		display: none;
	}
}

//sponsors
// -----------------------------------------------------------------
//.bottom-items{
//	background-color: #37132f;
//}
.bottom-items{
	.row div{
		&:first-child.swiper-container{
			padding: 50px 0 !important;
		}
		&:last-child.swiper-container.sponsor-showLarge{
			padding-top: 0;
			padding-bottom: 50px;
		}
	}
	.sponsor{
		display: block;
		width: 100%;
		//padding-top: 50px !important;
		//&.sponsor-showLarge{
		//	padding-top: 0;
		//	padding-bottom: 50px;
		//}
		.swiper-slide{
			text-align: center;
		}
	}
}

#google_translate_element{
	.goog-te-gadget-simple{
		background-color: #590837;
		border-color: $white !important;
		.goog-te-menu-value{
			color: $white;
			span{
				color: $white !important;
			}
		}
		img{
			display: none;
		}
	}
}

// User Login
// -----------------------------------------------------------------
#user-login-form,
#user-forgot-form {
	width: 100%;
	max-width: 480px;
	margin: 30px auto;
	border: 1px solid #cecece;
	padding: 25px;
	border-radius: 5px;
	input[type="text"],
	input[type="password"] {
		border: 1px solid #ced4da;
	}
	#links-element {
		margin-bottom: 0;
	}
}
#user-forgot-form {
	#btnSubmit-element {
		margin-bottom: 0;
	}
	#resetType-element {
		label:last-child {
			margin-bottom: 0;
		}
	}
}
#links-user {
	> li > a {
		border-left: 1px solid rgba($accent5, 0.33);
		border-right: 1px solid rgba($accent5, 0.33);
		margin-left: 0;
	}
}
#loginBox {
	width: 100%;
	min-width: 320px;
	left: auto;
	right: 0;
	padding: 20px;
	#user-short-login-form-links-element {
		font-size: $font-size-base - 0.1rem;
		margin-bottom: 0;
		a {
			color: $white;
			&:hover {
				color: inherit;
				text-decoration: underline;
			}
		}
	}
}

// Memeber Registration
.member-registration-top-block {
	font-size: 18px;
	text-transform: uppercase;
	color: #777;
	border-bottom: 1px solid #d1d2d3;
	padding-bottom: 5px;
	margin-bottom: 40px;
	margin-top: -20px;
}
.user-registration-steps {
	background-color: #f1f1f1;
	padding: 30px;
	margin-bottom: 30px;
	.steps-progress {
		font-size: 18px;
		color: $accent1;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 10px;
		font-family: Arial, Helvetica;
	}
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 16px;
		li {
			position: relative;
			z-index: 1;
			margin: 5px 0;
			padding: 0 0 0 30px;
			&:last-child {
				margin-bottom: 0;
			}
			&:before {
				content: "\f10c";
				font-family: "FontAwesome";
				display: inline-block;
				position: absolute;
				top: 1px;
				left: 1px;
				color: #d1d2d3;
			}
			&.active {
				font-weight: bold;
				color: $accent4;
				&:before {
					color: $accent4;
				}
			}
			&.completed {
				font-weight: bold;
				&:before {
					content: "\f05d";
					color: $accent4;
				}
			}
		}
	}
}

#user-form {
	&.registration-step {
		//max-width: 575px;
		select {
			width: 100%;
		}
		.prev-next-buttons {
			margin-top: 20px;
			padding-top: 20px;
			border-top: 1px solid #d1d2d3;
			text-align: right;
			.btn {
				text-transform: uppercase;
				font-weight: bold;
			}
			> div {
				display: inline-block;
				&.btn-prev {
					float: left;
				}
			}
		}
		legend {
			color: $accent4;
		}
		#birthdate-element {
			position: relative;
			z-index: 1;
			input.date {
				width: 100%;
				margin-right: 0;
				padding-right: 32px;
			}
			.ui-datepicker-trigger {
				position: absolute;
				z-index: 2;
				right: 5px;
				top: 7px;
			}
		}
	}
	#shirtSize-element,
	#shoeSize-element,
	#dressSize-element,
	#nailColor-element {
		select {
			width: 100%;
		}
	}
}

#usernav {
	margin-bottom: $grid-gutter-width;
	li {
		a {
			border: 1px solid #d1d2d3;
			border-bottom: 0;
			&.active,
			&:hover {
				background-color: $accent4;
				color: $white;
			}
		}
		&:last-child a {
			border-bottom: 1px solid #d1d2d3;
		}
	}
}

// Members
// -----------------------------------------------------------------
.list-members {
	margin: 0;
	padding: 0;
	list-style: none;
	li {
		width: 100%;
		float: left;
		margin-bottom: $grid-gutter-width;
		padding-right: $grid-gutter-width;
		width: calc(100% / 6);
		img {
			margin-bottom: 10px;
		}
		h3 {
			margin-bottom: 0;
			font-size: 16px;
			font-weight: bold;
		}
		p {
			margin-bottom: 0;
			font-size: 14px;
		}
	}
}

@media all and (max-width: 1140px) and (min-width: 981px) {
	.list-members {
		li {
			width: calc(100% / 5);
			&:nth-child(5n+1) {
				clear: both;
			}
		}
	}
}

@media all and (max-width: 980px) and (min-width: 769px) {
	.list-members {
		li {
			width: calc(100% / 4);
			&:nth-child(4n+1) {
				clear: both;
			}
		}
	}
}

@media all and (max-width: 768px) and (min-width: 481px) {
	.list-members {
		li {
			width: calc(100% / 3);
			&:nth-child(3n+1) {
				clear: both;
			}
		}
	}
}

@media all and (max-width: 480px) and (min-width: 361px) {
	.list-members {
		li {
			width: calc(100% / 2);
			&:nth-child(2n+1) {
				clear: both;
			}
		}
	}
}

@media all and (max-width: 360px) {
	.list-members {
		li {
			float: none;
			width: 100%;
			padding-right: 0;
		}
	}
}

@media all and (min-width: 1141px) {
	.list-members {
		li {
			&:nth-child(6n+1) {
				clear: both;
			}
		}
	}
}


// MEMBER
// -----------------------------------------------------------------
.member {
	.member-top {
		height: calc(100vh - 100px);
		max-height: 100%;
		min-height: 480px;
		background-color: $white;
		.member-top-left {
			position: relative;
			float: left;
			width: 50%;
			height: 100%;
			//padding: $grid-gutter-width 0;
			text-align: center;
			overflow-y: auto;
			.member-info {
				width: 100%;
				padding: $grid-gutter-width;
				.member-title {
					h1 {
						font-size: 48px;
						line-height: 1.2;
						text-transform: uppercase;
						margin-bottom: 5px;
					}
				}
				.member-subtitle {
					font-size: 18px;
					color: #777;
					margin-bottom: 12px;
					text-transform: uppercase;
				}
				.member-social-links {
					display: inline-block;
					list-style: none;
					padding: 0;
					margin: 0;
					li {
						display: inline-block;
						margin: 0 5px;
						font-size: 18px;
						a {
							color: #777;
							&:hover {
								color: $accent4;
							}
						}
					}
				}
				.member-intro {
					padding: 20px 0 0;
					margin: 20px 0 0;
					border-top: 1px solid #d1d2d3;
					font-size: 18px;
				}
				.member-navigate-buttons {
					max-width: 500px;
					margin: 0 auto;
					.btn {
						width: 230px;
						margin: 5px;
						font-weight: bold;
						text-transform: uppercase;
						box-shadow: 0 1px 3px rgba(0,0,0,0.33);
					}
				}
			}
		}
		.member-top-right {
			float: right;
			width: 50%;
			height: 100%;
			text-align: center;
			.member-top-right-top {
				height: 100%;
				&.half-height {
					height: 50%;
				}
				.member-photo {
					height: 100%;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center top;
				}
			}
			.member-top-right-bottom {
				position: relative;
				z-index: 1;
				&.half-height {
					height: 50%;
				}
				video {
					background-color: $black;
				}
				.member-video-thumbnail {
					position: absolute;
					z-index: 2;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					cursor: pointer;
					&:before {
						content:"\f16a";
						display: block;
						font-family:"FontAwesome";
						font-size:72px;
						line-height: 70px;
						color: $white;
						opacity: 0.75;
						width: 72px;
						height: 72px;
						position: absolute;
						top: 50%;
						left: 50%;
						z-index: 4;
						-webkit-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
						text-shadow: 0 0 3px rgba($black,0.25);
						cursor: pointer;
					}
					&.play {
						display: none !important;
					}
				}
			}
		}
	}
	.member-about {
		background-color: #eee;
		padding: 70px 0;
		h2 {
			font-size: 36px;
			line-height: 1.2;
			text-align: center;
		}
		.member-about-subtitle {
			padding: 8px 10px;
			font-size: 24px;
			font-weight: bold;
			background-color: #a36d88;
			color: $white;
			text-align: center;
		}
		.upcoming-events {
			font-size: 15px;
		}
	}
	.member-blog {
		padding: 70px 0;
		h2 {
			font-size: 36px;
			line-height: 1.2;
			text-align: center;
		}
	}
}

@media all and (max-width: 980px) {
	.member {
		.member-top {
			height: auto;
			.member-top-left,
			.member-top-right {
				width: 100%;
				float: none;
				height: auto;
			}
			.member-top-right {
				.member-top-right-top,
				.member-top-right-bottom {
					height: auto !important;
					iframe {
						min-height: 480px;
					}
					.member-photo {
						min-height: 480px;
					}
				}
			}
		}
	}
}

@media all and (max-width: 480px) {
	.member {
		.member-top {
			.member-top-right {
				.member-top-right-top,
				.member-top-right-bottom {
					iframe {
						min-height: 320px;
					}
					.member-photo {
						min-height: 320px;
					}
				}
			}
		}
	}
}

// Navbar Modifications
// -----------------------------------------------------------------
.navbar {
	&.navbar-expand-lg {
		flex-flow: column;
	}
	.container-fluid:nth-child(2) {
		background-color: #381330;
	}
	.member-panel {
		width: 100%;
		color: $white;
		font-size: 14px;
		.member-share {
			float: right;
			margin-left: $grid-gutter-width;
			padding: 5px 0;
			div, span {
				display: inline-block;
				vertical-align: middle;
			}
			span {
				padding: 5px 0;
			}
			.at-icon-wrapper {
				margin: 0 2px !important;
				padding: 0 !important;
				background: none !important;
				transform: translateY(0) !important;
			}
		}
		.member-navigation {
			float: left;
			vertical-align: middle;
			padding: 10px 0;
			ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: inline-block;
				.divider {
					color: #834669;
				}
				li {
					display: inline-block;
					a {
						color: $white;
					}
				}
			}
		}
		.member-welcome {
			float: right;
			padding: 10px 0;
			margin-left: $grid-gutter-width;
			a {
				color: $white;
			}
		}
		#links-user-down {
			float: right;
			margin-left: $grid-gutter-width / 3;
			.dropdown-menu {
				left: auto;
				right: 0;
			}
			a.nav-link {
				font-size: 14px;
				padding: 10px;
			}
			li {
				padding-left: 1px;
				position: relative;
				a {
					margin-left: 0;
				}
				&:before {
					content: "";
					display: block;
					position: absolute;
					left: 0;
					top: 13px;
					height: 16px;
					width: 1px;
					background-color: #834669;
				}
			}
		}
	}
}

// Member sticky buttons
// -----------------------------------------------------------------
#member-sticky-navigate-panel {
	width: 100%;
	.container .box {
		padding: 0;
		background-color: $accent4;
		border-bottom: 5px solid $accent3;
		box-shadow: 0 2px 5px rgba(0,0,0,0.33);
		@include clearfix();
		#member-navigate-buttons {
			float: left;
			.btn {
				font-weight: bold;
				padding: 7px 12px 6px;
			}
		}
		#member-social-links {
			float: right;
			margin: 0;
			padding: 0 10px 0 0;
			list-style: none;
			display: inline-block;
			li {
				display: inline-block;
				a {
					display: inline-block;
					color: $white;
					padding: 8px 0 7px;
					margin: 0 5px;
				}
			}
		}
	}
}

// General padding top
// -----------------------------------------------------------------
.wrapper {
	padding-top: 56px;
	&.logged-in {
		padding-top: 96px;
	}
}

@media all and (min-width: 993px) {
	.wrapper {
		&.logged-in {
			#share-button, #links-user {
				display: none;
			}
			#search-button {
				border-left: 1px solid rgba(236, 227, 207, 0.33);
			}
		}
	}
	.share-collapse {
		.share-message {
			display: none;
		}
	}
}
@media all and (max-width: 992px) {
	#share-button {
		display: none;
	}
	.share-collapse {
		position: static;
		display: block;
		background: none;
	}
	#links-user > li > a {
		border: 0;
	}
	.navbar .member-panel {
		padding: 0 15px;
	}
	.navbar .member-panel .member-navigation,
	.navbar .member-panel .member-share {
		display: none !important;
	}
	#links-user-down {
		flex-direction: row !important;
		.dropdown-menu {
			display: none !important;
		}
	}
	#google_translate_element{
		margin: 10px !important;
		position: relative;
		width: 100%;
	}
}

// MEDIA QUERIES
// -----------------------------------------------------------------
@media all and (max-width: 767px) {
	.fancybox-slide > .popup-home {
		margin: 120px 0;
	}	
	footer { 
		text-align: center;
		* { float: none !important;}
	}
	//.clmn-left {
	//	display: none;
	//}
	#header-image {
		display: none;
	}
	h1, .h1 {
		font-size: 1.3rem;
	}
}

.top-links {
	.nav-link {
		@extend .btn-primary;
	}
}

@import "fonts.scss";
@import "print.scss";