/*
 Theme Name:     Duren Story
 Theme URI:      https://www.durenstory.com
 Description:    Official Duren Story Theme
 Author:         Aditya Kurnia Widiono
 Author URI:     mailto:aditya_kurnia@yahoo.com
 Template:       Divi
 Version:        0.1
*/

@import url("../Divi/style.css");

/* Theme customization starts here
------------------------------------------------------- */
/* BEGIN of Added by Adit */
/* ============================================
   DUREN STORY — Bio Link Page Buttons
   Page: /drabi/ (ID: 2083)
   ============================================ */

/* --- Page wrapper: constrain to mobile width --- */
.page-id-2083 .et_pb_row {
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* --- Remove column's default padding --- */
.page-id-2083 .et_pb_column {
/*	padding: 0 !important; */
/*	padding: 0 16px !important; */
  padding: 0 2% !important;
}

/* --- The button itself --- */
.page-id-2083 .et_pb_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 20px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: transform 0.15s ease, opacity 0.15s ease !important;
  text-decoration: none !important;
}

/* --- Tap feedback on mobile --- */
.page-id-2083 .et_pb_button:active {
  transform: scale(0.97) !important;
  opacity: 0.9 !important;
}

/* --- Rute Google Maps (outline style) --- */
.page-id-2083 .et_pb_button.btn-route {
  background-color: #ffffff !important;
  color: #4285F4 !important;
  border: 2px solid #4285F4 !important;
}

/* .et_pb_button { width: 96% !important; } */
/* .et_pb_button[data-icon]::before */
.adi h1, .adi h2, .adibio h1, .adibio h2 {
	font-family: 'Concert One', cursive;
}
.adibio h2 {
	display: block;
	font-size: 86px !important;
	color: #ffffff;
	font-weight: 700 !important;
	letter-spacing: -3px;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 0 0 10px #000000 !important;
}
.abhnx {
	display: block;
	font-weight: 100 !important;
	color: #ffc20e !important;
	margin-top: -56px;
	margin-left: 7px;
	text-transform: none;
}

.et_pb_button {
    /* display: flex !important; */
	/* display: inline-flex !important; */
    align-items: center !important;
    justify-content: center !important;
	width: 100% !important;
	/* max-width: 480px; */
	/* margin-inline: auto; */
	/* border-radius: 999px; */
    /* gap: 12px !important; */

/*
    display: flex !important;
    gap: 10px;
	min-height: 54px;
	margin: 0 auto 12px;
	padding: 0 20px;
	border-radius: 12px;
    font-size: 15px !important;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
    transition: transform 0.15s, box-shadow 0.15s;
*/
}

