/*
Theme Name: Mattress by Appointment
Theme URI: https://mattressbyappointmentlubbock.com
Template: Divi
Author: Maverick Web Marketing
Author URI: http://www.maverickwebmarketing.com
Version: 1.0
*/


/* --- GLOBAL --- */

#google_translate_element {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: 37px;
}

.uppercase {
	text-transform: uppercase !important;
}

.vertical-center-text {
    display: flex;
    align-items: center;
	flex-direction: column;
}


/* --- BUTTONS --- */

.custom-button-1, .gform_wrapper.gravity-theme .gform_footer input {
	background: linear-gradient(to bottom,  #5ebd6d 0%,#21b01d 100%);
	border: 1px solid #5EBD6D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 10px;
	padding: 15px 40px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.custom-button-1:hover, .gform_wrapper.gravity-theme .gform_footer input:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}



/* --- CAROUSEL --- */

:root {
    --ds-module-number: 20;
    --ds-columns-desktop: 5;
    --ds-columns-tablet: 5;
    --ds-columns-mobile: 2;
    --ds-speed-desktop: 30s;
    --ds-speed-tablet: 30s;
    --ds-speed-mobile: 20s;
}

@media all and (min-width: 981px) {
    :root {
		--ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-desktop));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-desktop);
    }
}
@media all and (max-width: 980px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-tablet));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-tablet);
    }
}
@media all and (max-width: 479px) {
    :root {
        --ds-module-width: calc(100vw / var(--ds-columns-mobile));
        --ds-scroll-speed: var(--ds-speed-mobile);
    }
}

.ds-carousel {
    overflow: hidden;
}

.ds-carousel .et_pb_column {
    display: grid;
    grid-template-columns: repeat(var(--ds-module-number), var(--ds-module-width));
    width: var(--ds-column-width);
    -webkit-animation: scroll var(--ds-scroll-speed) linear infinite;
    animation: scroll var(--ds-scroll-speed) linear infinite;
}

.ds-carousel .et_pb_module {
    width: var(--ds-module-width) !important;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}


/* --- FLEX --- */

.flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
}




/* --- FOOTER --- */

#main-footer .container, #footer-bottom .container {
	max-width: 100% !important;
}

#main-footer img {
	margin-bottom: 20px;
	max-width: 250px;
}

.address:before {
	content: "\f279";
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: 10px;
	text-align: center;
	width: 30px;
}

.address2 {
	margin-left: 40px;
}

.email:before {
	content: "\f199";
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: 10px;
	text-align: center;
	width: 30px;
}

.phone a {
	font-size: 150%;
	font-weight: bold;
}

.phone:before {
	content: "\f098";
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 100% !important;
	margin-right: 10px;
	text-align: center;
	width: 30px;
}

#footer-info {
	font-size: 12px !important;
}

.et-social-facebook a.icon:before {
    content: "\e0c1";
}

.et-social-rss a.icon:before {
    content: "\e0d1";
}

.page-id-957 #main-footer #footer-widgets {
	display: none;
}




/* --- FORMS --- */

.gfield.disclaimer {
	font-size: 16px !important;
	font-weight: 300 !important;
}

.gfield_required_asterisk {
	font-weight: bold;
}

.gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=email] {
	border-radius: 5px;
	padding: 12px;
}

.gform_wrapper.gravity-theme select {
	border-radius: 5px;
	padding: 11px;
}

.gform_wrapper.gravity-theme .ginput_container_date input {
    width: 49%;
}

@media all and (max-width: 640px) {
	
	.gform_wrapper.gravity-theme .ginput_container_date input {
		width: 100%;
	}
	
}

.gform_wrapper.gravity-theme .gfield_checkbox label {
	line-height: 1.5;
	vertical-align: text-top;
}



/* --- HEADER --- */

#top-header .container, #main-header .container {
	max-width: 100% !important;
}

.pre-header {
	background: #252525; /* Old browsers */
	background: -moz-linear-gradient(top, #252525 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #252525 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #252525 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	display: flex;
	display: none;
    align-items: center;
	justify-content: center;
	padding: 5px;
}

.pre-header img {
	height: 50px;
	margin-right: 20px;
	width: 50px;
}

.pre-header-text {
	font-size: 18px;
}

.header-reviews {
	font-weight: bold;
}

.stars {
	padding-right: 10px;
}

#et-info {
	font-size: 32px;
	padding-top: 10px;
	padding-bottom: 15px;
	width: 100%;
}

#et-info-phone {
    margin-right: 0;
}

