/**
 * Theme Name: Salient Child Theme
 * Template: salient
 * Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
 * Author: ThemeNectar
 * Author URI: https://themeforest.net/user/themenectar
 * Description: This is a custom child theme for Salient
 * Version: 1.0
 */

/**
 * Desktop: +inf.    and 1000px.
 * Tablet:  998.98px and 691px.
 * Mobile:  690.98px and 320px.
 */

/* ==========================================================================
   Wordpress selectors.
   ========================================================================== */

/* [1] Mailchimp for WordPress. */
.mc4wp-form {
	margin: 0;
}

/* [2] Nectar slider. */
@media (max-width: 389.98px) {
	.nectar-slider-wrap .slider-pagination .swiper-pagination-switch {
		width: 20px!important;
	}
}

/* ==========================================================================
   Own selectors.
   ========================================================================== */

/* [1] Type full width content. */
/* Can be used for a row to make the content fill the entire width of the row. */
@media (max-width: 998.98px) {
	.tab-mob-type-full-width-content {
		left: 50%;
	    width: calc(100vw - var(--scroll-bar-w));
		margin-left: calc(-50vw + var(--scroll-bar-w) / 2);
	}
	.tab-mob-type-full-width-content .row_col_wrap_12,
	.tab-mob-type-full-width-content .row_col_wrap_12_inner {
		margin-right: 0!important;
		margin-left: 0!important;		
	}
	.tab-mob-type-full-width-content .wpb_column {
		padding-right: 0!important;
		padding-left: 0!important;
	}
}

/* [2] Row scrolling text. */
/*.row-scrolling-text .nectar-scrolling-text-inner__text-chunk.has-multiple-items {
	padding-left: 1.1em;
}*/
.row-scrolling-text .nectar-scrolling-text-inner__text-chunk.has-multiple-items > * {
	margin: 0;
}
.row-scrolling-text .nectar-scrolling-text-inner__text-chunk.has-multiple-items .text-separator {
	display: inline-block;
	width: 1.1em;
}
.row-scrolling-text-upside-down-effect .nectar-scrolling-text-inner__text-chunk.has-multiple-items h6 {
	transform: scale(-1, -1);
}
@media (max-width: 690.98px) {
	.row-scrolling-text .nectar-scrolling-text-inner__text-chunk.has-multiple-items h6 {
		line-height: 60px;
		font-size: 48px;
	}
}

/* [3] Calculate padding top 90px + 5% for tablet, 60px + 5% for mobile. */
/* Usually can use for a row. */
@media (max-width: 998.98px) {
	.tab-mob-calculate-padding-top-90-60-plus5per {
		padding-top: calc(90px + 5%)!important;
	}
}
@media (max-width: 690.98px) {
	.tab-mob-calculate-padding-top-90-60-plus5per {
		padding-top: calc(60px + 5%)!important;
	}
}

/* [4] Row display none for inner row columns sm2 . */
/* Use for a level 1 row. */
@media (max-width: 998.98px) {
	.tab-mob-row-display-none-inner-row-cols-sm2 > .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper > .inner_row > .row_col_wrap_12_inner > .vc_col-sm-2 {
		display: none!important;
	}
}

/* [5] Margin bottom 0. */
/* Margin top 30. */
@media (max-width: 998.98px) {
	.tab-mob-margin-bottom-0 {
		margin-bottom: 0!important;
	}
	.tab-mob-margin-top-30 {
		margin-top: 30px!important;
	}
}

/* ==========================================================================
   Header.
   ========================================================================== */

/* [1] Container. */
@media (max-width: 998.98px) {
	#header-outer header#top .container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

/* [2] Rigth button. */
@media (max-width: 469.98px) {
	#header-outer header#top .mobile-header #menu-button-right #menu-item-114 a {
		border: 0;
	}
	#header-outer header#top .mobile-header #menu-button-right #menu-item-114 a:before {
		background: none;
	}
	#header-outer header#top .mobile-header #menu-button-right #menu-item-114 .menu-title-text {
		display: block;
		width: 60px;
		border-radius: 16px;
		padding: 10px 4px;
		line-height: 1.15;
		word-break: break-word;
		font-size: 13px;
		background: linear-gradient(90deg, #e40387, #e40387);
	}
}

/* ==========================================================================
   Footer.
   ========================================================================== */

/* [1] Row footer divider. */
/* Divider. */
.nectar-global-section .row-footer-divider .divider-border {
	margin-top: 0!important;
	margin-bottom: 0!important;
}

