/*
Theme Name: RosesDiscountStores Divi-Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Method Savvy
Author URI: https://methodsavvy.com
Description: 2020 Build for Roses Discount Store. To be used as a child theme from Roses Discount Store based on the Underscore Theming engine.
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.1
Updated: 2020-12-17 14:25:04

*/

body {
    line-height: 1.5em;
    font-style: normal;
    font-weight: 400;
    font-family: "Prompt", sans-serif;
    overflow-x: hidden;
    margin: 0;
}

/* TYPOGRAPHY
 * ==========================================================*/
html { font-size: 28px;}
body { font-size: 28px;}
h1{font-size:100px;}
h2{font-size:64px;}
h3{font-size:42px;}
h4{font-size:28px;}
h5{font-size:24px;}
h6{font-size:24px;}
p, li, button, import, select, textarea {font-size:28px!important;;}
.banner-block h1{font-size:100px!important;}

@media(max-width: 768px) {
	html {font-size: 20px!important;}
	body {font-size: 20px!important;}
	h1{font-size:42px!important;}
	h2{font-size:28px!important;}
	h3{font-size:24px!important;}
	h4{font-size:22px!important;}
	h5{font-size:20px!important;}
	h6{font-size:20px!important;}
	p, li, span, button, import, select, textarea, button a{font-size:20px!important;}
    .banner-block h1{font-size:42px!important;}
}
@media(max-width:340px){
	.nav_bar_instagram a { font-size: 30px!important;}
	}

.dept_title h1{
		font-weight:bold!important;
		line-height:1.2em!important;
	}

h1, h2, h3, h4 {
    line-height: 1.2em;
    font-weight: 700 !important;
    font-family: "Prompt", sans-serif;
}

h5, h6 {
    line-height: 1.2em;
    font-weight: 700 !important;
    font-family: "Prompt", sans-serif;
}

p {
    line-height: 1.5em;
    font-weight: 400;
	letter-spacing: 0.5px;
    font-family: "Prompt", sans-serif;
}


a {
    color: #000;
}
a:visited {
    color: #000;
}
a:hover {
    color: #ea0029;
}
a:active {
    color: #ea0029;
}

/* Menus and Navigation
 * ===========================================*/
.et_pb_menu .et-menu-nav>ul ul {
    padding: 20px 0 0 0!important;
}
.nav li ul {
    border-color: #ea0029!important;
    width: 380px!important;
}
.nav li ul a{
    width: 355px!important;
	font-size:20px!important;
}
.nav li li {
    padding: 0 10px!important;
	border-bottom: 1px solid rgba(0,0,0,.03)!important;
}
.main-navigation ul {
	padding-top:2em;
	align-content:center;
	justify-content:space-between;
}

.nav li{
	padding-right: 2em;
}

.desktop_main_menu .et_pb_menu__menu{ 
	width:100%
}

.et-menu li li a{
	padding: 0 20px;
}

.desktop_main_menu .et-menu-nav{
justify-content: space-between;
width: 100%;
}

@media (max-width: 1563px) {
.desktop_main_menu #menu-main-menu-1 {
justify-content: flex-start;
 }
	
.desktop_main_menu.et_pb_menu .et-menu>li,.et_pb_fullwidth_menu .et-menu>li{
		padding-left: .25em; 
		padding-right: .25em;
	}
 }

@media (max-width: 1340px) {
	.et_pb_menu_0_tb_header.et_pb_menu ul li a{
		font-size: 20px!important;
	}
}
@media (max-width: 1230px) {
.desktop_main_menu.et_pb_menu .et-menu>li,.et_pb_fullwidth_menu .et-menu>li{
		padding-left: 5px; 
		padding-right: 5px;
	}
	.et_pb_menu_0_tb_header.et_pb_menu ul li a{
		font-size: 16px!important;
	}
}