#et-info-email:before, #et-info-phone:before {
	display: none;
}

#et-info-phone p {
	display: inline-block;
	font-size: 75%;
	line-height: 1;
}

#et-info-phone a {
	float: right;
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#et-info-phone a:hover {
	color: #f5e63c;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

#et-info-phone a:before {
	content: "CALL OR TEXT";
	display: block;
	font-size: 50%;
	margin: -15px auto -5px;
	text-align: center;
}

#main-header {
	
}

#logo {
	
}

.et_header_style_left #et-top-navigation {
	padding: 0 !important;
}

.sub-item a {
	font-weight: bold;
    font-style: normal;
    text-decoration: none;
	text-transform: capitalize!important;
	font-size: 18px;
	color: #252525;
}

#top-menu li {
    padding-right: 0;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding: 60px 20px !important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a:hover {
	color: #b01d21;
	opacity: 1 !important;
}

.et_header_style_left #et-top-navigation nav>ul>li.highlight a {
	background: linear-gradient(to bottom,  #5ebd6d 0%,#21b01d 100%);
	border: 1px solid #5EBD6D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff !important;
	margin-right: 0;
	padding: 20px 30px !important;
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.et_header_style_left #et-top-navigation nav>ul>li.highlight a:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

#top-menu li .menu-item-has-children>a:first-child:after {
	content: "5";
	right: 0;
	top: 0;
}




/* --- HOME --- */

.home-main h1 {

}

.large-text {
	font-size: 24px;
}

.nopb {
	padding-bottom: 0 !important;
}

.value-stack .text {
    display: flex;
    flex-direction: column;
}

.value-stack .et_pb_text_inner {
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-size: 150%;
	padding: 20px 20px;
	text-transform: uppercase;
}

.value-stack .et_pb_text_inner p {
	font-size: 60%;
	text-transform: none;
}

.value-stack img {
	margin-right: 20px;
	width: 90px;
}

#top-menu .menu-item-has-children>a:first-child:after {
	position: relative !important;
}

.success .et_pb_column {
	border: 3px solid #d03709;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.success img {
	background: url(/wp-content/uploads/2020/09/Icon-Background.svg) no-repeat;
	margin-top: 40px;
	max-width: 200px;
}

.success .et_pb_blurb_container {
	padding: 0 5% 40px;
}

.success .et_pb_column:nth-of-type(4) .et_pb_blurb_container {
	padding: 0 10% 40px;
}

.success .et_pb_module_header {
	font-size: 150%;
}

.home-testimonials .et_pb_column {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.home-testimonials h5 {
	font-size: 150%;
	padding-bottom: 0;
}

.home-testimonials h5:before {
	color: #fcb31e;
    content: "\f005\f005\f005\f005\f005";
	display: block;
    font-family: 'FontAwesome';
	font-size: 150%;
	margin-bottom: 10px;
}

.home-testimonials h6 {
	padding-bottom: 1em;
}

.home-testimonials {
	font-size: 16px;
}

.reasons .et_pb_module_header {
	font-size: 150%;
	text-transform: none !important;
}

.steps .et_pb_module_header {
	color: #b01d21 !important;
	font-size: 150%;
	text-transform: none !important;
}

.steps img {
	max-width: 33%;
}

.slick-dots {
	display: none !important;
}




/* --- INNER PAGES --- */

img.about {
	max-width: 45%;
}

.kinds .et-pb-icon {
	color: #121212 !important;
}

.kinds .et_pb_module_header, .different .et_pb_module_header {
	font-size: 150%;
	text-transform: uppercase;
}

.kinds .et_pb_module_header {
	max-width: 200px;
}




/* --- TESTIMONIALS --- */

.testimonials .et_pb_blurb_content {
    max-width: 90% !important;
	padding: 30px 0;
}

.testimonials .et_pb_image_wrap:after {
	color: #f7943b;
    content: "\f005 \f005 \f005 \f005 \f005";
    display: block;
    font-family: 'FontAwesome';
	font-size: 2em;
	margin-top: 30px;
}

.testimonials .author {
	font-weight: bold;
}




/* --- TYPOGRAPHY --- */

body p, .et_pb_blurb_description, li {
	font-weight: 300;
	line-height: 1.5;
}

li::marker {
	font-weight: bold;
}

.highlight-text, h1.highlight-text, h2.highlight-text {
	color: #f8ff00 !important;
}

.red {
	color: #b01d21 !important;
}




/* --- RESPONSIVE --- */

@media screen and (max-width: 1500px) {
	
	#top-header .container, #main-header .container {
		width: 90%;
	}
	
}