/* [2] Row footer company. */
/* Column subscribe. */
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-form.mc4wp-form-theme input[type=submit] {
	border: 0;
	padding: 15px 35px!important;
	font-weight: 600;
	background-color: #e40387!important;
	color: #fff!important;
}
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-form input[type=submit]:hover {
	opacity: 1!important;
}
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-response {
	max-width: 480px;
	margin-top: 20px;
}
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-alert {
	border-width: 2px;
	border-style: solid;
	border-radius: 4px;
	padding: 4px 20px;
}
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-alert,
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-notice,
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-error {
	border-color: #63769f;
	color: #99b4e9;
}
.nectar-global-section .row-footer-company .col-subscribe .mc4wp-success {
	border-color: #5f8a56;;
	color: #94cd87;
}

/* Tablet. */
@media (max-width: 998.98px) {
	/* Column logotype. */
	.nectar-global-section .row-footer-company .col-logotype {
		width: 50%;
	}
	.nectar-global-section .row-footer-company .col-logotype .img-with-aniamtion-wrap .inner {
		max-width: 100%;
	}
	.nectar-global-section .row-footer-company .col-logotype .img-with-aniamtion-wrap .hover-wrap-inner {
		max-width: 150px;
		margin: 0 auto;
	}

	/* Column contacts. */
	.nectar-global-section .row-footer-company .col-contacts {
		width: 50%;
	}

	/* Column subscribe. */
	.nectar-global-section .row-footer-company .col-subscribe {
		width: 100%;
		justify-content: center;
	}
	.nectar-global-section .row-footer-company .col-subscribe > .vc_column-inner {
		max-width: 559px;
	}
	.nectar-global-section .row-footer-company .col-subscribe .mc4wp-form-theme input[type=email] {
		max-width: none;
	}
	.nectar-global-section .row-footer-company .col-subscribe .mc4wp-response {
		max-width: none;
	}
}

/* Mobile. */
@media (max-width: 690.98px) {
	/* Column logotype. */
	.nectar-global-section .row-footer-company .col-logotype {
		width: 100%!important;
	}

	/* Column contacts. */
	.nectar-global-section .row-footer-company .col-contacts {
		width: 100%;
	}

	/* Column subscribe. */
	.nectar-global-section .row-footer-company .col-subscribe > .vc_column-inner {
		max-width: 380px;
	}
}

/**
 * [3] Footer outer.
 * 
 * Was disabled here:
 * https://trypnewark.letter7.betasites.soundst.com/wp-admin/admin.php?page=SalientChildTheme&tab=1
 * Footer tab > Main Footer Area option > Turn off.
 */
/*#footer-outer #footer-widgets .container .col.span_6 {
	padding: 0;
}
#footer-outer .widget {
	margin-bottom: 0;
}*/

/* ==========================================================================
   Front page.
   ========================================================================== */

/* [1] Row main. */
/* Row main > Rev. slider > Image. */
body.home .row-main #SR7_1_1-1-0 { top: 90px!important; }

/* Desktop. */
@media (max-width: 2149.98px) {
	/* Row main > Rev. slider > Container. */
	body.home .row-main #SR7_1_1-1 { height: 100%; }
}
@media (max-width: 1569.98px) {
	/* Row main > Rev. slider > Container. */
	body.home .row-main #SR7_1_1-1 { height: 110%; }

	/* Row main > Rev. slider > Image. */
	body.home .row-main #SR7_1_1-1-0 { top: 60px!important; }
}
@media (max-width: 1469.98px) {
	/* Row main > Rev. slider > Header. */
	body.home .row-main #SR7_1_1-1-8 { top: 154px!important; }

	/* Row main > Rev. slider > Line. */
	body.home .row-main #SR7_1_1-1-10 { top: 226px!important; }

	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 { top: 247px!important; }
}
@media (max-width: 1269.98px) {
	/* Row main > Rev. slider > Line. */
	body.home .row-main #SR7_1_1-1-10 {	top: 218px!important; }

	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 {
		top: 242px!important;
		line-height: 1.35!important;
	}
}
@media (max-width: 1129.98px) {
	/* Row main > Rev. slider > Background image. */
	body.home .row-main #SR7_1_1-1-11 > canvas { height: 580px!important; }

	/* Row main > Rev. slider > Line. */
	body.home .row-main #SR7_1_1-1-10 {	top: 210px!important; }

	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 {
		top: 232px!important;
		font-size: 16px!important;
	}
}

