@charset "UTF-8";

/* CSS Document */



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* RMX PAGE */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/





.main_container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: absolute;
	overflow: visible;
	z-index: 1;
	min-width: 270px;
}

.rmx_page {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* RMX MAIN PAGE HEADING */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.rmx_intro {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	z-index: 250;
	
	
	
}

.rmx_intro_content_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 50px 0px 50px;
	width: calc(100% - 100px);
	background-color: #4a2b79;
	background: url('img/motheranddaughter_top_banner.jpg');
	background-repeat: no-repeat;
	background-position:right bottom;
	background-size: cover;
}

.rmx_intro_content {
	margin: 0px auto 0px auto;
	padding: 100px 0px 100px 0px;
	width: 100%;
	position: relative;
	text-align: left;
	max-width: 1200px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.rmx_intro {
	padding: 0px 0px 0px 0px;
}

.rmx_intro_content_wrapper {
	padding: 0px 30px 0px 30px;
	width: calc(100% - 60px);
	background: url('/wp-content/uploads/2023/04/nightsky_tall.jpg');
	background-repeat: no-repeat;
	background-position:right bottom;
	background-size: cover;
}

.rmx_intro_content {
	padding: 100px 0px 100px 0px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.rmx_intro {
	padding: 0px 0px 0px 0px;
}

.rmx_intro_content_wrapper {
	padding: 0px 14px 0px 14px;
	width: calc(100% - 28px);
	background: url('/wp-content/uploads/2023/04/nightsky_tall.jpg');
	background-repeat: no-repeat;
	background-position:right bottom;
	background-size: cover;
}

.rmx_intro_content {
	padding: 100px 0px 100px 0px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* RMX MAIN PAGE HEADING  */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.rmx_intro_txt_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 75%;
	max-width: 800px;
}

.rmx_intro_txt_1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Source Serif Pro', serif;
	font-weight: 900;
	font-style: normal;
	font-size: 85px;
	line-height: 85px;
	letter-spacing: -3.0px;
	color: #ebe1fa;
	text-decoration: none;
	text-align: left;
}

.rmx_intro_txt_1 span {
	color: #ffcc00;
}
 @media only screen and (min-width :601px) and (max-width :960px) {



.rmx_intro_txt_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 90%;
	max-width: 600px;
}

.rmx_intro_txt_1 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: -2px;
}
}
 @media only screen and (min-width :1px) and (max-width :600px) {

.rmx_intro_txt_wrapper {
	width: 95%;
}

.rmx_intro_txt_1 {
	font-size: 45px;
	line-height: 45px;
	letter-spacing: -1.0px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* RMX SHELVES HEADINGS */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.rmx_shelf_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	z-index: 250;
}

.rmx_shelf {
	margin: 0px auto 0px auto;
	padding: 100px 50px 100px 50px;
	width: calc(100% - 100px);
	text-align: center;
	max-width: 1300px;
}

.shelf_col_01 {
	background-color: #ffffff;
}

.shelf_col_02 {
	background-color: #cc0000;
}

.shelf_col_03 {
	background-color: #ffffff;
	border-bottom: 20px solid #dddddd;
}

.shelf_col_04 {
	background-color: #f0f0f0;
	border-bottom: 20px solid #dddddd;
}

.shelf_col_05 {
	background-color: #ffffff;
	border-bottom: 20px solid #dddddd;
}

.shelf_col_06 {
	background-color: #f0f0f0;
}

.shelf_col_07 {
	background-color: #ffffff;
}

.shelf_col_08 {
	border-top: 20px solid #dddddd;
	background-color: #f2f2f2;
}

.shelf_col_rmx_01 {
	border-top: 0px solid rgba(255,255,255,.1);
	background-color: #43197a;
	background: linear-gradient(-25deg, rgba(36,14,66,1) 0%, rgba(67,25,122,1) 40%, rgba(67,25,122,1) 100%);
}

.shelf_col_rmx_02 {
	border-top: 0px solid rgba(255,255,255,.1);
	background-color: #5a22a3;
	background: linear-gradient(-25deg, rgba(90,34,163,1) 0%, rgba(90,34,163,1) 50%, rgba(114,53,193,1) 100%);
}

.shelf_col_rmx_03 {
	background-color: rgba(20,20,20,1);
	background: linear-gradient(-25deg, rgba(0,0,0,1) 0%, rgba(25,25,25,1) 50%, rgba(15,15,15,1) 50%, rgba(0,0,0,1) 100%);
}

.shelf_col_rmx_04 {
	background-color: rgba(20,20,20,1);
	background: linear-gradient(-25deg, rgba(202,189,221,1) 0%, rgba(220,211,234,1) 25%, rgba(235,225,250,1) 50%, rgba(235,225,250,1) 50%, rgba(238,229,250,1) 70%, rgba(245,238,255,1) 100%);
}


 @media only screen and (min-width : 601px) and (max-width :960px) {

.rmx_shelf {
	padding: 70px 30px 70px 30px;
	width: calc(100% - 60px);
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.rmx_shelf {
	padding: 50px 14px 50px 14px;
	width: calc(100% - 28px);
}
}

.rmx_content {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* RMX CONTENT LEFT / RIGHT
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/





.rmx_content_left {
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: calc(50% - 30px);
	text-align: left;
	box-sizing: border-box;
	float: left;
}

.rmx_content_right {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: calc(50% - 30px);
	text-align: left;
	box-sizing: border-box;
	float: left;
}
 @media only screen and (min-width : 961px) {

.rmx_content_size_030 {
	width: calc(30% - 30px);
}

.rmx_content_size_032 {
	width: calc(32% - 30px);
}

.rmx_content_size_035 {
	width: calc(35% - 30px);
}

.rmx_content_size_040 {
	width: calc(40% - 30px);
}

.rmx_content_size_050 {
	width: calc(50% - 30px);
}

.rmx_content_size_060 {
	width: calc(60% - 30px);
}

.rmx_content_size_065 {
	width: calc(65% - 30px);
}

.rmx_content_size_068 {
	width: calc(68% - 30px);
}

.rmx_content_size_070 {
	width: calc(70% - 30px);
}

.rmx_content_size_080 {
	width: calc(80% - 30px);
}

.rmx_content_size_090 {
	width: calc(90% - 30px);
}

.rmx_content_size_100 {
	width: calc(100% - 30px);
}
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.rmx_content_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.rmx_content_right {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
}