.desktop_main_menu .et_pb_menu__menu>nav>ul>li>a{
position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #000000;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}



.clearfix:after {
    margin-bottom: 10px;
    content: "\0020";
    overflow: hidden;
}

@media only screen and (min-width: 980px) {
	.mobile_tablet_only{
		display: none!important;
		}
	}

@media only screen and (max-width: 980px) {
	.desktop_only{
		display: none!important;
	}
		.banner-block h1{
		font-weight:bold;
		line-height:1.2em!important;
	}
}

/****HEADER***/
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {font-size:20px; font-weight:700; color:#000000;}
.desktop-menu a{color:#000000!important;}
.desktop-menu a:visited{color:#000000!important;}
.desktop-menu a:hover{color:#ea0029!important;text-decoration: underline;}
.nav ul li a:hover, .et_mobile_menu li a:hover {
  background-color: #ffffff;opacity: 1;}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {font-size:20px; font-weight:700; color:#000000;}

.mobile_menu{
  color:#EA0029;
}
.mobile_logo{
  margin-top:5px;
}
.mobile_store_locator{
  background:#000; margin:0;
}
.mobile_store_locator img{
  height:100%; max-height:90px; padding:0; margin:0;
}

.mobile_box{display: flex;
  align-items: center;
  justify-content: space-between;width:100%; border-bottom:3px solid #EA0029;}
/***** End Header*****/


/* GLOBAL ELEMENTS
* =====================================*/
.red_border {
	margin-bottom: 40px !important;
    -moz-box-shadow: -10px 10px 0 #ea0029 !important;
    -webkit-box-shadow: -10px 10px 0 #ea0029 !important;
    -o-box-shadow: -10px 10px 0 #ea0029 !important;
    box-shadow: -10px 10px 0 #ea0029 !important;
    border: 4px solid #ea0029 !important;
}
.red_border_no_shadow {
    margin-bottom: 40px !important;
    border: 4px solid #ea0029 !important;
}

.red_border_img {
	margin-bottom: 40px !important;
    -moz-box-shadow: -10px 10px 0 #ea0029 !important;
    -webkit-box-shadow: -10px 10px 0 #ea0029 !important;
    -o-box-shadow: -10px 10px 0 #ea0029 !important;
    box-shadow: -10px 10px 0 #ea0029 !important;
    border: 4px solid #ea0029 !important;
}
.orange_border {
    margin-bottom: 40px !important;
    -moz-box-shadow: -10px 10px 0 #ff6d10 !important;
    -webkit-box-shadow: -10px 10px 0 #ff6d10 !important;
    -o-box-shadow: -10px 10px 0 #ff6d10 !important;
    box-shadow: -10px 10px 0 #ff6d10 !important;
    
}
.orange_border_img {
    margin-bottom: 40px !important;
    -moz-box-shadow: -10px 10px 0 #ff6d10 !important;
    -webkit-box-shadow: -10px 10px 0 #ff6d10 !important;
    -o-box-shadow: -10px 10px 0 #ff6d10 !important;
    box-shadow: -10px 10px 0 #ff6d10 !important;
}
.blue_bg_yellow_border {
    margin-bottom: 40px !important;
    -moz-box-shadow: -10px 10px 0 #ffce00 !important;
    -webkit-box-shadow: -10px 10px 0 #ffce00 !important;
    -o-box-shadow: -10px 10px 0 #ffce00 !important;
    box-shadow: -10px 10px 0 #ffce00 !important;
    background-color: #a2dae8 !important;

}
.blue_bg_red_border {
	margin-bottom: 40px !important;
    -moz-box-shadow: -10px 10px 0 #ea0029 !important;
    -webkit-box-shadow: -10px 10px 0 #ea0029 !important;
    -o-box-shadow: -10px 10px 0 #ea0029 !important;
    box-shadow: -10px 10px 0 #ea0029 !important;
    background-color: #a2dae8 !important;

}
.yellow_bg_red_border {
    margin-bottom: 40px !important;
    -moz-box-shadow: -10px 10px 0 #ea0029 !important;
    -webkit-box-shadow: -10px 10px 0 #ea0029 !important;
    -o-box-shadow: -10px 10px 0 #ea0029 !important;
    box-shadow: -10px 10px 0 #ea0029 !important;
    background-color: #ffce00 !important;

}

/*OLD Button 
 
button.cta-button-black{
	    font-size: 24px !important;
    line-height: 36px !important;
    -moz-box-shadow: -5px 5px #ffce00 !important;
    -webkit-box-shadow: -5px 5px #ffce00 !important;
    -o-box-shadow: -5px 5px #ffce00 !important;
    box-shadow: -5px 5px #ffce00 !important;
    font-style: normal !important;
    background-color: #000000 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    border: none !important;
    font-family: prompt !important;
    text-transform: uppercase !important;
	padding: 12px 35px;
} */

button.cta-button-black{
    background-color: #000000!important;
    box-shadow: -4px 4px 0 0 #ffce00!important;
    font-family: prompt, sans-serif!important;
    color: #ffffff!important;
    font-size: 28px!important;
    line-height: 1.5em!important;
    font-weight: 600!important;
    letter-spacing: 1.5px!important;
	text-transform: uppercase!important;
    padding: 16px 32px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}

button.cta-button-black:hover{
	    background-color: #ffce00 !important;
	    -moz-box-shadow: -4px 4px #000000 !important;
    -webkit-box-shadow: -4px 4px #000000 !important;
    -o-box-shadow: -4px 4px #000000 !important;
    box-shadow: -4px 4px #000000 !important;
}

button.cta-button-black a {
    color: #ffffff !important;
}

button.cta-button-black a:hover {
    color: #000000 !important;
	text-decoration:none !important;
}

/* OLD Button
button.cta-button {
    font-size: 24px !important;
    line-height: 36px !important;
    -moz-box-shadow: -5px 5px #ffce00 !important;
    -webkit-box-shadow: -5px 5px #ffce00 !important;
    -o-box-shadow: -5px 5px #ffce00 !important;
    box-shadow: -5px 5px #ffce00 !important;
    font-style: normal !important;
    background-color: #ea0029 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    border: none !important;
    font-family: prompt !important;
    text-transform: uppercase !important;
	padding: 12px 35px;
} */

button.cta-button {
    background-color: #ea0029!important;
    box-shadow: -4px 4px 0 0 #ffce00!important;
    font-family: prompt, sans-serif!important;
    color: #ffffff!important;
    font-size: 28px!important;
    line-height: 1.5em!important;
    font-weight: 600!important;
    letter-spacing: 1.5px!important;
	text-transform: uppercase!important;
    padding: 16px 32px;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}

button.cta-button:hover {
	    -moz-box-shadow: -4px 4px #ea0029 !important;
    -webkit-box-shadow: -4px 4px #ea0029 !important;
    -o-box-shadow: -4px 4px #ea0029 !important;
    box-shadow: -4px 4px #ea0029 !important;
    background-color: #ffce00 !important;
}

button.cta-button a {
    color: #ffffff !important;
}

button.cta-button a:hover {
    color: #000000 !important;
	text-decoration-line:none;
}

/* Site Footer
 * ==================================*/

.site-footer {
    background-color: #000;
}
.footer_logos {
    padding-bottom: 20px;
    display: flex;
    padding-top: 20px;
    background-color: #ea0029;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}
.nav_bar_instagram {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.nav_bar_instagram a {
    color: #fff;
    margin: 0 10px;
    padding: 5px;
}
.nav_bar_instagram a:first-of-type {
    flex: 1 0 100%;
}
.footer_logos img:first-of-type {
    width: 200px;
    margin-right: 45px;
}
.footer_logos img:not(:first-of-type) {
    width: 100px;
    margin-top: 20px;
}
.instagram_handle a {
    font-weight: 700;
    color: #fff;
}
.instagram_handle a:hover {
    color: #fff !important;
}

#sbi_images {
    display: flex;
}

.instagram-feed {
    display: flex;
}
.instagram-feed div {
    height: 20vw;
    background-color: gray;
    border-right: 1px solid lightgray;
    flex: 1 1 20%;
}
.instagram-feed div:last-of-type {
    border: none;
}
.entry-content::after {
    clear: both;
    display: block;
    content: "";
}

.banner_center_text_container{
}


/*kati*/
.et_pb_menu .et-menu > li, .et_pb_fullwidth_menu .et-menu > li {
    padding-left: 1em;
    padding-right: 1em;
}

@media (min-width: 980px) {
	.pa-text-over-image .et_pb_image_wrap {
		font-size: 18px;
	}
}

@media all and (max-width:30em) {
	.pa-button-over-image .et_pb_image_wrap {
		display:block;
		margin:0.3em auto;
	}
}

@media all and (max-width:960px){
	.logo_container {text-align: center!important;}
	#et-top-navigation { float: left!important; padding-left: 0!important;
	}
}
.header__store-locator {
	background-image: url('../store_locator_desktop.html');
}

.header__container {
	display:flex; 
	justify-content:space-between;
	align-items: center;
}
.header__follow-us-container {
	text-align:center; 
	font-size:16px !important; 
	font-weight:600; 	
	color: #ea0029;
	margin-bottom:0;
}

.header__follow-us-container a img { 
	height: 18px;
}

@media (min-width: 1229px) {
	.header__follow-us-container {
		font-size:24px !important;
	}
	
	.header__follow-us-container a img { 
	height: 28px;
    }
}

.et_pb_menu__logo {
	display: none;
}

.et_mobile_nav_menu a:hover {
    color: #ea0029;
    text-decoration: none!important;
}