@media screen and (max-width: 1470px) {
	
	h1 {
		font-size: 40px !important;
	}
	
	h2 {
		font-size: 36px !important;
	}
	
}


@media screen and (max-width: 1350px) {

	.et_header_style_left #et-top-navigation nav>ul>li>a {
		padding: 40px 10px !important;
	}
	
	.et_header_style_left #et-top-navigation nav>ul>li.highlight a {
		padding: 27px 10px !important;
	}
	
}

@media screen and (max-width: 1250px) {
	
	h1 {
		font-size: 36px !important;
	}
	
	h2 {
		font-size: 32px !important;
	}
	
}

@media screen and (max-width: 1200px) {
	
	#top-menu li a {
		font-size: 16px !important;
	}
	
}

@media screen and (max-width: 980px) {

	#google_translate_element {
		top: 17px;
        left: -10%;
	}
	
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
		padding: 12px 0;
	}	
	
	.et_header_style_left #logo {
		max-width: 75%;
	}

	.et_pb_svg_logo #logo {
		height: auto;
	}
	
}

@media screen and (max-width: 769px) {
	
	h1 {
		font-size: 24px !important;
	}
	
	h2, h3 {
		font-size: 20px !important;
	}
	
	h4, h5, h6 {
		font-size: 18px;
	}
	
	p, .et_pb_blurb_description {
		font-size: 16px !important;
	}
	
	.et_pb_section {
		padding: 20px 0;
	}
	
	#top-header {
		border-top: 2px solid #ffffff;
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	
	#et-info {
		float: none;
		padding-top: 10px;
	}
	
	#et-info-phone a {
        display: block;
        float: none;
        margin-top: 20px;
    }
	
	.header-reviews {
		font-size: 14px !important;
	}
	
	.large-text {
		font-size: 18px;
	}
	
	#et-info-phone a {
    	float: none;
	}
	
	.flex-justify-center-mobile {
		display: flex;
    	justify-content: center;
	}
	
	.flex-justify-center-mobile h1, .flex-justify-center-mobile .custom-button-1 {
		text-align: center !important;
	}
	
	.value-stack img {
		max-width: unset;
		width: 50px;
	}
	
	.value-stack .et_pb_text_inner {
		font-size: 100%;
	}
	
	.custom-button-1 {
		font-size: 16px;
	}
	
	.kinds .et_pb_module_header, .different .et_pb_module_header {
		font-size: 100%;
		max-width: unset;
	}
	
	#footer-bottom {
		padding-bottom: 100px;
	}
	
}

@media screen and (max-width: 479px) {

	#google_translate_element {
        left: -5%;
	}
	
	.stars {
		display: block;
		padding-right: 0;
	}
	
	#et-info-phone p {
    	display: block;
	}
	
}




/* --- CAROUSEL 2.0 --- */

:root {
	--number-desktop-images: 6; /* Set this to desired number of images on desktop */
	--number-tablet-images: 4; /* Set this to desired number of images on tablet */
	--number-mobile-images: 3; /* Set this to desired number of images on mobile */
    --speed-desktop: 45s; /* Set this to desired speed of scroll animation on desktop */
    --speed-tablet: 30s; /* Set this to desired speed of scroll animation on tablet */
    --speed-mobile: 15s; /* Set this to desired speed of scroll animation on mobile */
}

@media all and (min-width: 981px) {
    :root {
        --scroll-speed: var(--speed-desktop);
		--number-images: var(--number-desktop-images);
    }
}
@media all and (max-width: 980px) {
    :root {
        --scroll-speed: var(--speed-tablet);
		--number-images: var(--number-tablet-images);
    }
}
@media all and (max-width: 479px) {
    :root {
        --scroll-speed: var(--speed-mobile);
		--number-images: var(--number-mobile-images);
    }
}

.scroll {
	display: flex;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.scroll div {
	animation: animate var(--scroll-speed) linear infinite;
	animation-delay: calc(var(--scroll-speed) * -1);
	display: inline-flex;
	white-space: nowrap;
}

.scroll div:nth-child(2) {
	animation: animate2 var(--scroll-speed) linear infinite;
	animation-delay: calc(var(--scroll-speed) / -2);
}

.scroll img {
	max-width: calc(100vw / var(--number-images));
}

@keyframes animate {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}

@keyframes animate2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-200%);
	}
}




/* --- LIGHTBOX --- */

[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}