.bio-button:active {
    transform: scale(0.97);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.et_pb_button::before,
.et_pb_button::after {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    /* width: auto !important; */
    height: auto !important;
    line-height: 1 !important;
    transform: translateY(1px);
}
.et_pb_button::before {	margin-right: 12px !important; }
.et_pb_button::after { margin-left: 5px !important; }
.adi h1, .adi h2, .adi h3 {
	font-family: 'Concert One', cursive;
	color: #ffffff;
	font-weight: 700 !important;
	/* font-weight: 500; */
	/* color: #0a2d61; */
	letter-spacing: -3px;
	line-height: 1;
	/* line-height: 0.8em; */
}

/* Scroll from top */
.scrto::before {
	content: "";
	display: block;
	height: 90px;
	margin-top: -90px;
	visibility: hidden;
	pointer-events: none;
}
/* .scrto { scroll-margin-top: 90px; */
.traup { text-transform: uppercase; }
.trano { text-transform: none; }
.wei7 {	font-weight: 700; }


body {
  font-family: 'Noto Sans', sans-serif;
}

/*
h1 {
	font-size: 72px;
}
h2 {
	font-size: 60px;
}
h3 {
	font-size: 58px;
}
*/

.adi h1, .adi h2, .adi h3 {
	font-family: 'Concert One',display;
	/* font-size: 120px; */
	color: #ffffff !important;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0.08em 0.08em 0.08em rgba(10,45,97,0.25);
	line-height: 0.9em;
	padding-bottom: 0;
}

.h1next, .hnext, .adi h4 {
	display: block;
	position: relative;
	/* top: -44px; */
	padding-top: 0;
	/* font-size: 72px; */
	font-weight: 500;
	color: #0a2d61 !important;
	letter-spacing: -3px;
	line-height: 0.8em;
	text-transform: none;
	text-shadow: none;
}
.h1next {
	float: right;
}
.h1bxpage, .h1nxpage, hnxpage {
	display: block;
	position: relative;
	color: black;
	text-transform: none;
}
.h1nxpage, .hnxpage {
	top: -55px;
	left: -15px;
}

.adi h4 {
	letter-spacing: 0px;
}
.h2np, .hnp {
	font-family: 'Concert One',display;
	font-weight: 500;
	color: #0a2d61;
	letter-spacing: -3px;
	/* line-height: 1.2em; */
	margin-bottom: 0.33em;
	line-height: 0.8em;
}
.pxl {
	font-size: 23px;
	font-weight: 500;
	line-height: 1.7em;
}
.dipl_single_woo_product_thumbnail img {
	border-radius: 3vw;
}
.nl {
	display: inline-block;
}

.arabic { text-align: right; font-family: './fonts/KFGQPC Uthman Taha Naskh'; font-size: 20pt; line-height: 41px; direction: rtl; text-weight: bolder; }
.arabictext { font-family: './fonts/KFGQPC Uthman Taha Naskh'; font-size: 18pt; direction: rtl; text-weight: bolder; }

/*
.et_contact_bottom_container {
  float: none;
  text-align: left;
  display: block !important;
}
*/

/* #footer-widgets .footer-widget ul { */
.et_pb_widget ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
	.adi h1 {
		margin-right: -20px;
		font-size: 115px;
	}
	.h1next {
		top: -36px;
		margin-right: 40px;
		font-size: 72px;
		max-width: 500px;
}
/*	.adi h2, .adi h3 {
		font-size: 100px;
	}
*/
	.hnext, .hnp {
		font-size: 58px !important;
	}
	.hnext {
		top: -28px;
		/* margin-left: 20px; */
	}
	.hnpm {
		font-size: 47px;
	}
	.adimenudurian {
		position: absolute;
		z-index: 5;
		top: 0px;
		left: 100px;
	}
	.adi_column_primary {
		width: 54.833% !important;
	}
	.adi_column_secondary {
		width: 39.6667% !important;
	}
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.adi h1 {
		margin-top: -100px;
		font-size: 77px;
	}
	.h1next {
		margin-right: 20px;
		top: -25px;
		font-size: 54px;
		max-width: 350px;
	}
/*	.adi h2, .adi h3 {
		font-size: 67px;
	}
*/
	.hnext, .hnp {
		font-size: 43px !important;
	}
	.hnpm {
		font-size: 35px;
	}
	.adimenudurian {
		position: absolute;
		z-index: 5;
		top: 0px;
		left: 100px;
	}
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
/* .adibio h2 {
	font-size: 56px !important;
}
*/
.abhnx {
	margin-top: -24px;
/*	margin-left: 7px; */
}
.adi h1 {
		margin-top: -80px;
		margin-right: -10px;
		font-size: 48px;
	} 
	.h1next {
		margin-right: 15px;
		top: -15px;
		font-size: 33px;
		max-width: 200px;
	}
/* .adi h2, .adi h3 {
		font-size: 42px;
	}
	*/
	.hnext, .hnp {
		font-size: 34px !important;
		margin-left: 15px;
		top: -28px;
	}
	.hnpm {
		font-size: 25px;
	}
}
.adimenu h2 {
	font-size: 27px !important;
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}

/* END of Added by Adit */