/* Tablet. */
@media (max-width: 998.98px) {
	/* Row main. */
	body.home .row-main { background-color: #21304d; }

	/* Row main > Rev. slider > Background image. */
	body.home .row-main #SR7_1_1-1-11 { height: 532px!important; }
	body.home .row-main #SR7_1_1-1-11 > canvas { height: 703px!important; }

	/* Row main > Rev. slider > Image. */
	body.home .row-main #SR7_1_1-1-0 { top: 0!important; }

	/* Row main > Rev. slider > Header. */
	body.home .row-main #SR7_1_1-1-8 { top: 100px!important; }

	/* Row main > Rev. slider > Line. */
	body.home .row-main #SR7_1_1-1-10 { top: 150px!important; }

	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 { top: 170px!important; }
}
@media (max-width: 899.98px) {
	/* Row main > Rev. slider > Line. */
	body.home .row-main #SR7_1_1-1-10 { top: 144px!important; }

	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 { top: 160px!important; }
}
@media (max-width: 799.98px) {
	/* Row main > Rev. slider > Header. */
	body.home .row-main #SR7_1_1-1-8 { top: 74px!important; }

	/* Row main > Rev. slider > Line. */
	body.home .row-main #SR7_1_1-1-10 { top: 112px!important; }

	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 { top: 130px!important; }
}
@media (max-width: 799.98px) and (min-width: 691px) {
	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 { width: 260px!important; }
}

/* Mobile. */
@media (max-width: 690.98px) {
	/* Row main > Background. */
	body.home .row-main .row-bg-wrap .row-bg {
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: contain;
	}

	/* Row main > Rev. slider */
	body.home .row-main sr7-module,
	body.home .row-main sr7-mask,
	body.home .row-main #SR7_1_1-1-11 {
		height: auto!important;
	}
	body.home .row-main sr7-adjuster {
		display: none;
	}
	body.home .row-main sr7-content {
		display: block;
		position: static;
		height: auto!important;
		contain: none;
	}
	body.home .row-main #SR7_1_1-1 {
		position: static;
		height: auto;
		contain: none;
	}
	body.home .row-main #SR7_1_1-2 {
		display: none!important;
	}
	body.home .row-main sr7-module-shadow {
		display: none;
	}
	body.home .row-main #SR7_1_1-1 {
		display: flex!important;
		flex-direction: column-reverse;
		justify-content: start;
		align-items: center;
	}
	body.home .row-main #SR7_1_1-1 > *:not(sr7-mask, #SR7_1_1-1-10) {
		position: static!important;
	}
	body.home .row-main #SR7_1_1-1 sr7-mask {
		display: none;
	}

	/* Row main > Rev. slider > Header. */
	body.home .row-main #SR7_1_1-1-8 {
		text-align: center!important;
		line-height: 1.05!important;
		font-size: 28px!important;
	}

	/* Row main > Rev. slider > Line. */
	body.home .row-main #SR7_1_1-1-10 {
		position: relative!important;
		top: -10px!important;
		left: 0px!important;
		width: 196px!important;
		height: 8px!important;
	}

	/* Row main > Rev. slider > Description. */
	body.home .row-main #SR7_1_1-1-1 {
		width: 100%!important;
		padding-top: 10px!important;
		padding-right: 30px!important;
		padding-left: 30px!important;
		text-align: center!important;
	}

	/* Row main > Rev. slider > Image. */
	body.home .row-main #SR7_1_1-1-0 {
		margin-top: 60px;
	}
}

/* [2] Row general overview slider. */
@media (max-width: 389.98px) {
	body.home .row-general-overview-slider {}
}

/* [3] Row eat overview slider. */
@media (max-width: 998.98px) {
	body.home .row-eat-overview-slider > .row_col_wrap_12 {
		flex-direction: column-reverse;
	}
}

/* [4] Row explore big city. */
@media (max-width: 389.98px) {
	body.home .row-explore-big-city {}
}

/* [5] Row google map. */
@media (max-width: 690.98px) {
	body.home .row-google-map .nectar-leaflet-map {
		height: 450px!important;
	}
}

/* ==========================================================================
   Sleep page.
   ========================================================================== */

/*...*/

/* ==========================================================================
   Eat page.
   ========================================================================== */

/*...*/

/* ==========================================================================
   Contact page.
   ========================================================================== */

/* [1] Row google map. */
@media (max-width: 690.98px) {
	body.page-id-926 .row-google-map .nectar-leaflet-map {
		height: 450px!important;
	}
}
