@font-face {font-family: 'NotoKufiArabic'; src: url('fonts/NotoKufiArabic.eot?#iefix') format('embedded-opentype'), url('fonts/NotoKufiArabic.woff') format('woff'), url('fonts/NotoKufiArabic.ttf')  format('truetype'), url('fonts/NotoKufiArabic.svg#NotoKufiArabic') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'NotoKufiArabic-Bold'; src: url('fonts/NotoKufiArabic-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/NotoKufiArabic-Bold.woff') format('woff'), url('fonts/NotoKufiArabic-Bold.ttf')  format('truetype'), url('fonts/NotoKufiArabic-Bold.svg#NotoKufiArabic-Bold') format('svg'); font-weight: normal; font-style: normal;}
* { padding: 0; margin: 0 }
.clear { clear: both }
.hidden {display:none}
a{text-decoration: none; color: inherit}
ul{list-style: none;text-decoration: none}
p{color:#525252}

a.button{display:block; text-align: center; padding:8px 15px; background:#4280aa; color:white; margin:2px 0; border:1px solid #4280aa;font-size: 13px;}
a.button:hover{background-color:white; color:#666 }
a.button.small {padding: 0;width:75px;margin:5px;border-radius: 4px;}

body{background-color: rgba(255, 255, 255, 0.8) ; background-size: 100% auto; font-family: 'NotoKufiArabic', sans-serif; font-size: 13px; }
header {page-break-before:always;background: url("images/guestbookPDF_headerImage.png"); background-size: 100% auto;padding:1px}

.widget{background:url('images/infinity_mobile_new.png')no-repeat top 30px right 10px;background-size: 55px;}
.obits {padding:10px}
.obits h2{ min-height:30px;padding-bottom: 5px; margin: 5px auto 8px auto;border-bottom:1px solid #dfe0e0; text-transform: uppercase; font-size: 18px; color: #525252;text-align: center; }
.obits li{clear:both;padding:5px 0}
.obits li a{margin:5px 0 0 0;font-size: 13px}
span {float:right}
figure{float:left;width:70px;margin: 0 15px 0 0}
figure img {max-height:90%;border-radius: 50%;}
ul.navigate li{float:left;padding:3px 5px;background:white;color:#525252;margin:5px;border-radius: 4px;}
ul.navigate li.active{background:#4280aa;color:white}
ul.navigate li:hover{color:white;background:#4280aa}
ul.navigate li:first-child{margin-left:10px}
a.topLink{font-size:11px;color:white;background: #4280aa;display:block;text-align: center;padding:1px 0}
a.subscribe{text-align: center;width: 250px;margin: 5px auto;display: block;color: #666;}
.capitalize {text-transform: capitalize;}


.bigWidget{background:url('images/infinity_mobile_new.png')no-repeat top right;border:1px solid #666}
.bigWidget h1{ padding:0 0 0 10px;min-height:30px; margin: 5px 0 0 0;border-bottom:1px solid #e9e9e9; text-transform: uppercase; font-size: 18px; color: #338CB0 }
.bigWidget h2{ min-height:30px; margin: 5px 0 0 0;border-bottom:1px solid #e9e9e9; text-transform: uppercase; font-size: 18px; color: #338CB0 }
.bigWidget > .list{width:50%;float:left}
.bigWidget > .list .list {width: 95%;margin: 0 5px 0 0;float: left;padding: 5px;}

.box.big.flexible {padding:10px}
.obituary.wide{}
.obituary.wide .advOb{float:left;width:20%}
.obituary.wide .advOb img {width:100%;height:auto}
.obituary.wide .advancedObDetails{float:left;width:40%;min-height:295px;height:inherit}
.obituary.wide .advancedObDetails p.title{font-size:15px;margin:0 0 0 10px}
.obituary.wide .advancedObDetails p.subtext{font-size:14px;margin:0 0 4px 10px}
.obituary.wide .obContents{float: left;margin: 15px 0 0 10px}

.obituary.narrow{}
.obituary.narrow .actionButtons{width:160px;float:right}
.obituary.narrow img{width:100px;/*float:right*/}
.obituary.narrow .advOb{/*float:right;margin:0 5px 5px 5px;width:280px*/text-align: center;}
/*.obituary.narrow .advancedObDetails{float:right;height:inherit;padding:0 10px;max-width:200px}*/
.info-display p.title,
.info-display p.subtext {display: inline-block;}
.obituary.narrow .advancedObDetails p.title{font-size:13px;margin:0;color:#8E8E8E}
.obituary.narrow .advancedObDetails p.subtext{font-size:13px;}
.obituary.narrow .obContents{float: left;margin: 15px 0 0 10px}

.socialMedia {display: inline-block;}
.socialMedia {text-align: left;}
.rtl .socialMedia {text-align: right;}
/*.socialMedia{float:left;width:80px; margin:0 0 0 10px;direction:ltr}
.socialMedia.twitter{width:100px}
.socialMediaContainer { margin: 5px 0 0 0 }*/

body.rtl {direction: rtl;text-align: right}
body.rtl .bigWidget{background-position: 25px 30px}
body.rtl .bigWidget .list{float:right}
body.rtl .widget{background-position: top 30px left 10px}
body.rtl ul.navigate li{float:right}
body.rtl figure{float:right;margin: 0 0 0 15px;}
body.rtl span{float:left}
body.rtl li{direction:rtl}
body.rtl .obituary.wide .obContents{float:right}
body.rtl .obituary.wide .advancedObDetails{float:right}

.widget.view figure {float: none; width: 100%;}
.advancedObDetails.last {margin-bottom:10px;}