/* **************************************************************** */
/* CSS For the Wordpress Arabic Urantia Papers  */

/* **************************************************************** */

 /* ---------------------------------- */
/* fontface specs for Arabic pages */
 /* ---------------------------------- */

 /* -------Batang Fonts ------------ */
 @font-face {
font-family: "fontNorm-Arabic";
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/NotoArabicStatic/NotoNaskhArabic-Regular.ttf);
}
 /* ---------------------------------- */

p, h1, h2, h3, h4 * {font-family:"fontNorm-Arabic";}
p i.fa.fa-ellipsis-v {font-family:"FontAwesome";background-color:#CF6;font-size:100%!important;}

ul li ul li * .gulimClass {font-family:"fontNorm-Arabic";}
li a b .gulimClass {font-family:"fontBold-Arabic";}
li {list-style:none;}

ul li .has-children label {width:85%;margin-right:20px!important;padding-right:50px!important;padding-left:20px!important;}

i.fa.fa-ellipsis-v {margin: 0 0 0 5px;}



*, *::after, *::before {
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;}

a {
  color:#656293;
  text-decoration: none;
}
.verticalEllipsis {font-size:80%;}
body {direction:rtl;  font-family: fontNorm-Arabic,"Times New Roman", sans-serif;}
em:lang(ar) {font-style: normal;font-weight:bold;}


#ubContent .partText {font-size:22px;}
#ubContent .titleUB {font-size:30px;line-height:200%;}
#ubContent .titleUB .fa-ellipsis-v {font-size:24px;}
#ubContent h4.sectionUB  {font-size:24px;line-height:50px;padding-top:0px;} 
#ubContent .paragraphUB {font-size:1.05em;color:#006;}
#ubContent sup {font-size:10px;}
#tocDiv {text-align:left; width:75%; max-width:650px;}
#tocDiv ul {background: #295084;}
a.tClassRTL {color:#006;font-size:20px;}
a.sClassRTL {color:#006;font-size:18px;}
a.pClassRTL {color:#006;font-size:16px;}

.langColumn {
	direction:rtl;
	margin:3px 20px 0 0;
	text-align:justify;
	line-height:130%;
	color:#006;
	float:right;
	width:46%;
	position:relative;
	overflow:hidden;
}

.englishColumn { font-family:"PT Sans";
	margin:0 0 0 2%;
	text-align:justify;
	line-height:120%;
	color:#006;
	float:left;
	width:46%;
	position:relative;
	overflow:hidden;
}

.oneColumn #ubContent .paragraphUB.btn .par-0 {width:120px!important;margin:6px 0 0px 0;flex-grow: 0; flex-shrink: 0; flex-basis:auto;} /* Used in the prayers  */

.englishSectionIntro {text-align:left;direction:ltr;}
.englishSectionTitle {text-align:left;direction:ltr;}
.englishColumn {direction:ltr;}

.langSectionIntro {font-size:20px;}
.langSectionTitle {font-size:18px;}
.langSectionHdr {font-size:20px;}

.twoColumn #ubContent .langColumn {font-size:1.1em;}
.langColumn h1{font-size:24px;}
.langColumn h2 {font-size:20px!important;font-weight:bold;}
.langColumn h2 b{font-size:20px!important;}

.twoColumn #ubContent .lang-0 {width: 3.0em;display:inline-block;float:right;text-align:right;line-height: 100%;}

.LTRtitle {color:#006;font-size:20px;line-height:28px;}
.LTRsection {color:#006;font-size:18px;line-height:24px;}
.LTRparagraph {color:#006;font-size:17px;}
.minus {vertical-align:25%;}
#myBtn {font-size:16px;font-weight:bold;}
#myModal {direction:ltr;}
.plus {vertical-align:25%;}
.qsDiv {float:none;}
.tdTIN {direction:ltr;}
.tdCopyright {width:10%}
.uniqueWord {color:#006;}
.flexItemAdj {padding-top: 3px;text-align: left!important;}
.firstFlex {text-align: right!important;}
/* -------------------------------- 
Search Box style
-------------------------------- */
#searchTerms  {padding-left:5px;display:inline-block; height: 26px; font-size: 15px; width: 250px;font-style:italic; padding-bottom:4px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:0px;border-bottom-left-radius:0px;border-color:#21749d;border-width:2px;background-color:#DBF3FA;margin-left:-2px;}

/* --------------------------------------------------------------------------------------------- */
/* START OF SPECIAL FORMATTING DRIVEN BY THE FORMATS SPECIFIED IN THE 'extendedSrtIDX.csv' file */
                                        /*  O V E R R I D E S  */
/* --------------------------------------------------------------------------------------------- */

.oneColumn #ubContent .paragraphUB.bhi { display: flex; flex-direction: row; text-align:right;}  /* Used in the prayers  */
.oneColumn #ubContent .paragraphUB.bhi .genText {margin:3px 0 3px 0px; padding-left: 2em;flex-grow: 0; flex-shrink: 1; flex-basis:auto;text-indent:1.7em;padding-left:3.5em;} 
.oneColumn #ubContent .paragraphUB.btn.pFlex > .genText {margin:3px -20px 3px 10px; ;flex-grow: 0; flex-shrink: 1; flex-basis:auto;text-indent:1.7em;padding-right:2.0em;}  /* Used in the prayers  */
.oneColumn #ubContent .paragraphUB.btn.pFlex { display: flex; flex-direction: row; text-align:right;}  /* Used in the prayers  */
.oneColumn #ubContent .paragraphUB.l2n {text-align:right;}
.oneColumn #ubContent .l3s { text-align:right; margin-bottom: 1em; }	/* 2nd-level last item */
.oneColumn #ubContent .paragraphUB.bts .par-0 {width:120px!important;margin:6px 0 0px 0;flex-grow: 0; flex-shrink: 0; flex-basis:auto;} /* Used in the prayers 
/* -----------         END OF SPECIAL FORMATTING O V E R R I D E S    ----------------------------- */

@media only screen and (min-width: 600px) {

}

input {
  font-family: "Jaldi", sans-serif;
  font-size: 1.0rem;
}

/* -------------------------------- 

Main Components 

-------------------------------- */

.cd-accordion-menu {
  width: 90%;
  max-width: 600px;
  background: #265183;
  margin: 4em auto;
  box-shadow: 0 4px 40px #70ac76;
  border-radius: 7px 7px 7px 7px;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  background: #265183;
  /*   box-shadow: inset 0 -1px #555960;  */
  color: #d0bd67;
  font-size: 1.0rem;
  border-radius: 7px 7px 7px 7px;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #001c54;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}

.cd-accordion-menu label::before, .cd-accordion-menu label::after {   
  background-image: url(../img/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  right: 0px;						/* ADDED BY BAC */
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  right: 24px;						/* ADDED BY BAC */
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  right: 6px;						/* ADDED BY BAC */
  background: url(../img/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label {			/* Paper Title BAC*/
  background: #265183;
  /*     box-shadow: inset 0 -1px #41444a;    */
  text-align:right;
  padding: 0px 50px 0px 0px;
  margin: 10px 0px 10px 0px;			/* BAC changed from '10px 0px 10px -30px;' */
  font-size:1.0em;  					/* BAC changed  */
  font-weight:bold;
}
.cd-accordion-menu ul a {
  background: #265183;
 /*     box-shadow: inset 0 -1px #41444a;  */
  padding: 0px 60px 0px 0px;			/* BAC changed  */
  margin: 5px 0px 0px 30px;				/* BAC changed  */
  font-size:1.0em;  					/* FOREWORD Section Titles BAC*/
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #001c54;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  /* padding-left: 100px;   */
  margin-left:0px; 				/* Added by BAC */
  font-size:1.0em;					/* Section level Added by BAC */
  padding: 0px 0px 0px 0px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 5px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
	text-align:right;
    padding: 14px 52px 14px 5px;				/* BAC changed PART Level (text) padding*/
	color:#d0bd67;
    font-size: 1.1rem;     /*   PART level font   */
  }
  .cd-accordion-menu label::before {
    left: -6px;				/* PART level right angle */
  }
  .cd-accordion-menu label::after {
    left: 19px;				/* PART level folder */
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 70px;						/* PAPER Level (text) padding*/
  }
  .cd-accordion-menu ul label::before {
    left: 11px;				/* PAPER level angle */
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 44px;				/* PAPER level folder */
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-right: 50px;					/* BAC changed SECTION Level (text) padding*/
  }
  .cd-accordion-menu ul ul label::before {
    left: 52px;								
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 68px;								/* SECTION level icon */
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
@media only screen and (max-width: 600px) {
#searchTerms {width:150px;}
.langColumn p{font-size:18px;}
.englishColumn p{font-size:14px;}
#ubContent .partText {font-size:20px;}
#ubContent .titleUB {font-size:24px;}
#ubContent h4.sectionUB  {font-size:20px;line-height:50px;padding-top:0px;margin:8px 0 0 0;} 
#ubContent .paragraphUB {font-size:16px;color:#006;}
#ubContent sup {font-size:9px;}

  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 10px 5px 10px 52px;				/* PART Level (text) padding*/
	color:#d0bd67;
    font-size: 1.0rem;     /*   PART level font   */
  }
  .cd-accordion-menu label::before {
    left: -6px;				/* PART level right angle */
  }
  .cd-accordion-menu label::after {
    left: 19px;				/* PART level folder */
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 70px;						/* PAPER Level (text) */
	font-size:1.0em;
  }
  .cd-accordion-menu ul label::before {
    left: 11px;				/* PAPER level angle */
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 44px;				/* PAPER level folder */
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 100px;					/* SECTION Level (text) */
	font-size:.85em;
  }
  .cd-accordion-menu ul ul label::before {
    left: 52px;								
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 68px;								/* SECTION level icon */
  }

}