/* ✦✦✦ MAIN PAGE BACKGROUND FORMATING ✦✦✦ */ .sessions-main { 	width: 100%; 	height: 100vh; 	background-image: url("/images/healwithishii-source/sessions-background.jpg"); 	background-repeat: no-repeat; 	background-size: cover; 	background-position: center; 	position: fixed; 	display: inline-block; 	opacity: 1; 	margin: 0; }  /* ✦✦✦ MAIN PAGE BACKGROUND DARK TINE ✦✦✦ */ .sessions-tint { 	position: relative; 	display: inline-block; 	width: 100%; 	height: 100%; 	background-color: #000000; 	position: fixed; 	top: 0; 	left: 0; 	opacity: 0.5; }  /* ✦✦✦ NAVBAR SIDEMUNU CURRENT SELECTION FORMATING ✦✦✦ */ #navbar-sidemenu ul #navbar-sidemenu-sessions a { 	color: #EAC349; }  /* ✦✦✦ SESSIONS BODY CONTAINER FORMATING ✦✦✦ */ .sessions-body-container { 	position: fixed; 	display: inline-block; 	margin-top: 80px; 	width: 100%; 	text-align: center; 	align-items: center; 	justify-content: center; 	vertical-align: middle; 	top: 0; 	bottom: 0; 	overflow-y: scroll; 	overflow-x: hidden; }  /* ✦✦✦ SESSIONS BODY FIRST CONTAINT FORMATING ✦✦✦ */ .sessions-body-first-containt { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: center; 	justify-content: center; 	vertical-align: bottom; 	align-items: center; 	padding: 20px 0; 	margin: 20px 0; }  /* ✦✦✦ SESSIONS BODY FIRST CONTAINT H1 FORMATING ✦✦✦ */ .sessions-body-first-containt-h1 { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: left; 	justify-content: left; 	vertical-align: middle; 	color: #EAC349; 	font-family: "Tangerine"; 	font-weight: normal; 	font-size: 40px; 	letter-spacing: 1px; 	padding: 0 5px; 	margin: 0 5px; }  /* ✦✦✦ SESSIONS BODY FIRST CONTAINT BIG FORMATING ✦✦✦ */ .sessions-body-first-containt-big { 	position: relative; 	display: inline-block; 	width: 90%; 	background: linear-gradient(-60deg, #906111 0, #FEF3A8 30%, #FFF8CF 50%, #FEF3A8 70%, #906111 100%); 	-webkit-background-clip: text;   -webkit-text-fill-color: transparent; 	font-family: "Poiret One", sans-serif; 	font-weight: bold; 	font-size: 40px; 	text-align: left; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ SESSIONS BODY FIRST CONTAINT SMALL FORMATING ✦✦✦ */ .sessions-body-first-containt-small { 	position: relative; 	display: inline-block; 	width: 90%; 	color: #c5c5c5; 	font-family: "Sansation", sans-serif; 	font-size: 20px; 	line-height: 30px; 	text-align: left; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ SESSIONS BODY SECOND CONTAINT FORMATING ✦✦✦ */ .sessions-body-second-containt { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: center; 	justify-content: center; 	vertical-align: top; 	align-items: center; 	padding: 20px 0; 	margin: 20px 0; }  /* ✦✦✦ SESSIONS BODY PRICE CHART FORMATING ✦✦✦ */ .sessions-body-price-chart { 	position: relative; 	display: inline-block; 	padding: 10px; 	margin: 10px; 	text-align: center; 	vertical-align: top; 	border: none; 	border-radius: 10px; 	width: 85%; 	background-color: rgba(0, 0, 0, 0.5); 	box-shadow: 2px 2px 5px black; }  /* ✦✦✦ SESSIONS BODY MAIN HEADER FORMATING ✦✦✦ */ .sessions-body-main-header { 	position: relative; 	display: inline-block; 	width: 90%; 	background: linear-gradient(-60deg, #906111 0, #FEF3A8 30%, #FFF8CF 50%, #FEF3A8 70%, #906111 100%); 	-webkit-background-clip: text;   -webkit-text-fill-color: transparent; 	font-family: "Poiret One", sans-serif; 	font-weight: bold; 	font-size: 30px; 	text-align: left; 	padding: 10px; 	margin: 10px; }  /* ✦✦✦ SESSIONS TABLE CONTAINER FORMATING ✦✦✦ */ .sessions-table-container { 	position: relative; 	display: inline-table; 	width: 90%; 	text-align: center; 	vertical-align: middle; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ SESSIONS TABLE FORMATING ✦✦✦ */ .sessions-table { 	position: relative; 	border-collapse: separate; 	border-spacing: 0px 5px; 	font-family: "Thasadith", sans-serif; 	width: 100%; }  /* ✦✦✦ SESSIONS TABLE TR TH FORMATING ✦✦✦ */ .sessions-table tr th { 	position: relative; 	font-family: "Sansation", sans-serif; 	font-size: 18px; 	line-height: 20px; 	font-weight: bold; 	text-align: left; 	background-color: rgba(0, 0, 0, 1); 	color: #EAC349; 	padding-top: 10px; 	padding-bottom: 10px; 	padding-left: 15px; 	letter-spacing: 2px; }  /* ✦✦✦ SESSIONS TABLE TR TH FIRST CHILD FORMATING ✦✦✦ */ .sessions-table tr th:first-child { 	border-top-left-radius: 10px; }  /* ✦✦✦ SESSIONS TABLE TR TH LAST CHILD FORMATING ✦✦✦ */ .sessions-table tr th:last-child { 	border-top-right-radius: 10px; }  /* ✦✦✦ SESSIONS TABLE TR TD FORMATING ✦✦✦ */ .sessions-table tr td { 	position: relative; 	font-family: "Thasadith", sans-serif; 	color: #C5C5C5; 	font-size: 16px; 	font-weight: bold;   text-align: left;   padding-left: 15px;   padding-top: 10px; 	padding-bottom: 10px; 	letter-spacing: 2px; }  /* ✦✦✦ SESSIONS TABLE TR NTH CHILD EVEN FORMATING ✦✦✦ */ .sessions-table tr:nth-child(even) {   background-color: rgba(0, 0, 0, 0.5);   margin-top: 10px;   margin-bottom: 10px; }  /* ✦✦✦ SESSIONS TABLE TR NTH CHILD ODD FORMATING ✦✦✦ */ .sessions-table tr:nth-child(odd) {   background-color: rgba(255, 255, 255, 0.2);   margin-top: 10px;   margin-bottom: 10px; }  /* ✦✦✦ SESSIONS TABLE TR LAST CHILD AND TD FIRST CHILDE FORMATING ✦✦✦ */ .sessions-table tr:last-child td:first-child { 	border-bottom-left-radius: 10px; }  /* ✦✦✦ SESSIONS TABLE TR LAST CHILD AND TD LAST CHILD FORMATING ✦✦✦ */ .sessions-table tr:last-child td:last-child { 	border-bottom-right-radius: 10px; }   /* ✦✦✦ RESPONSIVE MEDIA QUERIES 700PX ✦✦✦ */ @media screen and (max-width: 700px) { 	.sessions-table { 		border: none; 	} 	.sessions-table thead {     border: none;     clip: rect(0 0 0 0);     height: 1px;     margin: -1px;     overflow: hidden;     padding: 0;     position: absolute;     width: 1px;   }   .sessions-table tr {   	width: 90%;     display: inline-block;     padding: 5px;     text-align: center;     border-radius: 10px;   }   .sessions-table tr td {     width: 90%;     display: inline-block;     font-size: 15px;     text-align: center;   }   .sessions-table tr td:nth-child(1) {   	font-family: "Poiret One", sans-serif;   	color: #EDE2B8;   	font-size: 18px;   	text-transform: uppercase;   }   .sessions-table tr td:nth-child(2) {   	font-family: "Thasadith", sans-serif;   	font-size: 15px;   }   .sessions-table tr td:nth-child(3) {   	font-family: "Thasadith", sans-serif;   	font-size: 20px;   	font-weight: bold;   	color: #C5C5C5;   }   .sessions-table tr td:nth-child(4) {   	font-family: "Thasadith", sans-serif;   	font-size: 20px;   	font-weight: bold;   	color: #C5C5C5;   }   .sessions-table tr td::before {     content: attr(title);     display: inline-block;     font-weight: bold;     text-transform: uppercase;     color: #EAC349;   } }   /* ╔═══════════════════════════════════════════╗ */ /* ║             RESPONSIVE MEDIA              ║ */ /* ╚═══════════════════════════════════════════╝ */  /* ✦✦✦ RESPONSIVE MEDIA QUERIES 1200PX ✦✦✦ */ @media only screen and (min-width: 1200px) { 	.sessions-body-first-containt { 		width: 70%; 	} 	.sessions-body-second-containt { 		width: 70%; 	} 	.sessions-body-third-containt { 		width: 70%; 	} }