* {box-sizing: border-box;font-family: 'Montserrat', sans-serif;}
*:lang(he),.he {font-family: Alef;}
a,a:focus,.bsd {text-decoration: none;outline: 0;color:#b99755;}
a:hover{color:#000;}
p {margin: 0;}
img {width: 100%;border: none;filter: inherit;}
ul{margin: 0;padding: 0;list-style: none}
body {-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;}
.element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);overflow: hidden;height: 1px;}
.noselect {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.page-width {width: 1180px;margin: 0 auto;position: relative;}
.mobile-nav-trigger,.mobile-nav-container {display: none;}
.invisible{display:none}
.bbox {display: block;position: relative;padding: 0 15px 0 16px;margin: 0 auto}
.bbox-left {position: absolute;left: 0;top: 0;width: 16px;height: 100%;padding: 16px 0;}
.bbox-right {position: absolute;right: 0;top: 0; width: 15px;height: 100%;padding: 16px 0;}
.bbox-left:before {background: url(../images/bbox_tl.png);width: 16px;height: 16px;content: " ";display: block;position: absolute;top: 0;left: 0;}
.bbox-left:after {width: 16px;height: 16px;content: "";position: absolute;bottom: 0;left: 0; background: url(../images/bbox_bl.png);}
.bbox-left-inside {width: 16px;height: 100%; position: relative;background: url(../images/bbox_lm.png);}
.bbox-right:before {background: url(../images/bbox_tr.png);width: 16px;height: 16px;content: " ";display: block;position: absolute;top: 0;right: 0;}
.bbox-right:after {width: 16px;height: 16px;content: "";position: absolute;bottom: 0;right: 0; background: url(../images/bbox_br.png);}
.bbox-right-inside {width: 16px;height: 100%; position: relative;background: url(../images/bbox_rm.png);}
.bbox-center{padding: 16px 0 15px 0;position: relative}
.bbox-center:before {background: url(../images/bbox_tm.png);width:100%;height: 16px;content: " ";display: block;position: absolute;top: 0;left: 0;}
.bbox-center:after {background: url(../images/bbox_bm.png);width:100%;height: 15px;content: " ";display: block;position: absolute;bottom: 0;left: 0;}
.bbox-center-inside{background: #fff;}


header {background-image: linear-gradient(to top, #082d38, #447680);}
.header-top {display: flex;padding: 5px 20px 50px 20px;}
.header-logo { margin: 0 auto;}
.header-links a {color: #fff;}
.header-links {background:rgba(255,255,255,0.3);padding: 0 10px;line-height: 35px;display: block;position: absolute;right: 20px;top:0;font-size: 12px;border-radius: 0 0 3px 3px;}

.navbar {position: absolute;width: calc(100% - 40px) ;margin: 0 20px;top: 100%;margin-top: -37px;display: flex;z-index: 200}
.navbar .bbox{width: 100%;}
.navbar-nav {display: flex;width: 100%;align-items: center;justify-content: center;height: 40px;padding: 0 20px;}
.navbar-nav li {padding-right: 30px;margin-right: 30px; position: relative;line-height: 40px;}
.navbar-nav li:after {position: absolute;right: 0;top:0;content: "•";line-height: 40px;color: #e4ca99;font-size: 30px}
.navbar-nav li:last-child{padding-right: 0;margin-right: 0}
.navbar-nav li:last-child:after{content:"";}
.navbar-nav li a {font-family:"Bodoni Moda";color:#33616c;font-size: 19px;display: block}
.bsd {direction: rtl;position: absolute;right: 20px;}
.main-section {min-height: 400px; background: #fbfbfb;}
.main-container {padding: 80px 20px;width: 100%}

footer {min-height: 300px;background-image: linear-gradient(to bottom, #082d38, #447680);color: #fff;}
.footer-col .logo {max-width: 175px; opacity: 0.7;margin-bottom: 20px;}
.footer-cols {display: flex;}
.footer-container {padding: 20px;}
.footer-col {min-width: 250px; margin-right: 50px;}
footer .company {font-family: 'Alef';font-size: 20px;font-weight: bold;margin-bottom: 10px;}
footer .address {line-height: normal;font-size: 14px; margin-bottom: 20px;}
.footer-btm {text-align: center;font-size: 13px;margin: 20px;}
.footer-links {display: flex;flex-direction: column;padding: 30px 0;}
.footer-links a {color: #e4ca99; font-family: 'Bodoni Moda';padding: 0 0 15px;font-size: 20px;}

h1,h2,h3,h4,h5.h6{font-family: 'Bodoni Moda'; color: #33616c;}
h1{font-size: 35px;}
h2{font-size: 28px;}
h3{font-size: 22px;}
p {line-height: 1.5;margin-bottom: 20px;}
ol li {line-height: 30px;}
button,.button{line-height: 40px;padding: 0 25px;background: #092f3a; color: #fff;font-weight: 600;border: 0;border-radius: 4px;cursor: pointer;display: inline-block;}
button:hover,.button:hover{background: #447680;}
.main-section .page-width {display: flex;padding: 0 30px;}
#right ul.level_1 li {padding: 10px;}
.litebox{border: 2px solid #e2d8c6;padding: 20px;border-radius: 4px; background: #fff;}

.info-page-layout .main-container {border: 2px solid #e2d8c6;padding: 20px;border-radius: 4px;background: #fff;  min-height: 400px; margin: 120px 0 50px;width: 100%;display: flex;flex-wrap: wrap}
.info-page-layout .page-title {text-align: center;margin-top: -60px;display: inline-block;width: 100%}
.info-page-layout .page-title h1 {display: inline-block;border: 1px solid #33616c;border-radius: 4px;padding: 15px 50px; z-index: 200;  position: relative; background: #fff; margin: 0;}
.info-page-layout .main-section aside#right {background: #f7f5f0; padding: 20px;width: 25%; border-radius: 4px;}
.info-page-layout .main-section .mod_article {width: calc(75% - 20px); margin-right: 20px;}

.obits-header,.obit-view .obit-header {text-align: center;margin-top: 80px;margin-bottom: 50px;position: relative;}

h2.obit_list_header,.obit-view .obit-header h3 {display: inline-block;border: 3px solid #33616c;border-radius: 4px; padding: 15px 50px;z-index: 200;position: relative;background: #fff;}
h2.obit_list_header:before,.obit-view .obit-header h3:before {content: "";position: absolute;width: 70px;height: 100px;background: url(../images/logo-icon-outlined.png);
        background-size: contain;background-repeat: no-repeat;left: calc(50% - 35px);top: -85px;}
.empty {display: block;margin: 0 auto;background: #fff; padding: 10px;border: 1px solid #ddd;border-radius: 3px;}

.obits-header:after,.obit-view .obit-header:after {position: absolute; width: 100%;content: "";border-bottom: 4px solid #b99755; left: 0; top: 50%;}

.mod_obituarieslist{display: flex;margin-right: -20px;flex-wrap:wrap; }

.obit_latest {display: flex;width: calc(50% - 20px); flex-wrap:wrap; padding: 20px;margin-right: 20px;margin-bottom: 20px; color: #000;}
.obit_latest:hover {border-color: #dcd3c4;}
.obit_latest a {display: flex;color: #000;}
.obit_latest figure.image_container {padding: 0;margin: 0;}
.obit_latest .image img {max-width: 120px;height: auto;}
.obit_latest .image img.placeholder-img {width: auto;opacity: 0.2;}
.obit_latest h3.name {font-family: 'Bodoni Moda';width: 100%;display: block;margin: 0 0 10px;line-height: 1.2;}
.obit_latest .image {width: 120px; height: 120px;align-self: center; margin-right: 15px;display: flex}
.obit_latest .text {line-height: 1.8;}
.obit_latest .text p {margin: 0;line-height: 1.8; padding: 0;}
.obit_latest .date {line-height: 1.8;}
.obit-view {display: flex;flex-flow: column;margin-top: 40px;}
.obit-view .obit-header {margin-top: -73px;}
.obit-view .obit-header:after{display: none}
.obit-view .obit-header .dot {color: #b99755;margin: 0 10px;}
.obit-view .obit-header h3 {font-family: 'Bodoni Moda';margin-left: 25px;border-width: 1px}
.obit-view .obit-header h3:before {left: -39px;top: -30px;width: 60px;}
.obit-view .obit-content{display: flex;    align-items: flex-start;}
.obit-view .obit-left,.obit-view .obit-right  {display: flex;flex-flow: column;}
.obit-view .obit-right {background: #f7f5f0;padding: 20px; width: 40%; border-radius: 4px;}
.obit-view .obit-text {font-size: 14px;line-height: 1.5;font-weight: 600;}
.obit-view .obit-left {width: 60%;padding-right: 20px;}
.obit-view .obit-row {display: flex;margin-bottom: 20px;}
.obit-view .obit-label {width: 30%;}
.obit-view .obit-data {width: 60%;line-height: normal;font-size: 14px;}
.obit-view .image {display: flex}
.obit-view .image_container {margin: 0 0 20px;}
.obit-view .image img.placeholder-img {width: auto;opacity: 0.2;}
.obit-view .image_container img {width: auto;margin: 0 auto;display: block;}

.condolences h2 {padding: 15px;text-align: center; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.cond_comment {margin-bottom: 10px;padding: 20px 20px 10px 100px;border: 1px solid #ddd;border-radius: 4px;position: relative;}
.cond_comment:after {content: "";position: absolute;width: 80px;height: 80px;background: url(../images/logo-icon-outlined.png);left: 0;top: 10px;background-size: contain;
       background-position: center;background-repeat: no-repeat;opacity: 0.3;}

.cond_comment .comment {font-size: 14px;}
.cond_comment .comment-head {display: flex;align-items: center;margin-bottom: 10px;}
.cond_comment .comment-name {font-weight: bold;margin-right: 20px;}
.cond_comment .date {font-size: 14px;color: #555;}

.send-form { background: #f5f8f9;padding: 20px;border: 1px solid #ddd; border-radius: 4px;}
.send-form h4 { text-align: center;  margin-bottom: 40px; border-bottom: 1px solid #e2d8c6;padding-bottom: 20px;}
form .widget {display: flex;flex-wrap: wrap; margin-bottom: 20px;align-items: center;}
form .widget label {width: 200px;color:#555}
form .widget input,form .widget textarea  {flex-grow: 1;line-height: 30px;padding: 0 10px;border: 1px solid #ddd;}
form .widget textarea {width: 100%; margin-top: 5px;}
form .widget .radio_container {display: flex;border: 0;flex-flow: column; padding: 0;}
form .widget .radio_container span{margin-bottom:5px}

.login-box {max-width: 400px; margin: 0 auto; box-shadow: 0 0 5px 0px rgb(0 0 0 / 8%);}