/*--general styles--*/
html, body {
background: none repeat scroll 0 0 #F8F8F8;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #111111;
height: 100%;
}
/*--bootstrap 3 classes - remove after complete upgrade--*/
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
.col-xs-12, .col-12 {
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.fade:not(.show) {
opacity: 1;
}
a.btn:not([href]):not([tabindex]) {
color: #ffffff;
}
.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}
.carousel-control-prev, .carousel-control-next {
position: relative;
}
.collapse.in {
display: block;
}
/*--end bootstrap 3 classes--*/
.no-scroll {
overflow: hidden;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.col-no-padding {
padding: 0;
}
.light-grey {
background-color: #f7f7f7;
}
.grey-background {
background: #F7F7F7;
padding-bottom: 50px;
}
.grey-bg-nopadding {
padding:0px;
}
.white-background {
background: #FFF;
padding-bottom: 50px;
}
label {
font-weight: 400;
}
a {
color: #3A6CD7;
outline: 0;
}
a:focus, a:hover, a:active {
/*outline: none;
outline: 0;*/
text-decoration: none;
}
input:focus, input:active, .btn:focus, .btn:active {
}
a.back-link::before {
content: '\f060';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
margin-right: 6px;
}
#content a {
font-weight: 600;
}
#content a.normal-weight {
font-weight: 400;
}
a.skip-main {
position: absolute;
left: 5px;
height: 44px;
padding: 11px 16px;
background: #fff;
transform: translateY(-100%);
transition: transform 0.3s;
border: 1px solid #64427D;
border-radius: 4px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
color: #64427D;
z-index: 100;
opacity: 0;
}
a.skip-main:focus, a.skip-main:active {
transform: translateY(0%);
opacity: 1;
}
/*--remove chrome blue glow--*/
/**:focus {
outline: none !important;
}*/
.hidden {
display: none !important;
}
/*--remove chrome orange glow--*/
/*textarea, select, input, button { outline: none; }
select:focus, select:active, button:focus, #summary-toolbar .btn-group.open .dropdown-toggle:focus {outline: none !important;}*/
/*--accessibility - add focus outlines for tab only--*/
.ap_ad_wrap > a {
display: block;
height: 100%;
}
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
outline: none;
}
a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible, .bootstrap-select:focus-visible, div:focus-visible,
img:focus-visible, span:focus-visible, span:focus, .tabindex:focus-visible, .tabindex:focus, img:focus-visible {
/* outline-width: 2px !important;
outline-style: solid !important;
outline-color: Highlight !important;*/
/* outline: Highlight solid 2px !important;*/
outline: 2px solid #ADD8E6 !important;
}
.user-is-tabbing button:focus, .user-is-tabbing input:focus, .user-is-tabbing select:focus, .user-is-tabbing textarea:focus, .user-is-tabbing a:focus, .user-is-tabbing div:focus,
.user-is-tabbing span:focus, .user-is-tabbing img:focus, .user-is-tabbing a:focus, .user-is-tabbing div:focus, .user-is-tabbing span:focus, .user-is-tabbing img:focus {
outline: 2px solid #ADD8E6 !important;
}
.user-is-tabbing .keyboard-nav-button:focus {
outline: none !important;
border: 2px solid #ADD8E6 !important;
}
.user-is-tabbing #content a.contribution-link:focus {
border: 2px solid #ADD8E6;
}
.user-is-tabbing .ap_ad_wrap > a:focus, .user-is-tabbing .ap-featured-funeral-homes a:focus {
outline: none !important;
border: 2px solid #ADD8E6;
}
/*.user-is-tabbing #content a.contribution-link:focus, #content a.contribution-link:focus-visible {
background: #ffffff;
border: 2px solid #ADD8E6;
}
.user-is-tabbing .ap_new_ad > .ap_ad_wrap > a:focus, .ap_new_ad > .ap_ad_wrap > a:focus-visible {
outline: none;
border: 2px solid #ADD8E6;
}
*/
/*--layout--*/
.wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
#top {
position: fixed;
width: 100%;
padding: 0;
background: #ffffff;
box-shadow: 1px 3px 4px 0 rgba(0,0,0,0.11);
z-index: 10;
}
#content {
position:relative;
top: 119px;
margin-bottom: 119px;
flex: 1 0 auto;
}
#footer {
position:relative;
}
/*--form styles--*/
form input, form textarea, form select {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: none;
padding: 12px 16px;
}
form input:focus, form textarea:focus, form select:focus, form input:active, form textarea:active, form select:active {
background-color: #fff;
border: 1px solid #979797;
}
input.ap-obit-funeraltmp-field {
border: 1px solid #ccc;
color: #555;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-control:focus, .ap-obit-funeraltmp-field:focus {
border-color: #EBE9F1;
box-shadow: none;
}
.form-control:focus {
box-shadow: none;
}
.form-control, .ap-obit-funeraltmp-field {
border-radius: 0;
box-shadow: none;
}
.form-control::-webkit-input-placeholder {
font-size: 15px;
font-style: italic;
}
.form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {
font-size: 15px;
font-style: italic;
}
/*--header--*/
.open>.dropdown-menu {
display: block;
}
#logo {
max-height: 40px;
/*max-width: 150px;*/
}
.top-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 16px;
}
nav {
width: 100%;
}
.desktop-nav {
width: 100%;
margin: 8px 0;
margin-bottom: 16px;
}
.desktop-nav li {
display: inline;
}
.nav > li > a {
padding: 0px 11px;
}
.desktop-nav.nav > li:first-child > a {
padding: 0 11px 0 0;
}
.navbar-default .navbar-nav > li > a {
color: #111111;
font: 400 18px/22px "Source Sans Pro",Arial,sans-serif;
}
@media (min-width: 992px) {
.navbar-default .navbar-nav > li > a:hover {
text-decoration: underline;
}
}
.login-dropdown .dropdown-toggle .ap_login_true {
color: #111111;
font: 400 18px/22px "Source Sans Pro",Arial,sans-serif;
margin-right: 4px;
}
.login-dropdown {
margin-right: -9px;
}
.user-loggedin .account-login {
display: none;
}
/*--header mobile--*/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background: transparent;
}
.hamburger-icon::after {
content: '\f0c9';
font-family: Font Awesome\ 5 Pro;
font-size: 24px;
line-height: 24px;
font-weight: 600;
transition: all 0.3s ease 0s;
color: #333333;
}
.dropdown.open .hamburger-icon::after {
content: '\f00d';
}
.dropdown-icon-account {
display: block;
color: #111111;
font-family: "Source Sans Pro", Arial, sans-serif;
font-size: 18px;
line-height: 22px;
}
.dropdown-icon-account::after {
content: '\f107';
font-family: Font Awesome\ 5 Pro;
font-size: 20px;
line-height: 20px;
position: absolute;
right: 6px;
top: 2px;
transition: all 0.3s ease 0s;
}
.dropdown.open .dropdown-icon-account::after {
content: '\f00d';
}
.caret, .bootstrap-select.btn-group .btn .caret {
border: medium none;
}
.bootstrap-select.btn-group .btn .caret {
margin: 0;
top: 0;
right: 0;
}
.dropdown-toggle::after, .dropup .dropdown-toggle::after {
display: none;
}
.caret::after {
content: '\f107';
font-family: Font Awesome\ 5 Pro;
font-size: 16px;
font-weight: 300;
line-height: 16px;
position: absolute;
right: 24px;
top: 13px;
}
.nav-links {
float: left;
list-style: none outside none;
margin: 20px 0;
padding-left: 0;
}
.nav-links > li {
display: block;
float: left;
position: relative;
}
.nav-links > li > a {
color: #479abb;
display: block;
font: 400 16px/1em "Source Sans Pro",Arial,sans-serif;
margin: 0 20px 0 0;
position: relative;
}
.nav-links > li.active > a, .nav-links > li.active > a:hover, .nav-links > li.active > a:focus {
color: #4c4c4c;
}
.navbar-default .navbar-nav > li > a.btn {
border-radius: 2px;
color: #ffffff;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
margin: 0 10px;
padding: 8px 16px;
text-align: center;
}
.navbar-default .navbar-nav > li > a.btn-primary {
background-color: #64427D;
border-color: #64427D;
}
.navbar-default .navbar-nav > li > a.btn-primary:hover {
background-color: #4D2A68;
border-color: #4D2A68;
}
.navbar-default .navbar-nav > li > a.btn-primary:focus, .navbar-default .navbar-nav > li > a.btn-primary:active {
background-color: #4D2A68;
border-color: #4D2A68;
}
.navbar-default .navbar-nav > li > a.share-story-button {
margin: 0 10px;
}
/*--end header--*/
/*--search bar/slod module in header--*/
.top-search-wrap {
display: flex;
align-items: center;
margin-left: 16px;
}
.top-search-wrap #ap_slod_wrap {
display: flex;
align-items: center;
font: 400 22px/1.6em Helvetica,Arial,sans-serif;
color: #333333;
margin: 0 !important;
border-radius: 0px;
padding: 0;
}
.top-search-wrap #ap_slod_wrap #ap_slod_keywords_wrap, .top-search-wrap #ap_slod_wrap #ap_slod_submit {
display: inline-block;
width: 405px !important;
border-radius: 0px;
padding: 0;
margin: 0 0 0 8px;
}
#ap_slod_submit, #ap_slod_area_wrap, #ap_slod_keywords_wrap {
border-radius: 0;
}
.top-search-wrap #ap_slod_wrap #ap_slod_keywords_wrap input {
width: 100%;
height: 56px;
background: url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/search-glass-large.svg") no-repeat scroll 10px / 15px;
box-shadow: none !important;
border: 1px solid #555555;
border-radius: 4px !important;
padding-left: 35px;
color: #333333;
font-family: "Source Sans Pro";
font-size: 16px;
line-height: 20px;
}
.top-search-wrap #ap_slod_wrap #ap_slod_keywords_wrap input:focus {
color: #666;
}
.invis-label {
position: absolute;
color: transparent;
top: 0;
left: 0;
width: 1px;
height: 1px;
}
.search-button-wrap {
/*text-align: center;
margin: 0 8px;*/
}
.top-search-wrap #ap_slod_wrap #ap_slod_submit{
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
border: none;
cursor: pointer;
overflow: hidden;
text-align: center;
width: auto !important;
margin-left: 0;
padding: 0;
margin-top: 20px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 8px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
background-color: #64427d;
border-color: #64427d;
color: #fff;
}
.top-search-wrap #ap_slod_wrap #ap_slod_submit:hover {
background-color: #9CA5B8;
border-color: #9CA5B8;
color: #fff;
}
.top-search-wrap #ap_slod_wrap #ap_slod_submit:focus, .top-search-wrap #ap_slod_wrap #ap_slod_submit:active {
background-color: #B5BBCA;
border-color:#B5BBCA;
color: #fff;
}
.top-search-wrap #ap_slod_wrap #ap_slod_submit {
height: 56px;
margin-top: 0;
margin-right: 0;
margin-left: 8px;
border-radius: 4px;
width: 95px !important;
}
/*--mobile search bar/slod module in header--*/
.mobile-search-link {
color: #333333;
font-size: 16px;
background: transparent url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/search-glass-grey.png") no-repeat scroll 11px 15px / 13px auto;
text-align: left;
border: 1px solid #979797;
margin-bottom: 3px;
padding: 12px 0 12px 32px;
cursor: pointer;
}
.mobile-search {
display:none;
position: relative;
}
.mobile-search #ap_slod_wrap {
display: flex;
margin: 0px 0px 25px;
}
.mobile-search #ap_slod_keywords_wrap {
width: 100%;
border: 1px solid #979797;
border-radius: 0px;
margin: 0;
padding: 8px;
}
.mobile-search .search-button-wrap {
margin: 0 0 0 16px;
}
.mobile-search #ap_slod_submit {
width: 100%;
background-color: #64427d;
border-color: #64427d;
border-radius: 2px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 10px 16px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
color: #ffffff;
}
.mobile-search #ap_slod_keywords_wrap input {
background: transparent url(//d2zfowlldib7se.cloudfront.net/assets/obits/images/search-glass-grey.png) no-repeat scroll left center / 13px auto;
padding: 0 0 0 24px;
height: auto;
color: #333333;
font-size: 16px;
}
.mobile-search #ap_slod_keywords_wrap input:focus {
background-position: right center;
padding: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu > li >a, .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > span > a {
display: block;
color: #333333;
font: 400 18px/23px "Source Sans Pro", Arial, sans-serif;
padding: 8px 0;
text-align: center;
}
.navbar-nav .open .dropdown-menu > li > span > a {
display: inline-block;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a.ap_signin {
font-size: 16px;
line-height: 20px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a.btn-primary {
width: 100%;
max-width: 320px;
margin: 8px auto;
color: #ffffff;
}
.login-dropdown .fa-angle-down {
font-size: 14px;
}
.navbar-nav > li.login-dropdown > .dropdown-menu.top-nav-dropdown {
position: absolute;
border: 0.5px solid #f6f6f6;
border-radius: 0;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
text-align: right;
margin-top: 6px;
padding: 8px 0 16px;
width: auto;
}
.navbar-nav > li.login-dropdown > .dropdown-menu.top-nav-dropdownn li {
display: block;
margin: 0;
}
.navbar-nav > li.login-dropdown > .dropdown-menu.top-nav-dropdown li a {
padding: 8px 24px 8px 40px;
white-space: nowrap;
}
.nav-secondary ul.top-nav-dropdown li a:hover{
color: #434230;
}
.navbar-nav > li.login-dropdown > .dropdown-menu.top-nav-dropdown > li > a {
color: #333333;
display: block;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 8px 24px 8px 40px;
text-align: right;
}
.navbar-nav > li.login-dropdown > .dropdown-menu.top-nav-dropdown > li > a.ap_login_true {
color: #333333;
}
.top-nav-dropdown > li > a:hover, .top-nav-dropdown > li > a:active, .top-nav-dropdown > li > a:focus {
background-color: #EBE9F1;
color: #111111;
}
.navbar-default .navbar-nav .open .dropdown-menu > li.share-story-button-mobile > a {
color: rgb(72, 155, 187);
font-family: "Source Sans Pro", Arial, sans-serif;
font-size: 20px;
line-height: 24px;
margin-top: 15px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li.pub-url > a {
background: transparent url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/link-to-hp-icon.png") no-repeat scroll right 18px / 11px auto;
display: inline-block;
padding-right: 20px;
}
/*--end mobile search bar/slod module in header--*/
/*--buttons--*/
.btn {
border-radius: 4px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 11px 16px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
/*.btn:focus {
outline: none !important;
}*/
.btn-primary {
background-color: #64427d;
border-color: #64427d;
color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #4D2A68 !important;
border-color: #4D2A68 !important;
color: #fff;
/*outline: none !important;*/
box-shadow: none !important;
}
.btn-leftarrow::before {
content: '\f060';
font-family: Font Awesome\ 5 Pro;
font-size: 10px;
line-height: 10px;
margin-right: 8px;
font-weight: 600;
}
.btn-rightarrow::after {
content: '\f061';
font-family: Font Awesome\ 5 Pro;
font-size: 10px;
line-height: 10px;
margin-left: 8px;
font-weight: 600;
}
.button-checkbox .btn {
border-radius: 0 !important;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
background-color: #AEAEAE;
border-color: #AEAEAE;
text-decoration: none;
}
.btn-secondary {
background-color: #64427d;
border-color: #64427d;
color: #fff;
}
.btn-secondary:hover, .dropdown-toggle.btn-secondary, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
background-color: #4D2A68;
border-color: #4D2A68;
color: #fff;
/*border: 2px solid #F8F8F8;*/
box-shadow: none !important;
}
.btn-alternate, .btn-transparent {
background-color: #ffffff;
box-shadow: none;
border: 1px solid #64427d;
color: #64427d;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
}
.btn-alternate:hover, .dropdown-toggle.btn-alternate, .btn-transparent:hover {
background-color: #64427D1A;
border: 1px solid #64427d;
color: #64427d;
}
.btn-alternate:focus, .btn-alternate:active, .btn-alternate.active, .btn-transparent:active {
background-color: #64427D1A;
border: 1px solid #64427d;
color: #64427d;
}
.btn-negative {
background-color: #64427d;
border-color: #64427d;
color: #fff;
}
.btn-negative:hover, .dropdown-toggle.btn-negative {
background-color: #4D2A68;
border-color: #4D2A68;
color: #fff;
}
.btn-negative:focus, .btn-negative:active, .btn-negative.active {
background-color: #4D2A68;
border-color: #4D2A68;
color: #fff;
}
#content .btn-transparent, .grey-button, .ap-claim-story-link {
background-color: #ffffff;
box-shadow: none;
border: 1px solid #64427d;
color: #64427d;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
}
#content .btn-transparent:hover, .dropdown-toggle.btn-transparent, .ap-claim-story-link:hover, .ap-claim-story-link:active, .ap-claim-story-link:focus {
background-color: #64427D1A;
border: 1px solid #64427d;
color: #64427d;
}
.btn-transparent:focus, .btn-transparent:active, .btn-transparent.active {
background-color: #64427D1A;
border: 1px solid #64427d;
color: #64427d;
}
.btn-white {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
height: 44px;
background: #ffffff;
border: 1px solid #64427D;
border-radius: 4px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
color: #64427d;
}
.transparent-btn-link-back a {
-moz-user-select: none;
background-color: rgba(132, 143, 167, 0.15);
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 2px;
box-shadow: none;
color: #333333;
cursor: pointer;
display: inline-block;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 0;
padding: 8px 16px 6px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.transparent-btn-link-back a:hover {
background-color: rgba(132,143,167,0.2);
border-color: rgba(0,0,0,0);
box-shadow: none;
color: #64427D;
}
.transparent-btn-link-back a:focus, .transparent-btn-link-back a:active {
background-color: rgba(132,143,167,0.3);
border-color: rgba(0,0,0,0);
box-shadow: none;
color: #64427D;
}
.transparent-btn-link-back a:before {
content: '\f060';
font-family: Font Awesome\ 5 Pro;
font-size: 10px;
margin-right: 7px;
}
.btn-back i {
font-size: 11px;
margin-right: 4px;
}
.btn-forward i {
font-size: 12px;
margin-left: 8px;
}
.link {
color: #333333;
}
.link-rightarrow {
color: #333333;
}
.link-rightarrow::after {
color: #333333;
content: '\f061';
font-family: Font Awesome\ 5 Pro;
font-size: 10px;
line-height: 10px;
margin-right: 8px;
}
.link-forward i, .link-forward span {
margin-left: 9px;
font-size: 12px;
color: #333333;
font-weight: 400;
}
/*--end buttons--*/
/*--system messages--*/
#ap-system-message-container {
display: none;
border-radius: 2px;
color: #ffffff;
display: table;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto;
}
.global-system-message-module {
position: absolute;
top: 150px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.global-system-message-module p {
color: #333333;
padding: 20px 30px 10px 60px;
}
#ap-system-message-container.ap-system-message-success {
background-color: #78b77d;
min-width: 300px;
padding: 20px 20px 20px 30px;
text-align: left;
}
#ap-system-message-container.ap-system-message-error {
background-color: #CA7D73;
min-width: 300px;
padding: 20px 20px 20px 30px;
text-align: left;
}
#ap-system-message-container .ap-system-message-content {
color: #fff;
display: inline-block;
}
#ap-system-message-container .ap-system-message-dismiss {
background: rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/icons/icon-close-white.png") no-repeat scroll right center / 12px auto;
color: transparent;
display: inline-block;
height: 12px;
margin-left: 15px;
margin-top: 5px;
width: 12px;
}
/*--end system messages--*/
/*--footer--*/
#footer-wrapper {
background: #f8f8f8 none repeat scroll 0 0;
border-top: 2px solid #ececec;
padding: 25px 0;
text-align: center;
}
#footer-wraper .container {
display: flex;
flex-direction: column;
}
.footer-createstory {
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
margin-bottom: 10px;
display: none;
}
.footer-createstory a {
min-width: 152px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 15px;
}
.footer-createstory a:hover, .footer-createstory a:active {
color: #ffffff;
}
.footer-mainlinks {
padding: 0;
}
.footer-links {
margin: 20px 0 0 0;
padding-left: 0;
}
.footer-mainlinks a, .footer-links a {
color: #333333;
}
.footer-mainlinks a:hover, .footer-links a:hover {
text-decoration: underline;
}
.footer-links li, .footer-mainlinks li {
display: inline;
padding: 0 5px;
}
#content .footer-mainlinks a {
color: #111111;
font-family: "Source Sans Pro";
font-size: 18px;
line-height: 23px;
font-weight: 400;
}
.footer-links li:first-child {
padding-left: 0;
}
.footer-links img {
height: 20px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*--end footer--*/
/*--landing page--*/
.full-bg-landing {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(248, 248, 248, 0.55) 1%, rgba(248, 248, 248, 1) 8%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/hero-images/cnhi-hero.jpg");
background-repeat: no-repeat;
background-position: center -120px;
background-size: contain;
}
.top-wrapper .message-wrap {
padding: 35px 0 15px;
text-align: center;
}
.top-wrapper h2, .top-wrapper h1 {
color: #111111;
font: 32px/47px "Source Sans Pro",Arial,sans-serif;
margin: 0 0 19px;
text-align: center;
}
.message-wrap .btn-forward {
margin: 0 8px 16px 8px;
}
.leaderboard-top {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto 34px auto;
}
.leaderboard-bottom {
display: flex;
justify-content: center;
text-align: center;
width: 100%;
margin: 0 auto 30px;
}
.link-forward {
float: right;
display: inline-block;
margin-bottom: 15px;
text-decoration: none;
font-weight: 600;
letter-spacing: 1px;
}
.link-forward:visited, .link-forward:active, .link-forward:hover {
color: #3A6CD7
}
.link-forward.no-margin {
margin: 0;
}
.link-forward.clearlink {
margin: 0;
float: none;
}
.hp-underline {
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 16px;
border-bottom: 1px solid #979797;
}
.hp-underline h3, .hp-underline h2 {
color: #333333;
font: 18px/22px "Montserrat",Arial,sans-serif;
text-transform: uppercase;
letter-spacing: -0.2px;
margin: 0 0 5px 0;
}
.hp-underline.top-margin {
margin-top: 40px;
margin-bottom: 0;
}
.hp-underline.no-margin {
margin: 0;
}
.hp-underline.recent-condolences {
float: left;
margin-bottom: 44px;
}
.hp-underline span a {
display: inline-block;
border-right: 1px solid #979797;
padding: 0 5px 3px;
line-height: 12px;
text-decoration: none;
font-weight: 600;
letter-spacing: 1px;
}
.hp-underline span a:hover, .link-forward:hover {
text-decoration: underline;
}
.hp-underline span a:last-child {
border: none;
padding-right: 0;
}
.top-bottom32 .btn-transparent.btn-forward {
margin-right: 15px;
}
.remarkable-lives-wrap .top-bottom32 .btn-transparent.btn-forward {
margin: 0;
}
.ap_new_ad, .ap_ads_waterfall {
width: 49%;
}
#ap_new_ads, #ap_waterfall_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
}
#ap_waterfall_container {
height: auto !important;
}
#ap_new_ads .ap_ad_wrap, .ap_ads_waterfall .ap_ad_wrap {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
margin-bottom: 16px;
overflow: hidden;
}
.top-wrapper .list-panel {
padding: 0;
}
.main-content-wrap .list-panel .list-panel-info {
justify-content: flex-start;
/*min-height: 60px;*/
width: 100%;
}
.main-content-wrap .list-panel .list-panel-info .list-panel-info-data {
padding: 0 16px;
width: 100%;
}
.list-panel .list-panel-info .name {
display: flex;
justify-content: center;
height: 55px;
max-height: 55px;
overflow: hidden;
font: 22px/26px "Source Sans Pro",Arial,sans-serif;
font-weight: 600;
color: #111111;
margin: 8px 0 4px;
text-align: center;
word-break: break-word;
}
.list-panel .list-panel-info .dates {
font: 18px/23px "Source Sans Pro";
height: 18px;
overflow:hidden;
padding: 0 5px;
}
.main-content-wrap .list-panel .list-panel-info .copy {
display: flex;
align-items: center;
justify-content: center;
height: 230px;
}
.published-date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 30px;
/*background-color: #fff*/
}
.ap_ads_waterfall .published-date, #ap_new_ads .published-date{
height: auto;
}
.published-date .date, .published-date .category {
color: #111111;
font: 12px/1em "Source Sans Pro",Arial,sans-serif;
margin-bottom: 0;
text-align: center;
}
.published-date .category {
margin-bottom: 5px;
font: 14px/18px "Source Sans Pro",Arial,sans-serif;
text-transform: uppercase;
}
.ap_new_ad .published-date .category {
display: none;
}
.death-notices-wrap #ap_new_ads .ap_ad_wrap, .card-of-thanks-wrap #ap_new_ads .ap_ad_wrap {
min-height: 180px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
}
.death-notices-wrap #ap_new_ads .ap_ad_wrap a, .card-of-thanks-wrap #ap_new_ads .ap_ad_wrap a {
color: #333333;
font: 16px/21px "Source Sans Pro",Arial,sans-serif;
display: block;
}
.death-notices-wrap .death-notices-name, .card-of-thanks-wrap .death-notices-name {
color: #111111;
font: 18px/23px "Source Sans Pro",Arial,sans-serif;
}
.death-notices-wrap .death-notices-dates, .card-of-thanks-wrap .death-notices-dates, .in-memoriam-content {
color: #333333;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
}
.in-memoriam-content {
font: 15px/18px "Source Sans Pro",Arial,sans-serif;
padding: 10px;
}
.listview-homepage-content {
margin: 24px;
}
.listview-summary-content {
flex: 1;
padding: 16px 16px 16px 24px;
}
.listview-homepage-content .name {
float: left;
font: 18px/1.2em "Source Sans Pro",Arial,sans-serif;
color: #111111;
}
.listview-homepage-content .dates {
float: left;
margin-left: 21px;
}
.listview-homepage-content .content {
max-height: 105px;
overflow: hidden;
margin-bottom: 0;
padding-top: 6px;
clear: both;
}
.ap_adimpressions{
margin-right: 56px;
}
.ap_adimpressions_number::before, .summary-contributions-number::before {
margin-right: 8px;
content: '\f06e';
font-family: Font Awesome\ 5 Pro;
font-weight: 300;
color: #111111;
}
.summary-contributions-number::before {
content: '\f4ad';
}
/*--homepage - featured story widget--*/
.carousel {
margin-bottom: 40px;
}
.remarkable-lives-wrap .carousel-content-wrap {
height: 440px;
background: #ffffff;
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.11);
border-right: 0.5px solid #F3F3F3;
border-bottom: 0.5px solid #F3F3F3;
border-left: 0.5px solid #F3F3F3;
}
.remarkable-lives-wrap .carousel-inner {
height: 440px;
}
.remarkable-lives-wrap .content {
display: none;
}
.carousel-wrap {
height: 100%;
display: flex;
align-items: center;
flex-direction: row;
}
.carousel-content-wrap {
width: 100%;
}
.featured-story-wrap .list-panel .list-panel-info .rl-promo-title {
color: #111111;
font: 20px/25px "Source Sans Pro",Arial,sans-serif;
text-align: center;
}
.featured-story-wrap .list-panel .list-panel-info .rl-promo-text {
color: #333333;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
text-align: center;
}
.featured-story-wrap .list-panel {
padding: 0;
}
.featured-story-wrap .list-panel-info {
flex-grow: 0;
justify-content: space-between;
}
.featured-story-wrap .list-panel-info .name {
padding: 0 5px;
}
.featured-story-wrap .published-date .date {
margin-top: 16px;
}
.featured-story-wrap .list-panel-info.promo {
justify-content: space-around;
}
.featured-story-wrap .list-panel .list-panel-info .dates {
margin-bottom: 0;
}
.carousel-arrow-wrap {
padding: 10px;
}
.carousel-arrow-wrap .icon-btn {
background-color: rgba(132, 143, 167, 0);
box-shadow: none;
margin: 0;
}
.carousel-arrow-wrap .icon-btn i {
color: #000;
}
.carousel-arrow-wrap .icon-btn:hover {
background-color: rgba(132,143,167,0.15);
}
.featured-story-wrap {
height: 398px;
position: relative;
overflow: visible;
}
.ap-featured-story-no-photo-item img {
display: none;
}
.ap-featured-story-no-photo-item .content {
display: flex;
align-items: center;
justify-content: center;
height: 312px;
max-width: 310px;
padding: 0 24px;
font: 18px/23px "Source Sans Pro",Arial,sans-serif;
color: #111111;
text-align: center;
}
/*--homepage - featured funeral homes--*/
.full-bg-landing .featured-funeral-homes {
display: flex;
flex-wrap: wrap;
margin: 0 0 15px 0;
}
@media only screen and (min-width: 767px) {
/*.featured-funeral-homes {
justify-content: space-between;
}*/
.ap-featured-funeral-homes {
width: 18%;
max-height: 210px;
overflow: hidden;
margin: 0 2.5% 0 0;
}
}
/*.ap-featured-funeral-homes::before {
content: "Featured Funeral Home";
}*/
.ap-featured-funeral-homes span {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
z-index: 0;
color: #cccccc;
text-align: center;
}
.ap-featured-funeral-homes a {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
background-color: #ffffff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
height: 210px;
margin: 0 30px 0 0;
overflow: hidden;
width: 100%;
}
.ap-featured-funeral-homes:last-child {
margin-right: 0;
}
.featured-funeral-home-logo-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
flex-grow: 1;
height: 60px;
margin: 16px 0;
}
.featured-funeral-home {
display: flex;
flex-grow: 1;
justify-content: space-around;
align-items: center;
color: #111111;
font: 400 18px/23px "Source Sans Pro",Arial,sans-serif;
padding: 0 16px;
text-align: center;
word-wrap: break-word;
}
.featured-funeral-home-city {
align-items: center;
color: #333333;
display: flex;
flex-direction: column;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
justify-content: space-around;
padding: 4px 16px 24px;
width: 100%;
}
.featured-funeral-home-logo {
margin: 0 auto;
max-height:45px;
max-width:100px;
}
.recent-contributions-wrap {
display: flex;
flex-direction: column;
padding: 0 11px 0 20px;
margin-bottom: 30px;
}
.recent-contribution {
overflow: hidden;
margin-bottom: 12px;
}
.recent-contributions-wrap .recent-contribution:not(:last-child)::after {
content:"";
display: block;
width: 40px;
border-bottom: 1px solid #979797;
}
.contribution-link p {
margin-bottom: 6px;
}
.recent-contribution-story-name {
font-weight: 600;
font-size: 18px;
line-height: 23px;
}
.recent-contribution-text {
display: inline-block;
padding-bottom: 12px;
line-height: 20px;
}
#content a.contribution-link {
display: block;
color: #333333;
font-weight: 400;
}
#ap_new_ads .counter-numbers, #ap_waterfall_container .counter-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 80%;
padding-top: 16px;
margin: 18px 0 16px;
border-top: 1px solid #c1c1c1;
font-weight: 400;
color: #111111;
}
#ap_ads .counter-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 18px;
}
/*--end homepage--*/
/*--summary/search page*/
.no-results-pubinfo {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.ap_noresults, .no-results-logo {
margin: 16px 0;
}
.no-results-logo {
max-width: 300px;
}
.full-bg-summary {
background: linear-gradient(to bottom, rgba(255,255,255,0.80) 0%,rgba(248, 248, 248, 1) 1%), url('//d2zfowlldib7se.cloudfront.net/assets/obits/images/summary-background.png') no-repeat scroll top center / contain;
}
#summary-toolbar {
display: flex;
min-height: 0;
border-radius: 0;
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0);
margin-bottom: 16px;
padding: 0;
}
#summary-toolbar div.summary-toolbar-filters {
float: left;
margin-top: 0;
width: 100%;
}
#summary-toolbar .navbar-right, #summary-toolbar .navbar-left {
display: flex;
align-items: flex-end;
min-width: 100px;
}
#summary-toolbar .navbar-left, .pagination-wrap .navbar-left {
display: inline-flex;
align-items: center;
justify-content: space-between;
/*min-width: 148px;*/
height: 44px;
margin-right: 10px;
border: 1px solid #E7E7E7;
background-color: #FFFFFF;
color: #111111;
border-radius: 4px;
}
@media only screen and (min-width: 767px) and (max-width: 780px) {
#summary-toolbar .navbar-left {
margin-right: 5px;
}
}
#summary-toolbar .navbar-left:nth-child(3) {
margin-right: 0;
}
#summary-toolbar div.waterfall-toggles-wrap a {
font-weight: 600;
margin: 0 0 0 4px;
padding: 11px 16px;
}
#summary-toolbar .navbar-right.sorting-filter-options-location ul li:last-child, #summary-toolbar .navbar-right.sorting-filter-options ul li:last-child {
display: none;
}
#account-nav-mobile {
background:#ffffff;
}
#summary-toolbar select {
display: none;
min-width: 100px;
}
#summary-toolbar .btn-group .btn, #summary-toolbar .bootstrap-select {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
box-shadow: none;
font-weight: 400;
/*margin-top: 3px;*/
margin: 0;
padding: 0 0 0 5px;
width: auto;
/*outline: none !important;*/
}
#summary-toolbar .btn-group .btn:focus-visible, #summary-toolbar .bootstrap-select:focus-visible {
outline: 2px solid #ADD8E6 !important;
}
.user-is-tabbing #summary-toolbar .btn-group .btn:focus, .user-is-tabbing #summary-toolbar .bootstrap-select:focus {
outline: 2px solid #ADD8E6 !important;
}
#summary-toolbar .btn-group .btn:hover, #summary-toolbar .bootstrap-select:hover {
background: transparent !important;
}
/*#summary-toolbar .bootstrap-select {
margin: 0;
}*/
#summary-toolbar .bootstrap-select .caret::after {
right: 11px;
top: 3px;
font-size: 10px;
font-weight: 400;
color: #333333;
}
#summary-toolbar .btn-group .dropdown-toggle:active, #summary-toolbar .btn-group.open .dropdown-toggle {
box-shadow: none;
outline: medium none;
}
.bootstrap-select .btn-default {
border-color: #ccc;
border-radius: 0;
padding: 9px 12px;
}
.bootstrap-select .btn-default.selectpicker {
background: none;
border: 0;
box-shadow: none;
}
.bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a {
background-color: #f4f4f4;
border-color: #f4f4f4;
font-weight: 400;
padding: 10px 12px;
width: auto;
}
.aside-content .display-area, .article-side-content .display-area {
margin-bottom: 16px;
}
.right-aligned-md.display-area > div {
margin-bottom: 32px;
}
.filter-wrapper li[rel="2"] {
display: none;
}
/*.display-area iframe {
margin: 0 auto 40px;
}*/
/*--summary page - list view - waterfall template--*/
.save-search {
display: none;
}
.leaderboard-top-summary {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 0 32px 0;
padding-top: 32px;
}
#summary-toolbar div.waterfall-toggles-wrap a.active-view, #summary-toolbar div.waterfall-toggles-wrap a:focus, #summary-toolbar div.waterfall-toggles-wrap a:active {
background-color: #64427D;
color: #fff;
}
#summary-toolbar div.waterfall-toggles-wrap a.active-view:hover {
background-color: #4D2A68;
color: #fff;
}
#summary-toolbar div.waterfall-toggles-wrap a.active-view:hover {
background-color: #4D2A68;
color: #fff;
}
#summary-toolbar div.waterfall-toggles-wrap a:not(.active-view):hover {
background: #64427D1A;
border: 1px solid #64427D;
color: #64427D;
}
#summary-toolbar div.waterfall-toggles-wrap a i {
/*margin-right: 3px;*/
}
#ap_waterfall_container .ap_ads_waterfall {
position: relative !important;
left: auto !important;
top: auto !important;
}
.summary-ads-wrap .ap_ads {
width: 100%;
min-height: 238px;
margin: 0 0 24px 0;
background: #ffffff;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
-moz-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
}
#ap_ads .ap_highlighted, #ap_waterfall_container .ap_highlighted .ap_ad_wrap {
background: #fbf4d8;
}
.listview-summary {
display: flex;
align-items: flex-start;
color: #333333;
}
.listview-summary img {
max-width: 190px;
max-height: 183px;
}
.ap_ads .listview-summary img {
max-width: 178px;
max-height: 178px;
/*height: 178px;*/
/*object-fit: cover;
object-position: top;*/
color: #ffffff;
}
.ap_ads .listview-summary {
align-items: flex-start;
padding: 8px;
}
.listview-summary p {
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
}
.ap_ads .listview-summary-content {
padding: 0 16px 0 24px;
}
.city-content-wrapper {
min-height: 121px;
margin-bottom: 8px;
border-bottom: 1px solid #c1c1c1;
}
.listview-summary-content .name {
margin-bottom: 4px;
font: 22px/26px "Source Sans Pro",Arial,sans-serif;
font-weight: 600;
color: #111111;
}
.listview-summary-content .name:hover, .list-panel .list-panel-info .name:hover {
color: #64427D;
}
.listview-summary-content .dates {
display: flex;
justify-content: space-between;
color: #111111;
font: 16px/1.2em "Source Sans Pro",Arial,sans-serif;
font-weight: 400;
margin: 0 0 8px 0;
}
.listview-summary-content p {
margin-bottom: 8px;
min-height: 100px;
max-height: 100px;
overflow: hidden;
}
.published-fh-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
height: 38px;
font: 400 12px/15px "Source Sans Pro",Arial,sans-serif;
}
.listview-summary-content a {
color: #333333;
}
.listview-summary-content #ap-funeral-display-container img {
display: none;
}
.listview-summary-content .details-section-title {
margin: 8px 0 0 0;
font: inherit;
color: inherit;
text-align: left;
}
#ap-funeral-display-container {
display: inline-block;
}
.listview-summary-content #ap-funeral-display-container h3 {
margin: 0;
font: 400 16px/1.2em "Source Sans Pro",Arial,sans-serif;
color: #111111;
}
.listview-summary-content .published, .listview-summary-content object {
display: block;
margin: 0;
font: 400 12px/15px "Source Sans Pro",Arial,sans-serif;
color: #333333;
text-align: left;
}
/*.listview-summary-content .published {
margin: 0;
}*/
#content .listview-summary-content a {
font-weight: 400;
color: #333333;
}
.listview-summary-content object span {
color: #333333;
}
.ap_general_photo img {
margin: 0 auto;
}
.summary-ads-wrap .list-panel-photo {
display: block;
}
/*--summary page - grid view--*/
.summary-ads-wrap .list-panel {
padding: 0;
}
.summary-ads-wrap .list-panel .list-panel-info {
justify-content: flex-start;
flex-grow: 1;
min-height: 60px;
width: 100%;
}
.top-wrapper .list-panel.nophotohidden .list-panel-info, .summary-ads-wrap .list-panel.nophotohidden .list-panel-info {
justify-content: space-around;
}
.summary-ads-wrap .list-panel .list-panel-info .list-panel-info-data {
padding: 0 16px;
width: 100%;
}
.top-wrapper .list-panel .list-panel-info .list-panel-info-data .nophotodates, .summary-ads-wrap .list-panel .list-panel-info .list-panel-info-data .nophotodates, .top-wrapper .list-panel .list-panel-info .list-panel-info-data .nophotocopy, .summary-ads-wrap .list-panel .list-panel-info .list-panel-info-data .nophotocopy {
display: none;
}
.summary-ads-wrap .list-panel .list-panel-category {
align-items: center;
display: flex;
flex-direction: column;
height: auto;
justify-content: space-around;
padding: 8px 16px 16px;
width: 100%;
}
.summary-ads-wrap .list-panel.nophotohidden .list-panel-category {
background-color: rgba(0, 0, 0, 0.02);
height: auto;
padding: 16px;
}
.summary-ads-wrap .list-panel .list-panel-category .category {
color: #333333;
font: 12px/1em "Source Sans Pro",Arial,sans-serif;
margin-bottom: 0;
text-align: center;
}
.ap_photo_large {
max-width: 220px;
max-height: 240px;
background-size: cover;
background-position: center;
}
.list-panel {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
margin: 0 auto;
padding: 24px 0 16px;
}
/*accessibility highlight ads*/
/*.list-panel {
margin: 0 -2%;
}
.ap_ad_wrap a {
width: 98%;
height: 99%;
display: block;
margin: 2% auto;
}*/
/*end accessibility highlight ads*/
.list-panel-photo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-height: 140px;
}
.listview-summary .list-panel-photo {
width: 120px;
}
.ap_new_ad .listview-summary .list-panel-photo {
width: 190px;
min-width: 190px; /*for older safari versions*/
height: 183px;
}
.ap_ads .listview-summary .list-panel-photo {
display: flex;
width: 193px;
height: 178px;
/*width: 178px;
height: 193px;*/
}
.list-panel-photo {
justify-content: center;
}
.nophotohidden .list-panel-photo {
display: none;
}
.list-panel-info {
align-items: center;
display: flex;
flex-direction: column;
/*flex-grow: 1;*/
justify-content: space-around;
}
.list-panel .list-panel-category {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.list-panel .list-panel-fh {
align-items: center;
display: flex;
flex-direction: column;
max-height: 45px;
justify-content: space-around;
}
.list-panel .list-panel-fh .list-panel-fh-data {
color: #64427D;
margin-bottom: 0;
padding: 0 16px;
text-align: center;
}
.list-panel .list-panel-fh .list-panel-fh-data img {
margin: 0 auto;
max-height: 45px;
max-width: 100%;
width: auto;
}
.list-panel .list-panel-category .category {
color: #333333;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 0;
text-align: center;
}
.list-panel .list-panel-info .dates {
color: #333333;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
text-align: center;
}
.top-wrapper .list-panel .dates, .summary-ads-wrap .list-panel .dates {
color: #111111;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
height: 21px;
padding: 0;
margin-bottom:16px;
}
.featured-story-wrap .list-panel .list-panel-info .rl-promo-title {
color: #111111;
font: 20px/25px "Source Sans Pro",Arial,sans-serif;
text-align: center;
}
.featured-story-wrap .list-panel .list-panel-info .rl-promo-text {
color: #333333;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
text-align: center;
}
/*--end summary page--*/
/*--summary page - category filters--*/
.summary-filters {
/* align-items: center;
justify-content: flex-end;*/
width: 100%;
margin: 32px 0 8px 0;
border-bottom: 1px solid #979797;
}
.summary-filters span, .summary-filters h1 {
padding: 10px 0 10px 18px;
margin: 0 8px;
}
.summary-filters span:first-child, .summary-filters h1 {
margin-right: auto;
margin-left: 0;
padding: 0;
color: #111111;
font-size: 32px;
line-height: 40px;
}
.sorting-filter-options {
padding-left: 12px;
}
.summary-filters span a, .summary-filters h1 a {
font-size: 18px;
line-height: 23px;
color: #333333;
}
p.found {
/*margin: 0 0 0 auto; */
margin-bottom: 16px;
color: #333333;
margin-right: 8px;
}
.summary-filters-mobile {
display: flex;
border-bottom: 1px solid #979797;
}
/*.summary-filters-mobile .btn-back {
width: 36px;
}*/
.summary-filters-mobile .btn-back i {
margin: 0;
}
.summary-filters-mobile .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
flex: 1;
margin: 0 0 8px 8px;
}
.summary-filters-mobile .bootstrap-select button {
/*height: 36px;
border-radius: 2px;
background-color: #EBE9F1;
border: 0;
box-shadow: none;*/
}
.summary-filters-mobile .btn-group.open .dropdown-toggle, .summary-filters-mobile .btn-group .dropdown-toggle {
background-color: #fff;
box-shadow: none;
border: 1px solid #64427d;
color: #64427d;
border-radius: 4px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 11px 16px;
}
.summary-filters-mobile .bootstrap-select.btn-group .btn .filter-option {
color: #111111;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
text-align: center;
padding: 0;
}
#summary-toolbar .bootstrap-select.btn-group .btn .filter-option {
text-transform: uppercase;
line-height: 19px;
}
.summary-filters-mobile .bootstrap-select.btn-group .dropdown-menu.open {
padding: 8px 0;
margin-top: 0;
border-radius: 0;
box-shadow: none;
/* border: none;*/
margin-top: 1px;
}
.summary-filters-mobile .bootstrap-select.btn-group .dropdown-menu li > a {
/* padding: 8px 0;
text-align: center;
color: #464948;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;*/
}
.summary-filters-mobile .bootstrap-select.btn-group .dropdown-menu li:hover, .summary-filters-mobile .bootstrap-select.btn-group .dropdown-menu li > a:hover, .summary-filters-mobile .bootstrap-select.btn-group .dropdown-menu li > a:active, .summary-filters-mobile .bootstrap-select.btn-group .dropdown-menu li > a:focus {
background-color: #EBE9F1;
/*color: #6D7993;*/
}
/*--end summary page - category filters--*/
/*--header - advanced search--*/
.top-search-wrap .advanced-search-link {
margin-left: 16px;
cursor: pointer;
position: relative;
color: #333333;
}
.share-story-button {
height: 56px;
border-radius: 4px;
}
.top-search-wrap .advanced-search-link:hover {
text-decoration: underline;
}
.advanced-search-wrap {
display: none;
position: relative;
float: right;
width: 564px;
margin: 0 185px 16px auto;
}
.advanced-search-wrap input.form-control[type="text"] {
font: 400 18px/1.2em "Source Sans Pro",Arial,sans-serif;
}
.advanced-search-wrap .form-control:focus {
outline: 1px solid #2f90b5;
}
.advanced-search-wrap h4, .advanced-search-wrap p.title {
color: #111111;
font-family: "Source Sans Pro", Arial, sans-serif;
font-size: 18px;
}
.meta-filter-close {
cursor: pointer;
display: block;
font-size: 20px;
height: 20px;
position: absolute;
right: 5px;
top: 15px;
width: 20px;
}
.meta-filter-close:after {
content: '\f00d';
font-family: Font Awesome\ 5 Pro;
font-weight: 300;
}
.meta-filters-search-button #ap_adv_submit, .meta-filters-search-button .reset {
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 11px 16px;
box-shadow: none;
margin-top: 4px;
border-radius: 4px;
background-color: #64427d;
border-color: #64427d;
color: #fff;
}
.meta-filters-search-button #ap_adv_submit:hover {
background-color: #4D2A68;
border-color: #4D2A68;
color: #fff;
}
.meta-filters-search-button #ap_adv_submit:focus, .meta-filters-search-button #ap_adv_submit:active {
background-color: #B5BBCA;
border-color:#B5BBCA;
color: #fff;
}
.meta-filter-label, .form-label {
color: #333333;
display: block;
font: 400 15px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 10px 0;
}
/*--end header - advanced search--*/
/*--summary page - advanced search--*/
.meta-filters-search-button .reset {
display: none;
}
/*.perm-advanced-search {
position: relative;
margin-bottom: 24px;
padding: 16px;
border: 1px solid #979797;
border-radius: 2px;
background-color: #F2F2F2
}
.perm-advanced-search .meta-filters-search-button #ap_adv_submit, .reset {
width: 240px;
height: 44px;
}
.perm-advanced-search .meta-filters-search-button {
display: flex;
}
.meta-filters-search-button .reset {
display: none;
}
.perm-advanced-search .reset {
display: flex;
align-items: center;
justify-content: center;
margin-left: 16px;
border: 1px solid #64427D;
background-color: #EBE9F1;
color: #64427D;
cursor: pointer;
}
.perm-advanced-search .keyword-reset {
width: 369px;
margin: 8px 0 0 0;
}
.perm-advanced-search #ap_slod_wrap {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
padding: 0;
}
.perm-advanced-search #ap_slod_keywords_wrap {
width: 48%;
margin: 0 0 16px 0;
padding: 0;
background: none;
}
.perm-advanced-search #ap_slod_keywords_wrap input {
width: 369px;
height: 57px;
padding: 22px 12px 0 12px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #979797;
border-radius: 4px;
line-height: 23px;
color: #111111;
}
.perm-advanced-search .form-control {
height: 57px;
padding-top: 22px;
border: 1px solid #979797;
border-radius: 4px;
line-height: 23px;
color: #111111;
transition: ease-in-out, width .35s ease-in-out;
}
.perm-advanced-search .form-control::placeholder {
display: none;
color: transparent;
}
.perm-advanced-search .form-control:focus, .perm-advanced-search #ap_slod_keywords_wrap input:focus {
border: 2px solid #3A6CD7;
}
.perm-advanced-search .meta-filter {
width: 49%;
position: relative;
margin-bottom: 10px;
}
.perm-advanced-search .meta-filter-label{
position: absolute;
width: 100%;
pointer-events: none;
left: 12px;
top: 8px;
transition: .2s ease all;
font-size: 18px;
color: #8E8E8E;
font-weight: 500;
}
.perm-advanced-search .meta-filter-label.active {
top: 0;
bottom: 10px;
left: 12px;
font-size: 12px;
font-weight: 600;
opacity: 1;
border: 0px;
color: #3A6CD7;
}
.perm-advanced-search .meta-filter:nth-child(1n+3) {
width: 32%;
}
.perm-advanced-search #meta-filters {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.perm-advanced-search .meta-filter:nth-child(even) {
margin-right: 0;
}
}
.perm-advanced-search #ap_slod_submit {
width: 369px;
height: 44px;
border-radius: 2px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 12px 16px 8px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
margin: 0;
background-color: #64427d;
border-color: #64427d;
color: #fff;
}
.perm-advanced-search .search-button-wrap {
width: 50%;
margin: 0;
}*/
.perm-advanced-search #ap_slod_submit {
width: 369px;
height: 44px;
border-radius: 2px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 12px 16px 8px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
margin: 0;
background-color: #64427d;
border-color: #64427d;
color: #fff;
}
.perm-advanced-search .navigation-row {
display: flex;
justify-content: space-between;
}
.perm-advanced-search .navigation-row span {
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: #111111;
cursor: pointer;
}
.perm-advanced-search .navigation-row span:nth-child(2) {
margin: 0 12px 0 16px;
}
.perm-advanced-search .navigation-row span.active {
border-bottom: 2px solid #64427D;
}
/*.perm-advanced-search .navigation-row span.search:before {
content: '\f002';
font-family: "Font Awesome 5 Pro";
margin-right: 8px;
}*/
.show-hide-adv-search {
display: none;
margin-top: 18px;
}
.show-hide-adv-search-wrapper, .show-hide-keyword-wrapper {
display: none;
position: relative;
}
@media only screen and (max-width: 992px) {
.perm-advanced-search .meta-filter-label {
margin: 10px 0;
line-height: 1.2em;
}
}
/*@media only screen and (max-width: 767px) {
.perm-advanced-search-grey-bg {
border: 2px solid #64427D;
border-radius: 2px;
background-color: #F2F2F2;
}
.perm-advanced-search .meta-filter, .perm-advanced-search .meta-filter:nth-child(1n+3) {
width: 100%;
}
.meta-filters-search-button, .meta-filters-search-button #ap_adv_submit, .perm-advanced-search #ap_slod_keywords_wrap,
.perm-advanced-search .search-button-wrap, .perm-advanced-search #ap_slod_submit, .perm-advanced-search #ap_slod_keywords_wrap input, .perm-advanced-search .keyword-reset {
width: 100%;
}
}*/
/*--end summary page - advanced search--*/
/*--pagination on various pages--*/
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
color: #333333;
}
.paginator {
margin: 0;
}
.ap-storyresults-pagination, .ap-editorial-result-pagination, .ap-contribution-container {
position: relative;
}
/*account page*/
#ap-manage-story-display-search {
margin-top: 32px;
}
.story-display-search-container {
margin: 0 0 32px 0;
}
.story-display-search-field, .story-display-search-submit {}
.story-display-search-field input {
width: 280px;
padding: 8px 16px 12px 16px;
margin-right: 8px;
border: none;
}
.display-settings {
display: inline-block;
padding: 16px 0;
}
#ap_obits_search_submit_id {
cursor: pointer;
}
.tab-content .pagination-wrap {
margin-bottom: 40px;
}
.ap_paginator .paginator.dropdown_mode {
display: flex;
justify-content: center;
}
.ap_paginator_dropdown_container {
position: absolute;
left: 0;
display: flex;
background: #fff;
color: #333333;
}
.ap_paginator_dropdown_container::after {
content: '\f107';
position: absolute;
top: 16px;
right: 14px;
width: 8px;
font-family: "Font Awesome\ 5 Pro";
font-size: 12px;
line-height: 19px;
color: #4A4A4A;
}
.ap_paginator_dropdown_label {
display: flex;
align-items: center;
padding-right: 16px;
background: #f8f8f8;
line-height: 18px;
}
.ap_paginator_dropdown {
width: 122px;
padding: 11px 16px;
background: 0 0;
border: 1px solid #64427D;
border-radius: 4px;
appearance: none;
-webkit-appearance: none;
z-index: 2;
color: #64427D;
font-weight: 600;
cursor: pointer;
}
.ap_paginator_dropdown option {
color: #333333;
font-weight: 400;
}
.summary-ads-wrap .bootstrap-select .btn-default {
display: block;
width: 108px;
background: transparent;
border: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: none;
padding: 2px 0 0 0;
}
.summary-ads-wrap .caret::after {
top: 5px;
right: -10px;
}
.ap_paginator {
position: relative;
align-items: center;
display: flex;
justify-content: flex-end;
margin: 0;
}
.pagination {
display: flex;
justify-content: center;
border-radius: 0;
margin: 0px;
}
#ap-contribution-container .pagination {
justify-content: flex-end;
}
.pagination > li {
display: inline-block;
list-style-type: none;
margin: 0 2px;
}
.pagination > li.ap_current_class a {
background-color: rgba(132,143,167,.15);
color: #333333;
}
.pagination > li > a, .pagination > li > span, .pagination > li > a:active, .pagination > li > a:focus {
display: inline-block;
border: medium none;
border-radius: 0;
background-color: #FFFFFF;
border: 1px solid #64427D;
border-radius: 4px;
float: none;
margin: 0;
padding: 11px 12px;
min-width: 32px;
width: 85px;
font-family: "Source Sans Pro", Arial, sans-serif;
font-size: 1em;
line-height: 20px;
color: #64427D;
text-align: center;
}
.pagination > li.ap_page_link > a{
width: 44px;
}
.pagination > li.ap_page_link.ap_paginator_next_page > a, .pagination > li.ap_page_link.ap_paginator_previous_page > a{
width: 85px;
}
.pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:focus {
background: #64427D1A;
}
.pagination > li.ap-pagination-prev > a::before, .pagination > li.ap_paginator_previous_page > a::before {
font-family: Font Awesome\ 5 Pro;
font-size: 10px;
line-height: 10px;
font-weight: 900;
content: '\f060';
margin-right: 8px;
}
.pagination > li.ap-pagination-next > a::after, .pagination > li.ap_paginator_next_page > a::after {
font-family: Font Awesome\ 5 Pro;
font-size: 10px;
line-height: 10px;
font-weight: 600;
content: '\f061';
margin-left: 8px;
}
.ap_paginator .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: auto;
margin-bottom: 4px;
}
/*--end pagination on various pages?--*/
/*--details page--*/
.full-bg-fh-details {
background: url('//d2zfowlldib7se.cloudfront.net/assets/obits/images/summary-background.png') no-repeat scroll top center / cover;
}
.full-bg-details-default {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(251, 251, 251, 1) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/backgrounds/1-background-old-paper.jpg") no-repeat scroll center top / 100% auto;
}
.full-bg-details {
/*background: linear-gradient(to bottom, rgba(255,255,255,0.80) 0%,rgba(248,248,248,1) 50%), no-repeat scroll top center / cover;*/
background-repeat: no-repeat;
/*background-size: 100% auto;*/
background-size: 100% 350px;
background-position: top center
}
.gradient {
position: absolute;
top: 0;
right: 0;
left: 0;
background: none;
background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgb(248,248,248,1) 80%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(248,248,248,1) 80%);
background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(248,248,248,1) 80%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(248,248,248,1) 80%);
background: linear-gradient(to bottom, rgba(248,248,248,0.7) 0%,rgb(248,248,248,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
width: 100%;
height: 350px;
}
.gradient-moretransparent {
background: linear-gradient(to bottom, rgba(248,248,248,0.8) 0%,rgb(248,248,248,1) 80%);
}
@media only screen and (min-width: 767px) {
.full-bg-details {
background-size: 100% 500px
}
.gradient {
height: 500px;
}
}
@media only screen and (min-width: 992px) {
.full-bg-details {
background-size: 100% 600px
}
.gradient {
height: 600px;
}
}
@media only screen and (min-width: 1200px) {
.full-bg-details {
background-size: 100% 700px
}
.gradient {
height: 700px;
}
}
@media only screen and (min-width: 1400px) {
.full-bg-details {
background-size: 100% 800px;
}
.gradient {
height: 800px;
}
}
@media only screen and (min-width: 1800px) {
.full-bg-details {
background-size: 100% 900px;
}
.gradient {
height: 900px;
}
}
.wide-container {
width: 100%;
}
.wide-container form {
background: none repeat scroll 0 0 #f7f7f7;
border-bottom: 1px solid #ccc;
margin: 0 -15px;
}
/*story navigation from within obituary*/
.obit-navigation {
top: calc(50% - 18px);
z-index: 1;
padding: 0 8px;
}
.obit-navigation, .obit-navigation:active, .obit-navigation:focus {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: #64427D;
border: 0;
border-radius: 50%;
font-size: 20px;
line-height: 20px;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
}
.obit-navigation {
position: fixed;
bottom: 0;
padding: 0;
margin: 0;
z-index: 1;
-webkit-transition: margin 0.5s ease;
transition: margin 0.5s ease;
}
a.obit-navigation.prev {
top: calc(50% - 18px);
left: 8px;
}
a.obit-navigation.next {
top: calc(50% - 18px);
right: 8px;
}
a.obit-navigation.prev::before {
content: '\f060';
font-family: "Font Awesome 5 Pro";
margin-right: 8px;
font-size: 14px;
}
a.obit-navigation.next::after {
content: '\f061';
font-family: "Font Awesome 5 Pro";
margin-left: 8px;
font-size: 14px;
}
a.obit-navigation.left-hidden {
margin-left: -200px;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a.obit-navigation.right-hidden {
margin-right: -200px;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*desktop AND mobile*/
a.obit-navigation:hover {
background: #4D2A68;
color: #ffffff;
}
a.obit-navigation.next::after, a.obit-navigation.prev::before {
margin: 0;
font-size: 20px;
}
/*desktp*/
@media only screen and (min-width: 1460px) {
a.obit-navigation.prev {
left: 9%;
}
a.obit-navigation.next {
right: 9%;
}
}
@media only screen and (min-width: 1800px) {
a.obit-navigation.prev {
left: 15%;
}
a.obit-navigation.next {
right: 15%;
}
}
@media only screen and (min-width: 2500px) {
a.obit-navigation.prev {
left: 25%;
}
a.obit-navigation.next {
right: 25%;
}
}
/*@media only screen and (min-width: 767px) and (max-width: 991px) {
.obit-navigation.next, .obit-navigation.prev {
top: auto;
bottom: 10px;
}
}*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
a.obit-navigation.prev, a.obit-navigation.next {
top: 65%;
}
}
@media only screen and (max-width: 767px) {
.subtitle-story {
display: block;
}
a.obit-navigation.next, a.obit-navigation.prev {
top: 470px;
}
a.obit-navigation.no-image-margin {
/*top: 490px;*/
top: 370px;
}
a.obit-navigation.less-margin {
top: 265px;
}
}
/*END story navigation from within obituary*/
.details-pic-wrapper {
border: 1px solid #ECECEC;
}
.details-pic-wrapper.photo-does-not-exist, .details-pic-wrapper.print-only {
display: none;
}
.details-pic-bg, .details-pic-story {
background-color: #fff;
-webkit-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
border: 20px solid white;
}
.details-profile-pic {
max-width: 100%;
max-height: 292px;
flex-shrink: 0;
cursor: pointer;
}
.details-section-wrap {
background-color: #fff;
border: 1px solid #ECECEC;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
padding: 24px 16px;
margin-bottom: 16px;
}
.details-body-copy {
word-break: break-word;
margin-top: 24px;
font: 400 18px/23px "Source Sans Pro",Arial,sans-serif;
}
.details-body br, .details-body-story br {
content: " ";
display: block;
margin-bottom: 15px;
}
.details-body-story {
color: #111111;
padding: 30px 9px 0 9px;
margin-bottom: 47px;
}
.date-story {
min-height: 20px;
color: #333333;
display: block;
font-size: 16px;
line-height: 20px;
margin-bottom: 16px;
}
.subtitle-story {
display: inline-block;
margin-top: 20px;
margin-bottom: 10px;
color: #111111;
font: 32px/40px "Source Sans Pro",Arial,sans-serif;
}
.details-published {
color: #333333;
margin: 20px 0 0 0;
}
.details-shadow {
box-shadow: 0 0 30px 0 rgba(126,126,126,0.23);
position: relative;
}
.details-shadow > .container > .row {
padding-top: 47px;
}
.story-panel-background-wrap {
overflow: hidden;
}
.story-panel .ap_ad_wrap {
position: relative;
}
.story-panel-photo-wrap {
box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.11);
display: table;
margin: -180px auto 0;
position: relative;
}
.story-panel-background {
width: 100%;
height: 220px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#ap-storydisplay-container .story-panel-details .story-panel-background, .ap-create-story-coverphoto-preview {
width: 100%;
height: 280px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.blur-class {
filter: blur(50px) opacity(0.7);
}
.details-flowers-link-wrap, .details-guestbook-wrap {
margin: 24px auto;
text-align: center;
}
.details-flowers-link-wrap.photo-does-not-exist {
margin-top: 62px;
}
.details-body-story iframe {
width: 100%;
}
.details-body-story .iframe-container {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.details-body-story .iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
#LiveFuneralEvent {
display: block;
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
cursor: pointer;
}
/*--details page - share icons--*/
.share-font-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.details-share-wrap {
display: flex;
align-items: center;
}
.details-share-wrap .icon-btn i {
font-size: 22px;
color: #ffffff;
font-weight: 400;
}
.font-awesome-btn-wrapper, .icon-btn-wrapper {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
}
.font-awesome-btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
cursor: pointer;
width: 44px;
height: 44px;
background-color: #fff;
box-shadow: none;
border: 1px solid #64427d;
color: #64427d;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
}
.font-awesome-btn-wrapper .font-awesome-btn:hover {
background-color: #EFEBF2 !important;
border: 1px solid #64427d !important;
}
.icon-btn, #st-1 .st-btn[data-network='whatsapp'], .whatsappbutton {
display: inline-flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
width: 36px;
height: 36px;
box-shadow: 0 2px 4px 0 rgba(123,123,123,0.5);
border-radius: 0 !important;
margin-right: 8px;
}
#st-1 .st-btn:last-child, .whatsappbutton {
margin-right: 8px !important;
}
.icon-btn-label a {
color: #64427D !important;
}
.details-share-wrap .icon-btn a span {
color: transparent;
font-size: 0;
}
.details-share-wrap span a {
height: 22px;
}
.details-share-wrap .icon-btn a:before, .st-btn[data-network=whatsapp]:before, .whatsappbutton:before {
color: #ffffff;
font: 22px/22px Font Awesome\ 5 Brands;
}
.details-share-wrap .icon-btn.icon-btn-twitter a:before {
content:"\f099";
}
.details-share-wrap .icon-btn.icon-btn-facebook a:before {
content:"\f09a";
}
.details-share-wrap .icon-btn.icon-btn-reddit a:before {
content: "\f1a1";
}
.details-share-wrap .icon-btn.icon-btn-whatsapp a:before, .st-btn[data-network=whatsapp]:before, .whatsappbutton:before {
content: "\f232";
color: #fff;
}
#st-1 .st-btn>img {
display: none!important;
}
.details-share-wrap .sharethis-inline-share-buttons {
z-index: 0!important;
}v
.details-share-wrap .icon-btn:active, .details-share-wrap .icon-btn:focus {
background-color: rgba(132,143,167,0.3);
}
.icon-btn-facebook, .details-share-wrap .icon-btn-facebook:hover {
background-color: #415E9C;
}
.icon-btn-twitter, .details-share-wrap .icon-btn-twitter:hover {
background-color: #1CA0F2;
}
.icon-btn-reddit, .details-share-wrap .icon-btn-reddit:hover {
background-color: #ff4500;
}
.icon-btn-whatsapp, .details-share-wrap .icon-btn-whatsapp:hover, .st-btn[data-network=whatsapp], .whatsappbutton {
background-color: #0cc144 !important;
}
.st-btn[data-network='whatsapp']:hover, .whatsappbutton:hover {
top: 0 !important;
}
.email_link, .details-share-wrap .email_link:hover {
background-color: #e00000;
}
/*.print-button, .details-share-wrap .print-button:hover {
background-color: #000000;
}*/
.print-button, .print-button:hover, .print-button:active, .print-button:focus {
background: #64427D /*url(//d2zfowlldib7se.cloudfront.net/assets/beyondthedash/images/print-icon.png) center center/24px auto no-repeat*/;
}
/*.print-button i {
display: none;
}*/
/*--details page - events--*/
.details-right-rail {
margin-bottom: 47px;
}
.details-section-title {
color: #111111;
font: 20px/20px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto;
text-align: center;
}
.details-section-content {
padding: 0 16px;
text-align: center;
}
.details-section-subtitle {
color: #111111;
font: 400 20px/25px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 10px;
text-align: center;
}
.tribute-flowers {
text-align: center;
}
.tribute-flowers img {
display: block;
width: 135px;
/*remove important after modules go live*/
margin: 16px auto 8px !important;
}
.details-section-name {
color: #333333;
font: 22px/28px "Source Sans Pro",Arial,sans-serif;
margin: 15px 0 16px;
}
.details-section-logo {
margin: 10px auto 0;
cursor: auto;
}
a .details-section-logo {
cursor: pointer;
}
.print-funeralhome a {
display: block;
color: #111111;
}
.print-funeralhome span {
display: inline-block;
margin-top: 8px;
}
/*--details page - contributions create--*/
#ap-contribution-create-desktop-container {
clear: both;
margin-bottom: 30px;
}
.contribution-create-wrap, .create-contribution-success, .contribution-create-success {
background: #fff;
border: 1px solid #ECECEC;
-webkit-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
padding: 20px 24px 24px 24px;
}
.create-contribution-success h1, .contribution-create-success h1 {
font-size: 22px;
}
.add-name-wrap {
margin: 15px auto;
}
.add-comment-wrap {
display: flex;
flex-direction: column;
}
.add-comment-wrap textarea.ap-contribution-content {
border-color: #ccc !important;
background: #fff none repeat scroll 0 0;
height: 120px;
width: 100%;
}
.comment-help-link {
display: flex;
justify-content: space-between;
margin: 4px 0 24px;
}
.guestbook-page .comment-help-link {
flex-direction: column;
}
.comment-help-link a {
font-family: "Source Sans Pro";
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.comment-help-link a:hover {
text-decoration: underline;
}
.select-emblems.active {
background-color: #EFEBF2;
}
/*--email address and pending/rejected comments June 2020--*/
#ap-contribution-contactinfo-emailaddress {
display: none;
position: relative;
margin-bottom: 32px;
}
.guestbook-btn-wrapper {
padding-bottom: 24px;
margin-bottom: 16px;
border-bottom: 1px solid #d8d8d8;
}
.consent-box-wrapper {
position: relative;
min-height: 68px;
margin-bottom: 32px;
}
.contribution-contactinfo-consent, #ap-contribution-contactinfo-consent {
display: flex;
align-items: center;
border: 2px solid #64427d;
margin-bottom: 32px;
padding: 13px 17px;
}
.contribution-contactinfo-consent, .contribution-contactinfo-emailaddress {
width: 100%;
}
input[name="contactinfoconsent"] {
position: absolute;
width: 16px;
height: 16px;
/*margin-top: 8px;
opacity: 0;*/
cursor: pointer;
/* z-index: 100;*/
}
label[for="contactinfoconsent"] {
/* position: relative;
display: flex;
align-items: center;*/
margin: 0;
padding-left: 32px;
color: #64427D;
font-weight: 600;
cursor: pointer;
}
/*label[for="contactinfoconsent"]::before {
position: absolute;
left: 0;
content: "";
width: 16px;
height: 16px;
border: 1px solid #64427d;
}
label[for="contactinfoconsent"].checked::after {
position: absolute;
top: 12px;
left: 0;
content: '\f00c';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
font-size: 12px;
line-height: 15px;
margin-left: 3px;
}*/
.clear-input {
display: none;
}
.clear-input::after {
position: absolute;
width: 25px;
height: 25px;
top: 40px;
right: 0;
cursor: pointer;
content: '\f057';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
}
/*--email address and pending/rejected comments June 2020--*/
/*--category emblems January 2020--*/
.emblems-wrap {
height: 265px;
border: 1px solid #CFCFCF;
overflow-y: scroll;
margin: 24px 0 32px 0;
}
.emblems-wrap::-webkit-scrollbar {
-webkit-appearance: none;
border-left: 1px solid #EBE9F1;
opacity: 0.5;
}
.emblems-wrap::-webkit-scrollbar:vertical {
width: 11px;
}
.emblems-wrap::-webkit-scrollbar:horizontal {
height: 11px;
}
.emblems-wrap::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white;
background-color: rgba(0, 0, 0, .5);
}
.ap-contribution-emblem-item {
border: 1px solid #fff;
}
.ap-contribution-emblem-item:hover, .ap-contribution-emblem-active .ap-contribution-emblem-item {
border: 1px solid #ccc;
}
.emblems-wrap .ap-contribution-emblem-items-container {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
cursor: pointer;
margin: 0 0 24px 0;
padding: 0;
}
.ap-contribution-emblem-items-container .ap-contribution-emblem-item-container {
width: auto;
height: auto;
margin: 0;
}
.ap-contribution-emblem-items-container .ap-contribution-emblem-item-container .ap-contribution-emblem-item {
background-size: auto 40px;
background-position: center center;
background-repeat: no-repeat;
width: 50px;
height: 50px;
margin: 0 12px 15px 12px;
}
.ap-contribution-emblem-item-21 {order: 0}
.ap-contribution-emblem-item-11 {order: 1;}
.ap-contribution-emblem-item-161 {order: 2;}
.ap-contribution-emblem-item-211 {order: 3;}
.ap-contribution-emblem-item-1 {order: 4;}
.ap-contribution-emblem-item-51 {order: 5;}
.ap-contribution-emblem-item-61 {order: 6;}
.ap-contribution-emblem-item-71 {order: 7;}
.ap-contribution-emblem-item-81 {order: 8;}
.ap-contribution-emblem-item-31 {order: 9;}
.ap-contribution-emblem-item-91 {order: 10;}
.ap-contribution-emblem-item-101 {order: 11;}
.ap-contribution-emblem-item-111 {order: 12;}
.ap-contribution-emblem-item-121 {order: 13;}
.ap-contribution-emblem-item-131 {order: 14;}
.ap-contribution-emblem-item-141 {order: 15;}
.ap-contribution-emblem-item-151 {order: 16;}
.ap-contribution-emblem-item-171 {order: 17;}
.ap-contribution-emblem-item-181 {order: 18;}
.ap-contribution-emblem-item-191 {order: 19;}
.ap-contribution-emblem-item-201 {order: 20;}
.ap-contribution-emblem-item-221 {order: 21;}
.ap-contribution-emblem-item-231 {order: 22;}
.ap-contribution-emblem-item-241 {order: 23;}
.ap-contribution-emblem-item-41 {order: 24;}
.ap-contribution-emblem-item-251 {order: 25;}
.ap-contribution-emblem-item-261 {order: 26;}
.ap-contribution-emblem-item-271 {order: 27;}
.ap-contribution-emblem-item-281 {order: 28;}
.ap-contribution-emblem-item-291 {order: 29;}
.ap-contribution-emblem-item-301 {order: 30;}
.ap-contribution-emblem-item-311 {order: 31;}
.ap-contribution-emblem-item-321 {order: 32;}
.ap-contribution-emblem-item-331 {order: 33;}
.ap-contribution-emblem-item-341 {order: 34;}
.ap-contribution-emblem-item-351 {order: 35;}
.ap-contribution-emblem-item-361 {order: 36;}
.ap-contribution-emblem-item-371 {order: 37;}
.ap-contribution-emblem-item-381 {order: 38;}
.ap-contribution-emblem-item-391 {order: 39;}
.ap-contribution-emblem-item-401 {order: 40;}
.ap-contribution-emblem-item-411 {order: 41;}
.ap-contribution-emblem-item-421 {order: 42;}
.ap-contribution-emblem-item-431 {order: 43;}
.ap-contribution-emblem-item-441 {order: 44;}
.ap-contribution-emblem-item-451 {order: 45;}
.ap-contribution-emblem-item-461 {order: 46;}
.ap-contribution-emblem-item-471 {order: 47;}
.ap-contribution-emblem-item-481 {order: 48;}
.ap-contribution-emblem-item-491 {order: 49;}
.ap-contribution-emblem-item-501 {order: 50;}
.ap-contribution-emblem-item-511 {order: 52;}
.ap-contribution-emblem-item-521 {order: 52;}
.ap-contribution-emblem-item-531 {order: 53;}
.ap-contribution-emblem-item-541 {order: 54;}
.ap-contribution-emblem-item-551 {order: 55;}
.ap-contribution-emblem-item-561 {order: 56;}
.ap-contribution-emblem-item-571 {order: 57;}
.ap-contribution-emblem-item-581 {order: 58;}
.ap-contribution-emblem-item-591 {order: 59;}
.ap-contribution-emblem-item-601 {order: 60;}
.ap-contribution-emblem-item-611 {order: 61;}
.ap-contribution-emblem-item-621 {order: 62;}
.ap-contribution-emblem-item-631 {order: 63;}
.ap-contribution-emblem-item-21, .ap-contribution-emblem-item-51, .ap-contribution-emblem-item-171, .ap-contribution-emblem-item-221, .ap-contribution-emblem-item-261, .ap-contribution-emblem-item-371, .ap-contribution-emblem-item-481 {
position: relative;
display: block;
width: 100% !important;
height: auto !important;
}
.ap-contribution-emblem-item-21 button, .ap-contribution-emblem-item-51 button, .ap-contribution-emblem-item-171 button, .ap-contribution-emblem-item-221 button, .ap-contribution-emblem-item-261 button,
.ap-contribution-emblem-item-371 button, .ap-contribution-emblem-item-481 button {
display: none;
}
.ap-contribution-emblem-item-21 .ap-contribution-emblem-item, .ap-contribution-emblem-item-51 .ap-contribution-emblem-item, .ap-contribution-emblem-item-171 .ap-contribution-emblem-item,
.ap-contribution-emblem-item-221 .ap-contribution-emblem-item, .ap-contribution-emblem-item-261 .ap-contribution-emblem-item,
.ap-contribution-emblem-item-371 .ap-contribution-emblem-item, .ap-contribution-emblem-item-481 .ap-contribution-emblem-item {
position: absolute;
}
.ap-contribution-emblem-item-21::before, .ap-contribution-emblem-item-51::before, .ap-contribution-emblem-item-171::before, .ap-contribution-emblem-item-221::before, .ap-contribution-emblem-item-261::before, .ap-contribution-emblem-item-371::before, .ap-contribution-emblem-item-481::before {
width: 100%;
max-width: 511px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background-color: #F4F4F4;
color: #64427d;
font-size: 17px;
font-weight: 400;
content: 'Most Popular';
width: 100%;
margin-bottom: 8px;
}
.ap-contribution-emblem-item-51::before {
content: 'Religious/Spiritual';
}
.ap-contribution-emblem-item-171::before {
content: 'Patriotic';
}
.ap-contribution-emblem-item-221::before {
content: 'Cute';
}
.ap-contribution-emblem-item-261::before {
content: 'Profession';
}
.ap-contribution-emblem-item-371::before {
content: 'Clubs/Associations';
}
.ap-contribution-emblem-item-481::before {
content: 'Sports/Hobbies';
}
.ap-contribution-emblem-item-11, .ap-contribution-emblem-item-61, .ap-contribution-emblem-item-201, .ap-contribution-emblem-item-181, .ap-contribution-emblem-item-231, .ap-contribution-emblem-item-271, .ap-contribution-emblem-item-381, .ap-contribution-emblem-item-491 {
margin-left: 70px !important;
}
/*-emblem hover--*/
.ap-contribution-emblem-items-container .ap-contribution-emblem-item-container {
width: 74px;
height: 65px;
position: relative;
}
.emblem-hover {
background-color: #fff;
width: 105px !important;
height: 105px !important;
position: absolute !important;
background-size: auto 80px !important;
z-index: 1000 !important;
border: 1px solid #ccc;
margin-top: -18px !important;
}
/*--end category emblems--*/
.ap-contribution-photo-item-display {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
width: 100px;
height: 100px;
margin: 0 18px 18px 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
}
.ap-contribution-max-photo-reached {
padding: 10px;
}
.create-contribution-add-photos {
margin-top: 0;
}
.ap-contribution-photo-display {
clear: both;
display: flex;
flex-flow: row wrap;
margin: 16px 0 0 0;
padding: 0;
}
.ap-contribution-photo-item-display {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
width: 100px;
height: 100px;
margin: 0 18px 18px 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
}
.ap-contribution-photo-remove {
background: rgba(0, 0, 0, 0.7) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/icons/icon-photos-remove.png") no-repeat scroll center center / 20px auto !important;
color: transparent !important;
height: 30px;
padding: 5px;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.guestbook-btn-wrapper {
display: flex;
margin-bottom: 32px;
}
.select-photos, a.select-emblems:not([href]):not([tabindex]) {
margin: 0 16px 0 0;
padding: 14px 24px;
border: 2px solid #64427d;
border-radius: 32px;
font-size: 17px;
font-weight: 600;
line-height: 15px;
color: #64427d;
cursor: pointer;
text-align: center;
}
.select-photos:hover, .select-photos:active, .select-photos:focus, a.select-emblems:not([href]):not([tabindex]):hover {
background: #EFEBF2;
color: #64427d;
}
.guestbook-page .select-photos {
margin: 0 8px 0 0;
padding: 14px 22px;
}
.ap-contribution-content::placeholder, .ap-contribution-input::placeholder {
font-style: normal;
font-weight: 400;
}
.create-contributions-ui-cta .btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 316px;
height: 44px;
}
.guestbook .create-contributions-ui-cta .btn {
width: 240px;
height: 44px;
}
.ap-contribution-submit.disabled {
background:rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/icons/loading-spinner.gif") no-repeat scroll center center / 34px auto;
color: transparent;
}
/*.create-contribution-success {
background: #ffffff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
border: 1px solid #ECECEC;
margin-bottom: 10px;
padding: 20px;
text-align: center;
}
.create-contribution-success h3 {
color: rgb(51, 51, 51);
font: 300 28px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 15px 0;
text-align: center;
}
.create-contribution-success p {
color: #999;
font: 400 14px/1.4em "Source Sans Pro",Arial,sans-serif;
text-align: center;
}*/
.ap-contribution-main-error-container {
background: #F8D2D8 none repeat scroll 0 0;
border: 1px solid #cd0000;
border-radius: 4px;
color: #cd0000;
font: 300 28px/1.2em "Source Sans Pro",Arial,sans-serif;
margin-bottom: 15px;
padding: 10px;
}
.contribution-create-wrap label {
display: block;
}
.contribution-create-wrap .form-control {
height: 44px;
margin-top: 8px;
}
.ap-contribution-field-error, .ap-contribution-photo-upload-error-container {
color: #cd0000;
font: italic 300 14px/1.2em "Source Sans Pro",Arial,sans-serif;
margin-bottom: 15px;
/*padding: 10px 0;*/
}
/*.ap-contribution-field-error {
margin-bottom: 0;
}*/
/*empty comments modal-*/
.create-contributions-ui-cta {
position: relative;
}
.modal-footer>:not(:last-child).edit-guestbook-comment {
margin-right: auto;
}
.empty-comment-overlay-btn {
display: none;
position: absolute;
width: 240px;
height: 44px;
top: 0;
cursor: pointer;
}
/*--details page - contributions display--*/
.guestbook {
position: relative;
max-width: 530px;
margin: 20px auto 0;
}
.guestbook .ap_paginator {
display: none;
}
#ap-contribution-items-container {
margin-top: 16px;
}
#ap-contribution-items-container .ap-contribution-item {
display: flex;
flex-direction: column;
flex-wrap: wrap;
/*align-items: flex-start;*/
background-color: #ffffff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
border: 1px solid #ECECEC;
margin-bottom: 16px;
padding: 24px 24px 16px 24px;
}
#ap-contribution-items-container .ap-contribution-item.status-pending, #ap-contribution-items-container .ap-contribution-item.status-rejected {
background-color: #FFF7E9;
border: 1px dashed #979797;
box-shadow: none;
}
.contributions-contact-info {
width: 100%;
margin-top: 16px;
border: 1px dashed #979797;
z-index: 1;
}
.logged-in, .logged-out {
padding: 8px;
}
.logged-out {
background-color: #FFF7E9;
}
.contributions-contact-info strong {
font-weight: 600;
}
#ap-contribution-items-container .ap-contribution-item.status-rejected, #ap-contribution-items-container .ap-contribution-item.status-rejected {
background-color: #FFEFEF;
}
.guestbook .contributions-counter {
font-size: 20px;
line-height: 25px;
text-align: center;
}
.main-guestbook-display .contributions-counter {
margin: 16px 0;
}
.details-wrap-guestbook #ap-restore-guestbook-container {
left: 15px;
padding: 0;
text-align: left;
}
.details-wrap-guestbook #ap-restore-guestbook-container p {
font: 16px/23px "Source Sans Pro",Arial,sans-serif;
text-align: left;
}
.details-wrap-guestbook #ap-restore-guestbook-container .restore-guestbook-btn {
width: 200px;
}
.print-guestbook {
display: none;
margin: 0 0 8px 196px;
min-height: 40px;
/* margin: 0 0 8px 0;*/
transition: none;
}
.display-print-guestbook {
display: inline-block;
}
.print-guestbook.no-margin {
margin-left: 0;
}
.print-guestbook::before {
content: "\f02f";
font: 500 16px/1em Font Awesome\ 5 Pro;
margin-right: 6px;
position: relative;
top: -1px;
}
.medium-grey {
color: #111111;
}
.contributions-top-row {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 8px;
}
.contributions-author {
display: inline-block;
font: 600 16px/19px "Raleway";
color: #333333;
text-align: center;
text-transform: uppercase;
margin-top: 16px;
}
.contributions-date {
margin-top: 4px;
font: 400 14px/18px "Source Sans Pro";
color: #333333;
text-align: center;
}
.contributions-content {
width: 100%;
color: #111111;
font: 16px/19px "Source Sans Pro", Arial, sans-serif;
/*margin-bottom: 12px;*/
}
.contribution-content-border {
width: 100%;
height: 10px;
border-top: 1px solid #ececec;
margin-top: 8px;
/* margin-bottom: 8px;*/
z-index: 0;
}
.premium-tree-contribution-item .contribution-content-border {
display: none;
}
.contributions-content p {
margin: 0;
}
.status-pending {
margin-top: 16px;
}
.status-pending .title, .status-rejected .title {
display: inline-block;
margin-bottom: 8px;
font-size: 24px;
line-height: 32px;
}
.status-pending .title {
margin-left: 16px;
}
.status-pending .fa-lock {
font-size: 24px;
}
.ap-contribution-remove-item {
display: inline-block;
margin-top: 32px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.condolence-emblem img {
align-self: center;
margin: 0 auto;
max-height: 56px;
max-width: 56px;
margin-bottom: 16px;
}
.card-with-message .condolence-emblem img {
max-height: 100px;
max-width: 100px;
}
.condolence {
display: flex;
flex-direction: column;
align-items: center;
}
.condolence .photogallery {
margin-bottom: 24px;
}
.contribution-item-content {
width: 100%;
display: flex;
align-items: center;
}
.ap-readmore-container {
width: 100%;
text-align: center;
}
.ap-readmore-display-content, .ap-readmore-hidden-content {
word-break: break-word;
}
.card-with-message .condolence {
border: 2px solid #D8D8D8;
padding: 16px;
}
.card-with-message .contribution-content-border {
display: none;
}
.card-message {
text-align: center;
}
.gift-purchase-link {
display: inline-block;
}
.card-with-message .gift-purchase-border {
display: block;
width: 120px;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #d8d8d8;
}
.contributions-ctas {
display: flex;
justify-content: flex-end;
}
/*.condolence .ap-contribution-content {
flex: 1 1 100%;
}
.condolence .condolence-emblem {
float: left;
flex: 0 0 auto;
height: 50px;
padding-right: 15px;
width: 50px;
}
.condolence-emblem {
display: none;
}
.small-emblem img {
align-self: center;
margin: 0 auto;
max-height: 45px;
max-width: 45px;
}
.big-emblem img{
max-height: 80px;
}
.ap-contribution-item.has-emblem .emblem-solo {
display: block;
}
.ap-contribution-item.has-content.has-emblem.has-photos .emblem-near-photo, .ap-contribution-item.has-content.has-emblem .emblem-solo, .ap-contribution-item.has-no-content.has-emblem .emblem-near-content, .ap-contribution-item.has-photos.has-emblem .emblem-solo {
display: none;
}
.ap-contribution-item.has-photos.has-emblem .emblem-near-photo {
display: block;
float: left;
margin: 10px 0;
}
.ap-contribution-item.has-emblem .emblem-near-content {
display: flex;
}
#ap-contribution-items-container .ap-contribution-item.has-emblem.premium-tree-contribution-item .emblem-near-content {
display: none;
}*/
#ap-contribution-container, #ap-contribution-create-desktop-container {
clear: both;
margin-bottom: 30px;
}
.ap-contribution-create-container {
margin-top: 8px;
}
.ap-contribution-create-container.margin-top {
margin-top: 75px;
}
.ap-contribution-empty .contributions-counter, .ap-contribution-empty p {
display: none;
}
/*premium tree styles june 2020*/
.premium-tree {
position: relative;
min-height: 270px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 2px solid #fff;
margin: 16px;
text-align: center;
}
#ap-contribution-items-container .premium-tree-contribution-item {
background: #ffffff url(//d2zfowlldib7se.cloudfront.net/assets/obits/images/premium-trees.png) no-repeat scroll center top/cover;
background-size: 100% 304px;
padding: 0;
}
#ap-contribution-items-container .premium-tree-contribution-item .contributions-top-row {
position: absolute;
padding: 16px;
}
.guestbook .premium-tree i, .details-wrap-guestbook .premium-tree i {
font-size: 40px;
line-height: 40px;
color: #fff;
}
.details-wrap-guestbook .premium-tree i {
padding-top: 25px;
}
.recent-contribution-text i {
display: none;
}
.guestbook .premium-tree p, .details-wrap-guestbook .premium-tree p {
max-width: 315px;
margin: 16px 0;
color: #ffffff;
font-size: 20px;
font-weight: 600;
line-height: 25px;
}
.guestbook .premium-tree button, .details-wrap-guestbook .premium-tree button {
width: 134px;
height: 44px;
border: 2px solid #ffffff;
border-radius: 32px;
background: transparent;
color: #ffffff;
}
.location-wrapper {
display: flex;
margin-top: 32px;
}
.location, .location:hover {
display: inline-block;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 23px;
border-bottom: 2px solid #ccc;
}
.fa-map-marker-alt {
margin-top: 4px;
color: #fff;
font-size: 18px;
line-height: 18px;
text-align: center;
margin-right: 4px;
font-weight: 600;
}
.premium-tree-contribution-item .card-message {
background: #fff;
padding: 0 37px 16px;
}
.premium-tree-contribution-item .contributions-author {
background: #fff;
width: 100%;
margin: 0;
padding: 0 16px 8px 16px;
}
.premium-tree-contribution-item .contributions-date {
margin: 0 0 16px 0;
}
/*report inappropriate comments July 2020*/
.report-contribution-button {
margin-left: 15px;
cursor: pointer;
}
#content .report-contribution-button a {
margin-left: 8px;
color: #333;
font-weight: 400;
}
.report-contribution-button::before {
content: "\f321";
font: 300 16px/16px Font Awesome\ 5 Pro;
color: #111111;
}
#ap-inappropriate-container input[type=radio] {
width: 18px;
height: 18px;
margin-top: 0;
}
#ap-inappropriate-container .form-check-label {
margin: 0 0 16px 8px;
font-weight: 600;
}
#ap-inappropriate-container .modal-footer {
justify-content: center;
}
#ap-inappropriate-container .modal-footer .btn {
min-width: 240px;
justify-content: center;
}
.ap-report-reason-input {
margin: 0 0 16px 8px;
}
.ap-report-reason-input {
margin: 0;
}
/*end report inappropriate comments July 2020*/
/*separate guestbook page september 2019*/
.details-wrap-guestbook {
padding-top: 47px;
}
.details-wrap-guestbook .ap_paginator {
display: flex;
}
.details-wrap-guestbook .obits-showing-text {
display: none;
}
.subtitle-story.guestbook {
margin: 0;
}
.details-wrap-guestbook .details-pic-bg {
height: auto;
min-height: 340px;
flex-direction: column;
}
.details-wrap-guestbook .details-profile-pic {
max-height: 160px;
}
.details-wrap-guestbook .subtitle-story {
text-align: center;
}
.subtitle-guestbook {
margin-top: 0;
}
.details-wrap-guestbook .medium-grey {
border: 0;
padding-bottom: 0;
}
.guestbook-print-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #979797;
margin-bottom: 16px
}
.guestbook-flowers-link-wrap {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
/*height: 44px;*/
background: #00838F;
color: #ffffff;
z-index: 10;
}
.guestbook-flowers-link-wrap p {
display: none;
}
.guestbook-flowers-link-wrap .tribute-tree-link, .guestbook-flowers-link-wrap .tribute-flower-link {
width: 100%;
padding: 0;
background: transparent;
border: none;
box-shadow: none;
}
/*end separate guestbook page september 2019*/
/*guestbook create and display media queries*/
@media (max-width: 1200px) {
.details-wrap-guestbook #filestack-upload-1 {
margin: 0 0 16px 0;
}
}
@media only screen and (max-width: 991px) {
.details-wrap.details-wrap-guestbook {
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.details-wrap-guestbook .guestbook-btn-wrapper {
flex-direction: column;
}
}
@media (min-width: 768px) {
.guestbook-flowers-link-wrap {
display: none;
}
}
@media (max-width: 767px) {
.contribution-create-wrap {
text-align: left;
}
/*#ap-contribution-container, #ap-contribution-create-desktop-container {
margin-bottom: 8px;
}*/
.details-wrap-guestbook {
padding-top: 16px;
}
.details-page.guestbook-page {
order: 0;
margin-top: 36px;
}
.main-guestbook-display {
order: 2;
}
.right-rail.guestbook-page {
order: 1;
margin-top: 8px;
}
.guestbook-print-wrapper {
flex-direction: column;
align-items: center;
padding-bottom: 16px;
}
.guestbook-btn-wrapper {
justify-content: center;
text-align: center;
}
/*.print-guestbook {
order: 2;
margin: 0 0 8px 0;
}*/
.details-wrap-guestbook #filestack-upload-1, .guestbook #filestack-upload-1 {
margin: 0 8px 0 0;
}
.subtitle-guestbook, .subtitle-story.guestbook {
display: block;
text-align: center;
}
.subtitle-story.guestbook {
order: 0;
}
.title-print-btn-wrapper {
flex-direction: column;
}
#ap-contribution-items-container .ap-contribution-item {
max-width: none;
}
.main-guestbook-display .ap_paginator {
margin: 0;
}
/*.top-bottom32.contribution-view-all {
margin-bottom: 0;
}*/
}
@media (max-width: 480px) {
.select-photos, a.select-emblems:not([href]):not([tabindex]) {
font-size: 15px;
letter-spacing: -0.2px;
}
}
/*end guestbook create and display media queries*/
/*--details page - funeral services/events--*/
.ap-funeral-service-display-item {
margin-top: 32px;
}
.ap-funeral-service-display-item:last-child .funeral-service-event-details hr {
display: none;
}
#ap-funeral-service-name-form {
display: block;
font-size: 16px;
font-weight: 600;
margin: 0 auto 15px;
}
.details-services-widget, .details-events-widget {
display: none;
transition: all 0.3s ease 0s;
}
.show-fh-widget {
display: block;
}
.details-right-rail {
margin-bottom: 47px;
}
.details-section-title {
color: #111111;
font: 20px/20px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto;
text-align: center;
}
.details-section-content {
padding: 0 16px;
text-align: center;
}
.details-section-subtitle {
color: #111111;
font: 400 20px/25px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 10px;
text-align: center;
}
.details-section-name {
color: #333333;
font: 22px/28px "Source Sans Pro",Arial,sans-serif;
margin: 15px 0 16px;
}
.details-section-logo {
margin: 10px auto 0;
}
/*--details page - tributes flowers styles--*/
.details-flowers-link-wrap .btn, .tribute-flower-link, .tribute-tree-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
}
.details-flowers-link-wrap .btn {
width: 100%;
}
.tribute-flower-link, .tribute-flower-link:hover, .tribute-flower-link:active, .tribute-flower-link:focus, .tribute-tree-link, .tribute-tree-link:hover, .tribute-tree-link:active, .tribute-tree-link:focus {
padding: 0 28px;
background: #00838F !important;
border: #00838F !important;
}
.tribute-flower-link:hover, .tribute-flower-link:active, .tribute-flower-link:focus, .tribute-tree-link:hover, .tribute-tree-link:active, .tribute-tree-link:focus {
background: #006C75 !important;
border: 2px solid #F8F8F8;
}
.ltr-name-button-wrapper {
position: relative;
}
#content .ltr-name-button-wrapper a.tribute-flower-link, #content .ltr-name-button-wrapper a.tribute-flower-link:hover,
#content .ltr-name-button-wrapper a.tribute-tree-link, #content .ltr-name-button-wrapper a.tribute-tree-link:hover {
color: transparent;
position: absolute;
box-shadow: none;
width: 100%;
height: 57px;
background: none !important;
cursor: pointer;
}
.blue-cta.ltr-name-button {
display: block;
}
.ltr-name-button {
min-height: 57px;
padding: 8px;
line-height: 18px;
}
.details-flowers-link-wrap .btn, .tribute-flower-link, .tribute-tree-link {
line-height: 18px;
}
.tribute-flowers, .details-section-wrap.top {
text-align: center;
}
.tribute-flowers p, .tribute-trees p {
margin: 24px 0 0 0;
}
.details-flowers-link-wrap p {
margin: 4px 0 0 0;
}
.tribute-flowers img, .details-section-wrap.top img {
display: block;
width: 135px;
/*remove important after modules go live*/
margin: 16px auto 8px !important;
cursor: default;
}
.tributes-link-footer {
border: 1px solid #F0F0F0;
background-color: #ffffff;
margin-top: 24px;
padding: 16px;
font-size: 18px;
font-weight: 600;
line-height: 23px;
color: #333333;
}
.tributes-link-footer a {
color: #00838F;
text-decoration: underline;
}
.tributes-link-footer a:hover {
color: #006C75;
}
.tributes-link-footer a.modal-link {
display: inline-block;
margin-left: 4px;
font-size: 16px;
line-height: 19px;
color: #3A6CD7;
text-decoration: none;
}
@media (min-width: 576px) {
#FlowerInfo .modal-dialog, #TreeInfo .modal-dialog-center {
max-width: 1060px;
text-align: center;
}
}
#FlowerInfo .modal-footer, #TreeInfo .modal-footer, #windows-version .modal-footer {
justify-content: center;
}
.details-events-widget .details-section-title {
margin-top: 32px;
font-size: 32px;
line-height: 40px;
text-align: left;
}
.details-events-widget .details-section-content {
padding: 0;
text-align: left;
}
.funeral-event-name, .funeral-service-event-details p {
font-size: 18px;
line-height: 23px;
color: #111111;
text-align: left;
}
.funeral-event-name {
font-weight: 600;
line-height: 23px;
}
.funeral-service-event-details p.funeral-services-guaranteed {
margin-top: 4px;
font-size: 14px;
font-style: italic;
line-height: 18px;
color: #333333;
}
.funeral-service-event-details .tribute-flower-link {
margin-top: 24px;
}
.details-events-widget > hr {
margin-top: 39px;
margin-bottom: 0;
border-top: 1px solid #CDCDCD;;
}
.funeral-service-event-details hr {
margin: 40px 0 40px;
}
.details-body-story .funeral-service-event-details br {
margin: 0;
}
/*--details page - p2w--*/
.image-print-only, .notice-image-print-only {
display: none;
}
.list-panel-photo.print-only .ap_photo_large{
display: none;
}
.list-panel-photo.print-only .image-print-only {
display: block;
}
.details-pic-bg.photo-exists.print-only {
display: none;
}
.print-only-details {
display: none;
}
.details-body-copy.print-only .print-only-details {
display: block;
cursor: default;
}
.details-body-copy.print-only .details-copy {
display: none;
}
/*--details page - preview bar--*/
.story-status-top-bar-wrapper {
position: absolute;
color: transparent;
}
.story-panel-dimmed:after {
background: rgba(0, 0, 0, 0.5);
content: " ";
display: block;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10;
}
.story-status-top-bar {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
min-height: 211px;
padding: 0 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
background: #ffffff;
text-align: center;
}
.success-wrapper .story-status-top-bar {
max-width: 532px;
min-height: 218px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 16px;
}
.success-wrapper .story-status-top-bar h2 {
margin: 0;
align-self: start;
color: #111111;
font-size: 32px;
line-height: 40px;
}
.success-wrapper .story-status-top-bar p {
align-self: start;
text-align: left;
font-size: 18px;
letter-spacing: 0;
line-height: 23px;
}
.success-wrapper .story-status-top-bar .btn {
width: 240px;
height: 44px;
margin-bottom: 0;
}
.story-status-top-bar-perm {
position: fixed;
top: 118px;
z-index: 1000;
width: 100%;
height: 88px;
background-color: rgba(0,0,0,0.4);
display: flex;
align-items: center;
justify-content: center;
}
.story-status-top-bar-wrapper h1 {
margin: 24px 0 24px 0;
font-size: 32px;
line-height: 30px;
color: #111111;
text-align: center;
}
.story-status-top-bar-perm h1 {
margin: 0;
color: #ffffff;
}
.story-status-top-bar-wrapper p {
max-width: 1000px;
font-size: 20px;
line-height: 25px;
margin-bottom: 24px;
color: #111111;
}
.story-status-top-bar-wrapper p.no-margin {
margin-bottom: 0;
}
.story-status-top-bar .btn {
padding: 11px 32px;
margin-bottom: 24px;
}
/*-guestbook--*/
.guestbook-status-top-bar {
position: fixed;
top: calc(50% - 150px);
left: calc(50% - 265px);
z-index: 1000;
width: 530px;
min-height: 309px;
padding: 0 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
background: #fff;
text-align: center;
}
.guestbook-status-top-bar-wrapper p {
font-size: 18px;
line-height: 23px;
}
/*--details page - claim story--*/
/*.claim-button-wrap {
margin: 24px auto 60px;
text-align: center;
}
.back-to-main {
color: #333333 !important;
font: 300 16px/22px "Open Sans";
display: block;
margin: 30px 0;
}
.back-to-main::before {
content: '\2190';
margin-right: 10px;
}
.background-grey {
background: #f8f8f8;
padding: 50px 0;
}
.claim-story-wrap {
background: #fff none repeat scroll 0 0;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
display: table;
min-height: 750px;
padding: 0 10px;
text-align: center;
}
.claim-story-wrap h2 {
color: #111111;
font: 32px/40px "Source Sans Pro",Arial,sans-serif;
margin: 30px auto 16px;
}
.claim-story-wrap span {
color: #111111;
display: table;
font: 18px/23px "Source Sans Pro";
margin: 0 auto;
max-width: 620px;
padding: 0 15px;
}
.claim-story-promo {
display: table;
margin: 30px auto 0;
max-width: 385px;
}
.claim-story-content p {
color: #111111;
font: 18px/33px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 30px;
}
.claim-story-content p.claim-story-cost {
color: #333333;
font: 22px/28px "Source Sans Pro",Arial,sans-serif;
}
.ap-claim-story-confirm {
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
margin: 10px auto 60px;
padding : 10px 35px !important;
}
.story-keeper-promo-box h2 {
color: #fff;
line-height: 1.8em;
margin: 0 auto;
padding: 200px 0 0;
text-shadow: 0 1px 2px #111;
width: 55%;
}
.story-keeper-promo-box span {
color: #fff;
display: block;
font: 400 36px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 100px auto 0;
text-shadow: 0 1px 2px #111;
}
.story-keeper-promo-box span:after {
content: '\2193';
display: block;
margin: 5px auto;
}
.story-keeper-content {
padding: 50px 160px;
text-align: center;
}
.story-keeper-content h3 {
font-size: 28px;
margin: 0 0 50px;
}
.story-keeper-divider {
color: #ccc;
display: block;
font: 500 36px/1.2em "Source Sans Pro",Arial,sans-serif;
margin-bottom: 20px;
}
.details-claim-wrap {
align-items: center;
color: #333333;
display: flex;
flex-flow: column nowrap;
justify-content: center;
margin-top: 28px;
text-align: center;
}
.details-claim-wrap p {
color: #333333;
font: 14px/18px "Source Sans Pro";
text-align: center;
width: 208px;
}
.ap-claim-story-link {
-moz-user-select: none;
background-color: rgba(132, 143, 167, 0.15);
border-radius: 2px;
color: #333333;
display: inline-block;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 10px;
padding: 8px 16px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.ap-claim-story-link:hover {
background-color: rgba(132,143,167,0.2);
color: #64427D;
}
.ap-claim-story-link:focus, .ap-claim-story-link:active {
background-color: rgba(132,143,167,0.3);
color: #64427D;
}
.ap-claim-story-link .claim-story-icon {
display: none;
}
.story-keeper-content p {
font: 300 18px/1.8em "Source Sans Pro",Arial,sans-serif;
margin-bottom: 20px;
text-align: left;
}
.story-keeper-content .story-keeper-promo-text {
font: 300 24px/1.8em "Source Sans Pro",Arial,sans-serif;
margin: 50px auto 40px;
text-align: center;
width: 70%;
}*/
.details-claim-wrap {
align-items: center;
color: #333333;
display: flex;
flex-flow: column nowrap;
justify-content: center;
margin-top: 28px;
text-align: center;
}
.details-claim-wrap p {
color: #333333;
font: 14px/18px "Source Sans Pro";
text-align: center;
max-width: 208px;
}
.ap-claim-story-link {
border-radius: 4px;
display: inline-block;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 10px;
padding: 8px 16px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.claim-story-back {
margin-top: 24px;
}
.claim-story-wrap {
margin-bottom: 24px
}
.claim-story-promo {
margin: 24px auto 60px;
max-width: none;
}
.claim-story-promo img {
width: 756px;
}
.claim-story-wrap h1 {
margin: 24px 0 16px;
color: #111111;
font: 32px/40px "Source Sans Pro",Arial,sans-serif;
}
.ap-claim-story-confirm {
width: 100%;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 10px 35px !important;
margin: 0 !important;
}
.claim-story-wrao p, .claim-story-content p {
margin: 0 auto 16px;
color: #111111;
font: 18px/23px "Source Sans Pro",Arial,sans-serif;
}
.claim-story-content ul {
position: relative;
list-style: none;
margin: 24px 0 16px;
padding: 0;
}
.claim-story-content li {
padding-left: 16px;
font: 18px/33px "Source Sans Pro",Arial,sans-serif;
color: #111111;
}
.claim-story-content li::before {
position: absolute;
left: 0;
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
font-size: 4px;
content: "\f111";
}
.claim-story-content p.claim-story-cost {
color: #111111;
font: 22px/28px "Source Sans Pro",Arial,sans-serif;
font-weight: 600;
}
@media only screen and (min-width: 992px) {
.claim-story-wrap {
margin-top: 0;
width: auto;
}
}
/*--details page - font changer--*/
.fontsize-change-wrapper {
display: flex;
align-items: flex-end;
}
.fontsize-article-wrapper {
float: right;
text-align:center;
margin-top:-7px;
margin-right: 25px;
}
.fontsize-change-wrapper p, .fontsize-article-wrapper p {
color: #333333;
display: inline;
font: 500 14px/1.2em "Roboto",Arial,sans-serif;
letter-spacing: 1px;
margin-bottom: 0;
margin-right: 5px;
text-align: center;
text-transform: uppercase;
}
.fontsize-change-wrapper button, .fontsize-article-wrapper button, .fontsize-change-wrapper button:hover, .fontsize-article-wrapper button:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
color: #333333;
font-family: "Roboto",Arial,sans-serif;
font-weight: 600;
border: medium none;
outline: medium none !important;
padding: 0 3px;
box-shadow: none;
}
.fontsize-change-wrapper button:hover, .fontsize-article-wrapper button:hover, .fontsize-change-wrapper button:focus, .fontsize-article-wrapper button:focus {
color: #333333 !important;
opacity: 0.8;
background: transparent !important;
}
.font-normal {
font-size:1em;
line-height: 18px;
}
.font-medium {
font-size:1.2em;
line-height: 21px;
}
.font-large {
font-size:1.5em;
line-height: 26px;
}
.fontsize-active {
outline: none !important;
}
.fontsize-active:focus {
outline:none !important;
}
/*--details page - follow story--*/
.follow-wrap {
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
height: auto;
margin: 24px auto;
color: #333333;
text-align: center;
}
.follow-top-margin, .flowers-top-margin, .share-top-margin {
margin-top: 196px;
}
.follow-wrap p {
color: #333333;
font:14px/18px "Source Sans Pro";
margin-bottom: 0;
text-align: center;
max-width: 208px;
}
.ap-follow-story-action {
margin-bottom: 10px;
font-weight: 400;
}
.ap-follow-story-follow:before {
content:"\f0e0";
font: 700 10px/1em Font Awesome\ 5 Pro;
margin-right: 6px;
position: relative;
top: -1px;
}
.ap-follow-story-unfollow:before {
content: 'Following';
}
.ap-follow-story-unfollow:after {
content: "\f00c";
display: inline-block;
font: 600 14px/1em Font Awesome\ 5 Pro;
margin-left: 6px;
}
.ap-follow-story-unfollow:hover:before, .ap-follow-story-unfollow:active:before {
content: 'Unfollow';
}
.ap-follow-story-unfollow:hover:after, .ap-follow-story-unfollow:active:after {
display:none;
}
.ap-follow-story-email-container, .ap-follow-story-success-container, .ap-unfollow-story-success-container {
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
}
.follow-container, .follow-success-container {
width: 560px;
position: relative;
display: block;
background-color:white;
text-align:center;
padding: 40px;
border-radius: 2px;
-webkit-box-shadow: 0 5px 20px 0 rgba(170,170,170,0.40);
box-shadow: 0 5px 20px 0 rgba(170,170,170,0.40);
}
.follow-container h3, .follow-success-container h3, .follow-container p.title, .follow-success-container p.title {
margin: 0px 0px 15px;
color: rgb(51, 51, 51);
font: 300 28px/1.2em "Source Sans Pro",Arial,sans-serif;
}
.follow-container h4, .follow-success-container h4 {
color: #999;
font: 400 14px/1.4em "Source Sans Pro",Arial,sans-serif;
}
.follow-container p, .follow-success-container p {
color: #999;
font: 400 14px/1.4em "Source Sans Pro",Arial,sans-serif;
}
.follow-success-container p {
margin-top: 20px;
}
.follow-story-img {
width: 105px;
height: 105px;
margin: 15px auto 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.follow-container .ap-close, .follow-success-container .ap-close {
position: absolute;
right: 25px;
top: 20px;
width: 20px;
height: 20px;
opacity: 0.3;
cursor: pointer;
}
.follow-container .ap-close:hover, .follow-success-container .ap-close:hover, .close-mobile-nav .ap-close:hover{
opacity: 1;
}
.follow-container .ap-close:before, .follow-container .ap-close:after, .follow-success-container .ap-close:before, .follow-success-container .ap-close:after, .close-mobile-nav .ap-close:before, .close-mobile-nav .ap-close:after {
position: absolute;
left: 15px;
content: ' ';
height: 25px;
width: 2px;
background-color: #333;
}
.follow-container .ap-close:before, .follow-success-container .ap-close:before, .close-mobile-nav .ap-close:before {
transform: rotate(45deg);
}
.follow-container .ap-close:after, .follow-success-container .ap-close:after, .close-mobile-nav .ap-close:after{
transform: rotate(-45deg);
}
.follow-container .ap-close.back-to-story, .follow-success-container .ap-close.back-to-story, .close-mobile-nav.ap-close.back-to-story {
position: relative;
margin-top: 40px;
top: auto;
right: auto;
left: auto;
width: auto;
height: auto;
opacity: 1;
cursor: pointer;
color: #3A6BD7;
}
.follow-container .ap-close.back-to-story:before, .follow-container .ap-close.back-to-story:after, .follow-success-container .ap-close.back-to-story:before, .follow-success-container .ap-close.back-to-story:after, .close-mobile-nav .ap-close.back-to-story:before, .close-mobile-nav.ap-close.back-to-story:after {
right: auto;
top: auto;
width: auto;
height: auto;
background-color: transparent;
}
.ap-follow-story-signup {
display: flex;
justify-content: center;
width: 100%;
margin-top: 25px;
margin-bottom: 55px;
}
.ap-follow-story-signup input.form-control[type="text"].ap-follow-story-email {
display: inline-block;
width: 65%;
height: 41px;
border-radius: 2px 0 0 2px;
}
.ap-follow-story-email::placeholder, .ap-follow-story-email::-webkit-input-placeholder, .ap-follow-story-email:-moz-placeholder, .ap-follow-story-email::-moz-placeholder, .ap-follow-story-email:-ms-input-placeholder {
font-style: normal;
}
.follow-container .ap-follow-story-action {
display: inline-block;
min-height: 0 !important;
width: 25%;
height: 41px;
margin-left: -4px;
border-radius: 0 2px 2px 0 !important;
}
.following {
margin-top: 25px;
margin-bottom: 5px;
font-size: 18px;
font-weight: 400;
cursor: auto;
}
.checkmark {
display: inline-block;
margin-left: 6px;
}
.checkmark:after {
content: "\f00c";
display: inline-block;
font: 400 14px/1em Font Awesome\ 5 Pro;
}
#unfollow-story-mobile .ap-follow-story-unfollow:after {
border: solid #333333;
border-width: 0 1px 1px 0;
margin-bottom: 5px;
}
#follow-story-nav-mobile .ap-follow-story-unfollow:after {
border: solid #479abb;
border-width: 0 1px 1px 0;
}
#follow-story-nav-mobile.ap-follow-story-unfollow:hover {
background: none;
}
/*--end details page - follow story--*/
.share-mobile {
display: flex;
align-items: center;
justify-content: space-around;
}
.close-mobile-nav {
display: flex;
position: relative;
flex-direction: column;
cursor: pointer;
}
.close-mobile-nav .ap-close {
height: 20px;
position: relative;
left: auto;
top: auto;
right: auto;
margin-bottom: 7px;
opacity: 0.3;
}
.details-share-wrap-mobile {
height: 48px;
margin: 30px 15px 20px 10px;
float: right;
}
/*--details page - email friend modal--*/
#email-friend-form {
display: none;
margin-top: 10px;
padding: 0;
}
#ui-dialog-title-email-friend-form p {
margin-top: 10px;
font-size: 15px;
line-height: 22px;
}
.ui-dialog {
border-radius: 4px 4px 4px 4px;
color: #222222;
margin: 0 auto;
overflow: hidden;
padding: 0.2em;
position: relative;
max-width: 500px !important;
}
.ui-widget-overlay {
background: none repeat scroll 0 0 #647684;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
}
.ui-widget-content {
padding: 35px;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 0;
border: none;
color: #333333;
}
.modal-content {
border-radius: 0;
box-shadow: none;
}
.ui-dialog-titlebar span.ui-dialog-title, .modal-body h2 {
color: #333333;
display: block;
font: 400 24px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 5px 0 5px 0;
}
/*.ui-dialog-titlebar span {
padding: 0 35px 0 10px;
}
.ui-dialog-titlebar-close {
position: absolute;
right: 0;
top: 0;
z-index: 99999;
}
.ui-icon-closethick {
background: url("//d2zfowlldib7se.cloudfront.net/assets/micasa/images/close.png") no-repeat scroll 0 0 transparent !important;
border: 0 none;
cursor: pointer;
display: block;
height: 21px;
margin: 15px -5px 0 0;
opacity: 0.6;
width: 21px;
}*/
.flower-info-graphic, .tree-info-graphic {
width: 100%;
height: 700px;
background-image: url("//d2zfowlldib7se.cloudfront.net/assets/beyondthedash/images/Flower-Process-Infographic.png");
background-size: auto;
background-repeat: no-repeat;
}
.tree-info-graphic {
background-image: url("//d2zfowlldib7se.cloudfront.net/assets/beyondthedash/images/Tree-Process-Infographic.png");
height: 500px;
}
@media (max-width: 992px) {
.flower-info-graphic {
background-size: contain;
height: 600px;
}
.tree-info-graphic {
background-size: contain;
height: 400px;
}
}
@media (max-width: 768px) {
.flower-info-graphic {
background-size: contain;
height: 400px;
}
.tree-info-graphic {
background-size: contain;
height: 350px;
}
}
@media (max-width: 480px) {
.flower-info-graphic {
background-size: contain;
height: 300px;
}
.tree-info-graphic {
background-size: contain;
height: 220px;
}
}
/*add long img download note for safari*/
#dialog-longfilename {
display: none;
padding: 0;
}
.ui-widget-content {
width: auto !important;
padding: 0;
}
.ui-dialog-titlebar span.ui-dialog-title {
margin: 0 0 24px 0;
padding: 0;
font-size: 32px;
line-height: 48px;
color: #333333;
}
.ui-dialog-title {
position: relative;
}
.ui-widget-content[role="dialog"] {
/*max-width: 532px !important;*/
padding: 16px 16px 24px 16px;
box-shadow: 1px 3px 4px 0 rgba(0,0,0,0.11);
border: 1px solid rgba(0,0,0,0.11);
margin: 0 0 0 100px;
}
.ui-widget-content p {
margin-bottom: 24px;
font-size: 18px;
line-height: 23px;
color: #333333;
}
.ui-icon-closethick {
background: none !important;
position: absolute;
top: 16px;
right: 16px;
font-size: 25px;
border: none;
height: 24px;
margin: 0;
padding: 0;
opacity: 1;
cursor: default;
z-index: 500;
box-shadow: none;
color: transparent;
cursor: pointer;
}
.ui-icon-closethick::after {
content: '\f00d';
font-family: Font Awesome\ 5 Pro;
font-weight: 500;
color: #333333;
cursor: pointer;
}
.ui-dialog-buttonset {
text-align: center;
}
.ui-button {
width: 240px;
height: 44px;
border-radius: 2px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 8px 16px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
background-color: #64427d;
border-color: #64427d;
color: #fff;
}
@media (min-width: 768px) {
#dialog-longfilename .ui-widget-content[role="dialog"] {
max-width: 532px !important;
}
}
/*end add long img download note for safari*/
/*--end details page--*/
/*--details page - photogallery styles--*/
/*.photogallery {
display: flex;
flex-wrap: wrap;
width: 100%;
background: #fff none repeat scroll 0 0;
padding: 2px;
}
.details-body-story .photogallery {
margin-top: 24px;
padding: 22px;
border: 1px solid #ECECEC;
}
.details-page .photogallery {
padding: 18px;
margin-top: 24px;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
}
.details-wrap .ap-photodisplay-photo-item:nth-child(+n+6) {
display: none;
}
.ap-photodisplay-photo-item {
width: 50%;
height: 200px;
}
.details-page .ap-photodisplay-photo-item {
height: 100px;
}
.photos5 .ap-photodisplay-photo-item {
width: 50%;
height: 243px;
border: 2px solid #ffffff;
}
.details-page .photos5 .ap-photodisplay-photo-item {
height: 130px;
}
.photos5 .ap-photodisplay-photo-item:nth-child(3), .photos5 .ap-photodisplay-photo-item:nth-child(4), .photos5 .ap-photodisplay-photo-item:nth-child(5), .photos3 .ap-photodisplay-photo-item {
width: 33.33333%;
height: 160px;
border: 2px solid #ffffff;
}
.details-page .photos5 .ap-photodisplay-photo-item:nth-child(3), .details-page .photos5 .ap-photodisplay-photo-item:nth-child(4), .details-page .photos5 .ap-photodisplay-photo-item:nth-child(5), .details-page .photos3 .ap-photodisplay-photo-item {
height: 100px;
}
.photos4 .ap-photodisplay-photo-item, .photos2 .ap-photodisplay-photo-item {
width: 50%;
height: 200px;
border: 2px solid #ffffff;
}
.details-page .photos4 .ap-photodisplay-photo-item, .details-page .photos2 .ap-photodisplay-photo-item {
height: 130px;
}
.photos1 .ap-photodisplay-photo-item {
width: 100%;
height: 400px;
border: 2px solid #ffffff;
}*/
/*Mosaic style images - PROD-2324*/
.photogallery {
line-height: 0;
-webkit-column-count: 2;
-webkit-column-gap: 0px;
-moz-column-count: 2;
-moz-column-gap: 0px;
column-count: 2;
column-gap: 0px;
background: #fff none repeat scroll 0 0;
padding: 2px;
}
.photogallery.photos1 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.details-body-story .photogallery {
margin-top: 24px;
padding: 22px;
border: 1px solid #ECECEC;
}
.photogallery img {
width: 100% !important;
height: auto !important;
}
.ap-photodisplay-photo-item {
position: relative;
display: block !important;
border: 2px solid #ffffff;
}
.ap-photodisplay-photo-item.ap-photodisplay-overflow {
display: none !important;
}
.keyboard-nav-button, .keyboard-nav-button:hover {
background: 0 0;
border: transparent;
height:100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: transparent !important;
color: transparent;
}
/*Use this again once IE11 support isn't necessary anymore
.photogallery img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
IE E10 and IE11
.photogallery img {
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%;
}
}
@supports (-ms-accelerator:true) {
IE Edge 12+ CSS styles go here
.photogallery img {
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%;
}
}
@supports not (-ms-high-contrast: none) {
all non IE browsers
.photogallery img {
width: 100%;
height: 100%;
object-fit: cover;
}
}*/
.photos1 .ap-photodisplay-photo-item, .photogallery.photos1 img {
height: auto;
}
.story-panel-bottom .photogallery img {
cursor: auto;
}
.ap-photodisplay-photos-container {
width: auto !important;
}
.details-page .ap-view-more-photo {
padding-top: 50%;
font-size: 14px;
}
#ap-photodisplay-photo-overlay {
cursor: initial !important;
overflow-y: scroll;
overflow-x: hidden;
}
#ap-photodisplay-photoslider {
width: 760px !important;
}
#ap-photodisplay-photoslider a .ap-image-thumbnail {
max-width: 100%;
}
#ap-photodisplay-photocarousel {
width: 710px !important;
max-width: 710px !important;
}
#ap-photodisplay-photocarousel ul.slides::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
border-radius: 3px;
background-color: #000000;
}
#ap-photodisplay-photocarousel ul.slides::-webkit-scrollbar {
background-color: #555555;
height: 8px;
}
#ap-photodisplay-photocarousel ul.slides::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
#ap-photodisplay-photocarousel a .ap-image-thumbnail {
filter:brightness(40%);
}
#ap-photodisplay-photocarousel .flex-active-slide a .ap-image-thumbnail {
filter:brightness(100%);
}
#ap-photodisplay-header {
height: 70px !important;
margin: 5% auto auto auto !important;
}
#ap-photodisplay-header h1, #ap-photodisplay-header p {
color: #ffffff;
}
#ap-photodisplay-header h1 {
font: 700 22px/1.4em "Source Sans Pro",Arial,sans-serif;
margin-bottom: 0;
}
.flex-control-nav, .flex-caption {
display: none;
}
.flex-active-slide > .flex-caption {
display: block;
bottom: 0;
left: 0;
padding: 20px;
background: rgba(0,0,0,0.1) !important;
color: #ffffff;
text-align: left;
}
.caption-submitted {
font: 600 14px/1.2em "Source Sans Pro",Arial,sans-serif;
text-transform: uppercase;
}
.submitted-by {
font: 600 16px/1.2em "Source Sans Pro",Arial,sans-serif;
text-transform: uppercase;
}
.submitted-date {
font: 600 14px/1.2em "Source Sans Pro",Arial,sans-serif;;
}
.photo-display {
margin-top: 60px;
}
.ap-photodisplay-photos-container.ap-owner-photos {
margin: 0px !important;
border: 0px !important;
width: 100vw !important;
height: 100vw !important;
max-width: 100% !important;
}
.ap-photodisplay-photo-item div {
width: 100%;
height: 100%;
cursor: pointer;
background-size: cover;
background-position: center;
}
.ap-view-more-photo {
display: inline-block !important;
padding-top: 38%;
text-align: center;
text-transform: lowercase;
}
.ap-view-more-photo:first-letter{
text-transform: capitalize
}
#ap-contribution-photo-overlay {
background-color: rgba(0,0,0,0.8) !important;
}
#ap-contribution-photoslider {
background: #000 !important;
margin-bottom: 20px;
}
.flex-direction-nav a.flex-prev {
left: -30px !important;
top: 18px !important;
}
.flex-direction-nav a {
top: 42% !important;
width: 20px !important;
}
.flex-direction-nav a.flex-prev {
background: url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/icons/icon-gallery-arrow-left.png") no-repeat scroll center;
}
.flex-direction-nav a.flex-next {
right: -30px !important;
top: 18px !important;
}
.flex-direction-nav a.flex-next {
background: url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/icons/icon-gallery-arrow-right.png") no-repeat scroll center;
}
#ap-photodisplay-photoslider .flex-direction-nav a {
height: 100%;
width: 35% !important;
background: 0 0 !important;
}
#ap-photodisplay-photoslider .flex-direction-nav a.flex-next {
right: 0 !important;
}
#ap-photodisplay-photoslider .flex-direction-nav a.flex-prev {
left: 0 !important;
}
.ap-contribution-photoslider a .ap-image-thumbnail {
max-width: 400px !important;
}
#ap-contribution-photocarousel .slides li {
width: auto !important;
display: flex !important;
justify-content: center;
}
#ap-contribution-photocarousel a .ap-image-thumbnail {
height: 100px !important;
}
#ap-contribution-container .ap-detail-overlay-closebtn {
position: absolute;
width: 100%;
height: 100%;
color: transparent !important;
cursor: default;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
#ap-contribution-container .ap-detail-overlay-closebtn::before, #ap-contribution-container .ap-detail-overlay-closebtn::after {
position: absolute;
right: 15px;
content: ' ';
height: 25px;
width: 2.5px;
background-color: #fff;
cursor: pointer;
}
#ap-contribution-container .ap-detail-overlay-closebtn::before {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
#ap-contribution-container .ap-detail-overlay-closebtn::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*--end details page - photogallery styles--*/
/*--create notice - select notice type--*/
#select-notice-hero {
background: #f8f8f8 url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/select-notice-type3.png") no-repeat scroll top right / auto;
padding: 50px 0;
}
#select-notice-hero .container-inner {
max-width: 720px;
}
#select-notice-hero h2, #select-notice-hero h1 {
color: #333333;
font-size: 32px;
font-weight: 400;
line-height: 43px;
}
#select-notice-hero h3 {
color: #333333;
font-size: 20px;
line-height: 27px;
}
#select-notice-hero p, #select-notice-hero h2 {
margin: 15px 0;
color: #333333;
font-size: 18px;
line-height: 24px;
}
#select-notice-hero p:nth-child(3) {
font-size: 16px;
}
.select-notice-table {
margin: 60px 0 40px 0;
}
.select-notice-category {
margin-bottom: 25px;
}
.select-notice-create-button {
border: 0.5px solid #ECECEC;
background-color: #FFFFFF;
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.11);
position:relative;
display:block;
color: #636363;
font-size: 16px;
line-height: 22px;
text-align: center;
padding: 20px;
}
/*.select-notice-category .dropdown-menu {
top: 195px;
right: 20px;
left: 20px;
height: 250px;
overflow-y: scroll;
overflow-x: hidden;
}
.select-notice-category .dropdown-menu > li > a {
white-space: unset;
}
.category-select-box {
display: block;
color: #333333;
font-size: 20px;
line-height: 27px;
text-align: center;
}
.category-description {
display: block;
margin-top: 20px;
text-align: center;
font-size: 16px;
color: #636363;
}
.select-notice-category-button {
display: inline-block;
width: 200px;
height: 40px;
text-align: center;
font-size: 15px;
font-weight: 500;
border: 1px solid #64427d;
border-radius: 2px !important;
background-color: #ffffff;
color: #ffffff;
padding: 8px 0px 0;
margin: 25px 0 15px;
max-height: 52px;
overflow: hidden;
}
.select-notice-category-button:hover, .select-notice-category-button:active, .select-notice-category-button:focus {
background-color: #9CA5B8;
border-color: #9CA5B8;
color: #9CA5B8;
}
.select-notice-category:first-child .select-notice-category-button:after {
display: none;
}
.select-notice-category:first-child .select-notice-category-button {
background-color: #64427d;
color: #64427d;
}
.select-notice-category:first-child .select-notice-category-button.saltwire {
color: #ffffff;
}
.select-notice-category:first-child .select-notice-category-button:hover, .select-notice-category:first-child .select-notice-category-button:active, .select-notice-category:first-child .select-notice-category-button:focus {
background-color: #9CA5B8;
border-color: #9CA5B8;
color: #9CA5B8;
}
.select-notice-category-button::before {
content: "Place a notice";
display:inline-block;
width: 100%;
color: #64427d;
}
.select-notice-category-button:hover::before, .select-notice-category-button:active::before, .select-notice-category-button:focus::before {
color: #fff;
}
.select-notice-category-button:hover:before {
color: #ffffff;
}
.select-notice-category:first-child .select-notice-category-button:before {
content: "Create an obituary";
color :#ffffff;
}
.select-notice-category:first-child .select-notice-category-button:hover::before, .select-notice-category:first-child .select-notice-category-button:active::before, .select-notice-category:first-child .select-notice-category-button:focus::before {
color: #ffffff;
}
.select-publication {
color: #ffffff !important;
padding: 15px 0px 15px !important;
letter-spacing: 1px;
}
.select-publication:before {
content: "";
}
*/
.category-image img {
display: none;
}
.select-notice-create-button {
color: #111111;
}
.category-select-title {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
margin-bottom: 16px;
border-radius: 2px;
background-color: rgba(100,66,125,0.8);
color: #ffffff;
font-size: 18px;
font-weight: 600;
line-height: 23px;
text-transform: uppercase;
}
.category-select-description, .package-features, .package-note {
text-align: left;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom : 1px solid #979797;
color: #111111;
font-size: 18px;
line-height: 23px;
}
.category-select-description {
text-align: center;
}
.package-features {
padding-bottom: 0;
list-style: none;
font-size: 16px;
line-height: 19px;
}
.package-features li {
margin-bottom: 16px;
}
.package-features li:before {
position: absolute;
content: '\f111';
font-family: "Font Awesome 5 Pro";
font-size: 4px;
font-weight: 600;
color: #7B70A2;
}
.package-features li div {
display: inline-block;
margin-left: 16px;
}
.package-note {
font-size: 14px;
line-height: 18px;
}
.package-description {
font-size: 16px;
line-height: 19px;
margin-top: 16px;
}
.starting-at {
font-size: 18px;
line-height: 21px;
}
.package-starting-at-price {
display: block;
margin-bottom: 22px;
font-size: 48px;
line-height: 48px;
}
.package-starting-at-price::first-letter {
font-size: 20px;
vertical-align: text-top;
}
.select-notice-continue-button, .select-notice-continue-button:hover, .select-notice-continue-button:active, .select-notice-continue-button:focus {
display: inline-flex;
align-items: center;
justify-content: center;
width: 162px;
height: 44px;
padding: 0;
/*color: transparent;*/
color: #ffffff;
}
.ap-selectcategory-breakdown-toggle {
display: block;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom : 1px solid #979797;
}
.ap-selectcategory-rate-breakdown {
margin-bottom: 16px;
}
/*.select-notice-continue-button::before {
position: absolute;
width: 162px;
content: "Place a notice";
color: #ffffff;
}
.select-notice-table .select-notice-category:first-child .select-notice-continue-button::before {
content: "Create an obituary";
}*/
@media only screen and (min-width: 992px) {
.select-notice-category {
padding: 0 12px;
}
}
@media only screen and (max-width: 991px) {
.select-notice-category {
padding: 0 12px;
}
}
.package-feature-checkmark, .package-features li:nth-child(even) {
display: none;
}
.category-description {
border-bottom: 1px solid #ccc;
}
/*--end create notice - select notice type--*/
/*--create story--*/
/*temp*/
#devpanel-contain {
display: none;
}
.create-story-row {
position: relative;
}
/* FUNERAL HOME USER STYLES */
#ap-funeral-home-user-data-items-container {
display: flex;
flex-wrap: wrap;
}
#ap-funeral-home-user-data-active-section {
text-align: center;
}
#ap-funeral-home-user-data-detail-container h4 {
font-size: 20px;
margin-top: 40px;
}
.funeral-home-user-details p {
margin-bottom: 20px;
}
#ap-funeral-home-user-data-detail-container .funeral-home-user-logo {
display: table-cell;
max-width: 100%;
vertical-align: middle;
}
#ap-funeral-home-user-data-detail-container .funeral-home-user-logo img {
margin: 35px auto 0;
max-height: 80px;
max-width: 245px;
}
.funeral-home-user-details {
margin-bottom: 30px;
}
#ap-funeral-home-user-data-detail-container span {
display: inline-block;
color: #979797;
margin-bottom: 10px;
}
#ap-funeral-home-user-data-change {
display: block;
float: left;
margin: 0 auto;
position: relative;
top: -40px;
width: 100%;
}
#ap-funeral-home-user-data-modal .modal-dialog {
min-width: 865px;
top: 10%;
transform: translateX(-50%);
}
.ap-funeral-home-user-cancel {
display: none;
}
.ap-funeral-home-user-data-select-item {
padding-left: 24px;
margin-bottom: 24px;
text-align: left;
}
.ap-funeral-home-user-data-select-item .ap-funeral-home-user-data-radio {
margin: 0 7px 0 -25px;
}
.ap-funeral-home-user-data-select-item span {
display: block;
margin-top: 5px;
}
#ap-funeral-home-user-data-modal .modal-content {
padding: 30px;
}
#ap-funeral-home-user-data-modal .modal-header {
padding-top: 0;
}
#ap-funeral-home-user-data-modal .modal-footer {
border-color: #cacaca;
text-align: center;
padding: 40px 0 0;
}
#ap-funeral-home-user-data-modal #ap-funeral-home-user-data-save {
margin-left: 35px;
padding: 6px 16px !important;
}
/*create story general styles - text/titles/containers*/
.create-details-top-text {
position: relative;
max-width: 562px;
margin: 40px auto 0;
padding:0;
}
.create-story-title-large {
color: #111111;
font-size: 32px;
line-height: 40px;
margin-bottom: 24px;
}
.create-story-white-box {
background-color: #FFFFFF !important;
-webkit-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
padding: 24px 32px 32px 32px;
margin-bottom: 24px;
}
.create-story-white-box .btn {
box-shadow: none;
padding: 7px 16px;
}
.create-story-white-box.nomargin {
margin-bottom: 0;
}
.create-story-white-box.nopadding {
padding: 0 0 32px 0;
}
.create-story-white-box.yellow-bg {
background: #FFFCDC !important;
/*padding: 8px 32px;*/
}
.create-story-white-box .bold-text {
font-weight: 600;
}
.extra-padding {
padding: 0 32px;
}
.extra-margin {
margin-left: 32px;
}
.create-story-white-box .form-group {
margin: 24px 0 0 0;
}
.create-story-white-box .form-group.form-dates {
display: flex;
flex-wrap: wrap;
/* align-items: flex-end;*/
margin: 16px 0 0 0;
}
/*.ap-validator-wrap[data-validator-key=yearbirth] .ap-validator-error-message.ap-validator-active-message,
.ap-validator-wrap[data-validator-key=yearpass] .ap-validator-error-message.ap-validator-active-message {
*/
}
[name="yearbirth"] {
margin-right: 0;
}
.create-story-white-box .form-group.funeral-info {
margin: 16px 0 0 0;
}
.create-story-white-box .form-dates.date-of-passing {
margin: 12px 0 0 0;
}
.create-story-title {
color: #111111;
font-size: 20px;
line-height: 25px;
margin-bottom: 8px;
}
.create-details-top-text p {
position: relative;
color: #333333;
margin: 8px 0 24px;
}
.create-story-white-box label {
display: block;
width: 100%;
margin-bottom: 4px;
}
.create-story-white-box .form-group input[type="text"] {
width: 268px;
height: 44px;
border: 1px solid #CFCFCF;
margin-bottom: 16px;
padding-left: 16px;
font-size: 16px;
color: #333333;
}
.create-story-white-box .form-group input[type="text"]::placeholder {
font-style: normal;
text-align: right;
font-size: 12px;
line-height: 30px;
color: #333333;
}
.create-story-white-box input[type="text"]::placeholder {
font-style: normal;
color: #aaa;
}
/*.add-preferred-name {
display: block;
margin-top: -8px;
margin-bottom: 16px;
color: #848FA7;
cursor: pointer;
}*/
.form-dates .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 140px;
margin-bottom: 16px;
margin-right: 16px;
}
.create-story-white-box .form-dates.form-group input:not(.create-checkbox), .create-story-white-box .form-dates .bootstrap-select .btn-default, select.ap-obit-create-story-field {
width: 140px;
height: 44px;
background: transparent;
float: left;
margin: 0 16px 4px 0;
border: 1px solid #333333;
color: #333333;
box-shadow: none;
font-weight: 400;
}
.create-story-white-box .form-dates .bootstrap-select .btn-default:hover {
background: transparent;
}
.ap-validator-wrap[data-validator-key="monthbirth"], .ap-validator-wrap[data-validator-key="monthpass"] {
position: relative;
}
select[name="monthbirth"], select[name="monthpass"] {
margin-bottom: 4px;
cursor: pointer;
}
.ap-validator-wrap[data-validator-key="monthbirth"]::after, .ap-validator-wrap[data-validator-key="monthpass"]::after {
content: '\f107';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
font-size: 16px;
line-height: 16px;
position: absolute;
top: 15px;
right: 38px;
}
select.ap-obit-create-story-field {
border-radius: 0;
background: #ffffff;
padding-left: 8px;
}
.create-story-white-box .form-dates.form-group input::placeholder, .create-story-white-box .form-dates .bootstrap-select .btn-default::placeholder {
font-size: 16px;
line-height: 30px;
text-align: left;
color: #333333;
}
.create-story-white-box .caret::after {
font-weight: 600;
}
#ap-obit-funeral-field-delete {
display: block;
margin: 16px 0;
}
/*--create story facebook livelink validation--*/
.fb-livelink-validation {
margin-top: 4px;
font-size: 14px;
font-weight: 600;
color: #cd0000;
}
.fb-livelink-validation span {
display: block;
font-weight: 400;
}
.fb-live {
border: 1px solid #cd0000 !important;
}
/*--create story custom checkbox for hiding fh--*/
.create-checkbox, .ap-funeral-service-include-in-print {
/*position: absolute;
top: 0;
left: 0;
height: 16px;*/
width: 16px;
background-color: rgba(132,143,167,0.15);
margin: 3px 0 0 0;
padding: 0;
height: 16px !important;
min-height: 0;
}
.checkbox-text {
display: inline-block;
margin-left: 8px;
}
.ap-validator-wrap[data-validator-key="includeinprint"] {
display: block;
position: relative;
}
/*.ap-validator-wrap[data-validator-key="yearpass"] .ap-validator-error-message.ap-validator-active-message, .ap-validator-wrap[data-validator-key="yearbirth"] .ap-validator-error-message.ap-validator-active-message {
position: absolute;
width: 300px;
margin-top: -25px;
margin-left: -30px;
}
.ap-validator-wrap[data-validator-key="yearbirth"] .ap-validator-error-message.ap-validator-active-message {
margin-left: -15px;
}*/
.create-story-white-box input:checked ~ .create-checkbox::after {
content: '\f00c';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
font-size: 12px;
line-height: 15px;
margin-left: 3px;
}
.create-checkbox :after {
content: "";
position: absolute;
display: none;
}
.create-story-white-box input:checked ~ .create-checkbox:after {
display: block;
}
/*--create story funeral home select dropdown--*/
.ui-autocomplete {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #ccc !important;
border-radius: 0 !important;
float: left !important;
}
.ui-autocomplete .ui-menu-item a {
border: medium none !important;
color: #333333;
cursor: pointer;
display: block;
font-size: 14px;
float: left;
height: 34px;
padding: 6px 12px;
width: 100%;
}
ul.ui-autocomplete.ap-funeral-home-autocomplete {
z-index: 1001 !important;
}
.ap-funeral-home-autocomplete .ui-menu-item a {
height: auto;
}
.ap-funeral-home-autocomplete .ui-menu-item a span {
color: #333333;
display: block;
padding: 3px 0 5px;
}
#ap-funeral-home-form-autocomplete-container .ap-funeral-home-autocomplete {
height: auto;
max-height: 391px;
overflow-y: scroll;
overflow-x: hidden;
border: 0 !important;
border-top:1px solid #ccc !important;
border-bottom:1px solid #ccc !important;
border-right: 1px solid #ccc !important;
padding: 0;
margin-top: -2px;
}
#ap-funeral-home-form-autocomplete-container .ap-funeral-home-autocomplete .ui-menu-item a {
border-left: 1px solid #ccc !important;
margin-left: 1px;
}
.ui-autocomplete .ui-menu-item {
list-style: none none outside;
}
/*--create story funeral services events--*/
.create-details-top-text .hide-from-print {
display: flex;
margin: 16px 0 0 0;
}
.create-details-top-text p.hide-from-print.dates {
display: flex;
margin: 0 0 16px 0;
}
.create-story-white-box .btn-add-event {
padding-left: 32px;
position: relative;
/*color: #333333;*/
}
.btn-add-event:before {
position: absolute;
top: 12px;
left: 0;
content: '\f067';
font-family: Font Awesome\ 5 Pro;
font-size: 10px;
line-height: 10px;
margin-left: 16px;
}
.create-story-white-box .form-group.ap-funeral-service-form-section {
background-color: rgba(132,143,167,0.08);
padding: 16px 32px 24px 32px;
margin-bottom: 16px;
}
.ap-funeral-service-form-remove {
position: relative;
float: right;
padding-left: 32px;
color: #333333;
}
.ap-funeral-service-form-remove:hover {
color: #333333;
}
.ap-funeral-service-form-remove::before {
position: absolute;
top: 3px;
left: 0;
content: '\f2ed';
font-family: Font Awesome\ 5 Pro;
font-size: 12px;
line-height: 13px;
margin-left: 16px;
}
.create-story-white-box .ap-funeral-service-form-wrapper .bootstrap-select .btn-default {
width: 268px;
height: 44px;
background: #ffffff;
border: 1px solid #CFCFCF;
color: #333333;
padding-top: 10px;
box-shadow: none;
}
.create-story-white-box .form-group .funeral-event-time input {
width: 140px;
margin-right: 16px;
padding: 10px 0 0 16px;
font-size: 16px;
line-height: 20px;
}
.ap-funeral-service-start-time-form {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.create-story-white-box .form-group input[type="text"].ap-funeral-service-start-date-form {
font-size: 16px;
}
.create-story-white-box .form-group input[type="text"].event-time {
padding-top: 6px;
}
.create-story-white-box .form-group input[type="text"].event-time::-webkit-input-placeholder {
line-height: normal;
}
.event-time[readonly] {
background: #ffffff;
}
.create-story-white-box .form-group .funeral-event-time input::placeholder, .create-story-white-box .form-group input.ap-funeral-service-start-date-form::placeholder {
font-size: 16px;
text-align: left;
}
/*--create story - funeral services calendar drop down--*/
.rd-time-option.active {
background: #CFCFCF !important;
}
.rd-time-option.active:hover {
background: #CFCFCF !important;
}
.rd-container.ap-funeral-service-date-picker {
border: 1px solid #CFCFCF !important;
font-size: 15px;
}
.rd-container.ap-funeral-service-date-picker .rd-day-selected {
background-color: rgba(132,143,167,0.08);
border-radius: 0;
color: #111111;
}
.rd-container.ap-funeral-service-date-picker .rd-back, .rd-container.ap-funeral-service-date-picker .rd-next, .rd-container.ap-funeral-service-date-picker .rd-month-label {
padding: 10px 0;
}
.rd-container.ap-funeral-service-date-picker .rd-day-head {
font-size: 12.8px;
padding: 0 2px;
text-align: center;
}
.rd-container.ap-funeral-service-date-picker .rd-day-disabled {
color: #111111;
}
.rd-container.ap-funeral-service-time-picker .rd-time-selected, .rd-container.ap-funeral-service-time-picker .rd-time-option:hover {
background-color: #479abb;
}
.rd-container.ap-funeral-service-time-picker {
border: medium none;
font-size: 15px;
padding: 0;
}
.rd-container.ap-funeral-service-time-picker .rd-time-list {
border: 1px solid #CFCFCF;
text-align:left;
width: 230px;
}
.rd-container.ap-funeral-service-time-picker .rd-time-option, .rd-container.ap-funeral-service-time-picker .rd-time-selected {
padding-left:15px;
}
.rd-container.ap-funeral-service-time-picker .rd-time {
margin-top: 0;
}
/*--create story photo album--*/
/*--accessibility--*/
.fsp-local-source__fileinput {
position: relative !important;
opacity: 1 !important;
z-index: 1 !important;
}
.user-is-tabbing .fsp-local-source__fileinput {
width: auto !important;
height: auto !important;
z-index: 1 !important;
position: relative !important;
opacity: 1 !important;
}
/*--end accessibility--*/
.ap-create-story-upload-main-photo-text {
position: relative;
}
.ap-create-story-upload-main-photo-text span {
margin-right: 18px;
}
.ap-create-story-upload-main-photo-text span::after {
content: '\f093';
font-family: Font Awesome\ 5 Pro;
font-size: 16px;
margin-right: 8px;
}
.photo-details {
text-align: center;
}
#ap-create-story-main-photo-upload, #ap-createstory-background-upload, .ap-create-story-main-photo-upload-filestack, .ap-createstory-background-upload {
background: none;
width: auto;
height: auto;
margin: 24px 0 0 0;
padding: 0;
min-height: 0;
border: 0;
text-align: center;
}
#ap-createstory-background-upload, .ap-createstory-background-upload {
display: inline;
margin: 0;
position: relative;
color: #333333;
}
#ap-create-story-main-photo-upload, .ap-create-story-main-photo-upload-filestack {
margin-bottom: 24px;
}
.create-story-bg .dz-message, .ap-photo-editor-controls {
position: relative;
display: inline;
border: 0;
color: #333333;
}
#ap-ap-create-story-background-photo-rotateright {
margin-right: 16px;
}
#ap-create-story-main-photo-upload .dz-default dz-message {
background: none;
height: auto;
width: auto;
top: auto;
left: auto;
margin: 0;
padding: 0;
position: relative;
}
.photocontainer-wrapper {
width: 269px;
margin: 0px auto;
border: 0.5px solid #ECECEC;
padding: 24px;
}
/*--create story - background upload--*/
.dropzone.dz-started .dz-message {
opacity: 1 !important;
display: inline-block !important;
}
.create-story-bg .dropzone.dz-started .dz-message {
position: relative !important;
display: inline !important;
}
.dz-preview.dz-processing.dz-image-preview {
position: absolute;
top: -250px;
left: 50%;
transform: translateX(-50%);
}
.photo-controls-wrapper {
width: 220px;
margin: 0px auto;
font-size: 14px;
line-height: 18px;
color: #333333;
}
.photo-controls-wrapper-bg {
width: 270px;
display: flex;
justify-content: space-between;
margin-top: 32px;
}
.create-story-white-box .form-group.create-story-bg, #ap-create-story-main-photo-controls {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 44px 0 16px 0;
}
.create-story-white-box .form-group.create-story-bg {
margin: 24px 0 0 0;
}
#ap-create-story-main-photo-remove {
float: left;
margin-right: 8px;
position: relative;
font-size: 14px;
line-height: 18px;
color: #333333;
margin-right: 8px;
}
#ap-create-story-main-photo-remove:before {
content: '\f2ed';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
position: absolute;
width: 100%;
margin-top: -20px;
text-align: center;
}
#ap-main_photo-rotateleft:before, #ap-ap-create-story-background-photo-rotateleft:before {
content: '\f0e2';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
position: absolute;
width: 100%;
margin-top: -20px;
text-align: center;
}
#ap-main_photo-zoomin:before, #ap-ap-create-story-background-photo-zoomin:before {
content: '\f00e';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
position: absolute;
width: 100%;
margin-top: -20px;
text-align: center;
}
#ap-main_photo-zoomout:before, #ap-ap-create-story-background-photo-zoomout:before {
content: '\f010';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
position: absolute;
width: 100%;
margin-top: -20px;
text-align: center;
}
#ap-createstory-background-upload::before, .ap-createstory-background-upload::before {
content: '\f093';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
position: absolute;
width: 100%;
margin-top: -20px;
text-align: center;
}
.ap-create-story-background-item {
flex: none;
width: 31.5%;
padding: 0;
margin-bottom: 8px;
position: relative;
cursor: pointer;
}
/*.ap-create-story-background-item:first-child {
display: none;
} */
.ap-create-story-background-item img {
max-width: 100%;
}
/*.ap-create-story-background-item::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(10.19deg, #FCFCFC 0%, rgba(252,252,252,0.72) 42.91%, rgba(252,252,252,0) 100%), linear-gradient(0deg, #FCFCFC 0%, rgba(252,252,252,0.72) 42.91%, rgba(252,252,252,0) 100%);
}*/
.create-story-bg .guillotine-window {
margin: 0 !important;
height: 231px !important;
}
.create-story-bg .guillotine-window::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(10.19deg, #FCFCFC 0%, rgba(252,252,252,0.72) 42.91%, rgba(252,252,252,0) 100%), linear-gradient(0deg, #FCFCFC 0%, rgba(252,252,252,0.72) 42.91%, rgba(252,252,252,0) 100%);
}
.dropzone__button--fake {
background: 0 0;
border: transparent;
height: 80px;
left: 0;
position: absolute;
top: 0;
width: 100%;
color: transparent;
}
.dropzone__button--fake:focus, .dropzone__button--fake:active {
color: transparent;
}
/*--create story - story content textbox--*/
.story-content {
border: 1px solid #333333;
padding: 12px 16px;
margin-bottom: 16px;
}
.story-content::placeholder {
font-style: normal;
color: #333333;
font-family: "Source Sans Pro";
font-size: 16px;
}
/*--create story - save buttons--*/
.create-story-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin: 42px 0 70px;
}
.ap-funeral-service-error-msg, #ap-funeral-service-select-error, #ap-create-story-form-story-error-msg, #ap-create-story-form-epitaph-error-msg, #ap-create-story-form-details-error-msg {
color: #cd0000;
font-style: normal;
font-weight: 300;
}
/*--create story - validation--*/
.create-story-white-box .ap-validator-wrap:not([data-validator-mod="funeralservice"]) {
display: inline-flex;
flex-direction: column-reverse;
width: 100%;
margin-bottom: 12px;
}
.create-story-white-box .form-dates .ap-validator-wrap {
display: flex;
flex-direction: column-reverse;
width: 31.3%;
justify-content: flex-end;
position: relative;
}
.create-story-white-box .ap-validator-wrap[data-validator-key="mainphotourl"] {
display: inline;
}
.create-story-white-box .ap-validator-error-message {
font: 12px/15px "Source Sans Pro";
color: #EE001D;
}
.create-story-white-box .form-group input[type=text], .story-content {
margin-bottom: 4px;
}
.ap-validator-active-message + input, .ap-validator-active-message + textarea {
border: 1px solid #EE001D !important;
}
.create-story-white-box .form-content {
margin-bottom: 8px;
}
.create-story-white-box .form-group.form-dates, .create-story-white-box .form-dates.date-of-passing {
margin: 0;
}
#ap-obit-funeral-field-delete {
margin: 0 0 16px;
}
/*#content #ap-obit-funeral-create-details input.form-control[type="text"] {
margin-top: 4px;
margin-top: 8px;
}*/
/*--end create story - validation--*/
.year-required {
position: absolute;
right: 30px;
/*bottom: 22px;*/
margin-top: 8px;
}
.year-required::before {
content: "Required";
font-size: 12px;
line-height: 30px;
color: #333333;
}
#ap-create-story-form-location-error {
display: none !important;
}
/*--end create story--*/
/*--edit story--*/
.details-content-wrap .btn-back {
position: absolute;
}
#content #ap-funeral-home-user-data-detail-container {
margin: 0;
}
#ap-funeral-home-user-data-detail-container .funeral-home-user-logo img {
margin: 35px auto 0;
max-height: 80px;
max-width: 245px;
}
#ap-funeral-home-user-data-container {
width: 100%;
text-align: center;
}
#ap-funeral-home-user-data-detail-container h4 {
font-size: 20px;
margin-top: 40px;
}
/*--edit story--*/
/*--modal styles--*/
.modal.fade .modal-dialog.modal-dialog-center, .modal-dialog-center {
position: absolute;
margin: 0 !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#FlowerInfo .modal-dialog-center, #TreeInfo .modal-dialog-center {
position: relative;
}
.modal-content, .modal-header, .modal-footer {
border: none;
}
.modal-content, .modal-header, .modal-footer, .modal-body {
border: none;
padding: 0;
}
.modal-content {
padding: 16px 16px 32px 16px;
}
.modal-body {
padding-bottom: 10px;
}
.modal-header h3, .modal-header p.title {
margin-bottom: 24px;
font-size: 24px;
font-weight: 600;
line-height: 31px;
color: #111111;
}
.modal-header button, .modal-header .close, .modal-header .close:hover, .modal-header .close:active, .modal-header .close:focus {
margin: 0;
padding: 0;
box-shadow: none;
background: transparent;
color: #333333;
}
.modal-header button::after, .modal-header .close::after {
content: '\f00d';
font-family: Font Awesome\ 5 Pro;
font-size: 24px;
line-height: 24px;
}
.modal-footer .btn {
display: flex;
align-items: center;
height: 44px;
margin: 0;
padding: 0 16px;
}
/*--end modal styles--*/
#ap-obit-create-story-form-details label {
text-align: left;
}
#ap-obit-create-story-form-details.fade {
transition: none;
}
#ap-delete-story .modal-dialog-center {
margin: 0 !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#ap-obit-create-story-form-details.modal.fade .modal-dialog, #ap-manage-draft-stories-confirm-remove.modal.fade .modal-dialog, #ap-delete-story .modal-dialog {
opacity: 1;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
#ap-create-story-container .modal-backdrop {
background-color: transparent !important;
}
.modal-backdrop {
background-color: transparent;
background: rgba(0, 0, 0, 0.2) !important;
}
#ap-obit-create-story-form-details .modal-title {
margin: 35px 0 35px 35px;
display: none;
}
#ap-manage-draft-stories-confirm-remove .modal-header, #ap-delete-story .modal-header, #ap-archive-confirm-modal .modal-header {
margin:0;
padding: 0;
}
#ap-manage-draft-stories-confirm-remove .modal-title, #ap-delete-story .modal-title, #ap-archive-confirm-modal .modal-title {
color: #111111;
font-family: "Source Sans Pro";
font: 20px/25px "Source Sans Pro",Arial,sans-serif;
text-align: center;
margin: 0;
}
#ap-manage-draft-stories-confirm-remove .modal-title {
margin: 0 0 40px 0;
}
#ap-archive-confirm-modal .modal-footer .row {
flex-direction: row-reverse;
}
.ap-archive-cancel-button {
margin-left: 8px;
border-radius: 4px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 11px 16px;
/* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);*/
background-color: #ffffff;
border: 1px solid #64427d;
color: #64427d;
}
.ap-archive-cancel-button:hover, .ap-archive-cancel-button:focus, .ap-archive-cancel-button:active {
background: #EFEBF2;
color: #64427d;
}
#ap-obit-create-story-form-details .modal-dialog {
width: 592px;
margin-top: -325px !important;
margin-left: -310px !important;
}
#ap-obit-create-story-form-details .modal-content, #ap-manage-draft-stories-confirm-remove .modal-content, #ap-delete-story .modal-content, #ap-archive-confirm-modal .modal-content {
border-radius: 0px;
border: 0px none;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.11);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.11);
margin-left: 30px;
}
#ap-manage-draft-stories-confirm-remove .modal-content, #ap-delete-story .modal-content, #ap-archive-confirm-modal .modal-content {
margin-left: 0;
text-align: left;
padding: 40px 72px;
}
#ap-obit-create-story-form-details .modal-body, #ap-manage-draft-stories-confirm-remove .modal-body, #ap-delete-story .modal-body, #ap-archive-confirm-modal .modal-body {
margin: 16px 0 0 0;
padding: 0;
text-align: center;
}
#ap-obit-create-story-form-details .modal-body label {
text-align: center;
}
#ap-manage-draft-stories-confirm-remove .modal-body p, #ap-archive-confirm-modal .modal-body .modal-body p {
margin-bottom: 40px;
}
.modal-footer::before, .modal-footer::after {
content: initial;
display: initial;
}
#ap-obit-create-story-form-details .modal-footer, #ap-manage-draft-stories-confirm-remove .modal-footer, #ap-delete-story .modal-footer, #ap-archive-confirm-modal .modal-footer {
margin: 20px 0 0;
padding: 0 24px;
border: none;
text-align: center;
}
#ap-obit-create-story-form-details .modal-footer {
margin: 20px 0 0;
padding: 0 45px 20px 0;
padding: 0 45px 0 0;
border: none;
}
#ap-manage-draft-stories-confirm-remove .modal-footer, #ap-delete-story .modal-footer, #ap-archive-confirm-modal .modal-footer {
margin: 0;
padding: 0;
}
#ap-manage-stories-delete-section .modal-header {
margin: 0 0 20px;
}
#ap-manage-stories-delete-section .modal-body {
margin-bottom: 40px;
padding: 0 30px 0 45px;
}
#ap-manage-stories-delete-section .modal-footer {
text-align: right;
}
#ap-manage-draft-stories-confirm-btn, #ap-delete-story-confirm, #ap-manage-ads-confirm-cancel-confirm {
margin-left: 32px;
}
.modal-backdrop {
background-color: #273c4f;
}
#ap-obit-create-story-form-details .modal-body .form-group {
width: 100%;
}
#mainphoto {
background: rgba(0,0,0,.6);
}
#mainphoto .modal-dialog {
-webkit-transform: translate(0,100px);
transform: translate(0,100px);
}
#mainphoto .modal-content {
border: 0;
text-align: center;
background: none;
}
#mainphoto .close {
position: absolute;
background: 0 0;
border: none;
right: 0;
width: 100%;
height: 95%;
margin: 0;
padding: 0;
opacity: 1;
cursor: default;
z-index: 500;
}
#mainphoto .close::after {
position: absolute;
top: 16px;
right: 16px;
font-size: 25px;
content: '\f00d';
font-family: Font Awesome\ 5 Pro;
font-weight: 300;
color: #fff;
cursor: pointer;
}
/*--end modals--*/
/*--learn and prepare--*/
.articles-wrap {
margin-top: 32px;
}
.breadcrumb {
background-color: rgba(0,0,0,0);
border: 1px solid transparent;
border-radius: 0;
padding: 0;
}
.breadcrumb li {
margin-right: 8px;
}
.breadcrumb li a {
color: #111111;
}
.article-row-wrapper {
/* display: flex;
flex-wrap: wrap;*/
margin-top: 24px;
}
/*.a, .c, .article-ad-tags {
width: 100%;
}*/
/*.article-main-content {
width: 100%;
flex: 0 0 100%;
}*/
.article-big-box {
display: block;
margin-bottom: 16px;
}
@media (min-width: 992px) {
/*.article-row-wrapper {
flex-direction: column;
}
.article-main-content {
flex: 0 0 100%;
width: 75%;
padding-right: 12px;
}
.article-ad-tags {
width: 25%;
}*/
.article-ad-tags.a {
margin-top: 120px;
margin-bottom: 16px;
}
}
@media (max-width: 992px) {
.article-main-content {
order: 1;
}
.article-ad-tags {
text-align: center;
}
.article-ad-tags.a {
order: 0;
margin: 16px 0;
}
.article-ad-tags.c {
order: 2;
margin-bottom: 16px;
}
}
#ap-article-summary-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ap-article-summary-item {
width: 48.5%;
border: 0.5px solid #ECECEC;
background-color: #FFFFFF;
-webkit-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
padding: 16px;
margin-bottom: 24px;
}
/*.article-side-content .ap-article-summary-item {
width: 300px;
}*/
.article-side-content .ap-article-summary-viewmore {
display: none;
}
.ap-article-summary-item a {
display: inline-block;
}
.ap-article-summary-item a p {
margin: 0;
color: #333333;
font-weight: 400;
}
.ap-article-summary-item img {
width: 100%;
height: 240px;
object-fit: cover;
}
.articles-wrap h1, .articles-content h1 {
font-size: 32px;
line-height: 40px;
font-weight: 400;
color: #111111;
}
.articles-content.figure-caption h2 {
margin: 0;
text-align: right;
}
.articles-content h4 {
margin-top: 10px;
margin-bottom: 15px;
font-size: inherit;
font-weight: 600;
}
.articles-content ul {
margin-bottom: 8px;
}
.ap-article-details-content {
margin: 32px 0;
color: #111111;
}
.ap-article-details-content p, .ap-article-details-content h5 {
margin-bottom: 20px;
padding-left: 0!important;
}
.ap-article-details-content h6 {
margin-top: -35px;
}
.ap-article-details-illustration {
clear: both;
margin-top: 7px;
}
.ap-article-details-illustration img {
width: 100%;
max-height: 475px;
object-fit: cover;
}
.ap-article-details-content img {
width: 100%;
height: auto;
margin-top: 16px;
}
.figure-caption {
margin: 0 auto 16px;
padding: 4px 0 0 0;
text-align: right;
color: #333333;
}
.article-side-content h2 {
font-size: 28px;
line-height: 36px;
color: #111111;
}
.figure-caption .ap-readmore-action-container {
float: right;
text-transform: uppercase;
}
.figure-caption .ap-readmore-action-container .ap-readmore-more:after {
color: #333333;
content: '\25BE';
margin-left: 4px;
}
.figure-caption .ap-readmore-action-container .ap-readmore-less {
display: none !important;
}
.ap-article-details-content br {
display: none;
}
.ap-article-summary-item h3, .ap-article-summary-item h2 {
color: #111111;
font-size: 20px;
line-height: 25px;
margin: 8px 0;
}
.ap-article-summary-item h4.blog-panel-sub-title {
font-size: 15px;
}
.ap-article-summary-item h6, .ap-news-summary-item h6 {
color: #8f8f8f;
font: 300 15px "Source Sans Pro",Arial,sans-serif;
margin-top: 6px;
}
.ap-article-summary-details h3 {
color: #333333;
margin: 0 15px 0 0;
}
.ap-article-summary-details a h3 {
color: #333333;
}
.ap-article-summary-details h6 {
color: #8f8f8f;
font: 300 15px "Source Sans Pro",Arial,sans-serif;
margin-top: 6px;
}
.ap-article-summary-divider {
color: #D0D2D3;
float: left;
height: 1px;
margin: 25px auto;
width: 100%;
}
#ap-article-summary-container .ap-article-summary-item:first-child .ap-article-summary-divider, #ap-news-summary-container .ap-news-summary-item:first-child .ap-article-summary-divider, #ap-event-summary-container .ap-event-summary-item:first-child .ap-article-summary-divider {
display:none;
}
.ap-article-summary-viewmore {
background: url("//d2zfowlldib7se.cloudfront.net/assets/brand/images/view-more-divider.png") repeat scroll center center rgba(0,0,0,0);
float: left;
margin: 30px auto;
text-align: center;
width: 100%;
}
.ap-article-details-content p[style="padding-left: 120px:"] {
padding-left: 16px !important;
}
/*.article-font-wrapper {
flex-direction: row-reverse;
}*/
/*--end learn and prepare--*/
/*--fuenral homes - maps page - old implemented new one december 2019 - remove at some point--*/
/*.ap_map_window_paginator {
border-bottom: 1px solid #918f8f;
float: left;
margin-bottom: 10px;
padding-bottom: 5px;
width: 100%;
}
.funeral-search-fields {
float:left;
width: 85%;
}
.funeral-search-submit {
float:left;
padding-top: 10px;
padding-left: 5px;
}
.ap_funeral_field {
border: 1px solid #918F8F !important;
border-radius: 2px !important;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset !important;
font: 300 16px/1.6em "Roboto",Arial,sans-serif;
margin: 10px 0 0 1.5% !important;
padding: 5px 10px !important;
width: 48% !important;
}
.funeral-search-description input {
width: 98% !important;
}
.funeral-slod-wrap {
padding-bottom: 15px;
padding-top: 15px;
}
.funeral-homes-listings-wrap {
padding: 0;
}
.funeral-homes-map-wrap {
padding: 0 10px;
}
#ap-generic-summary-map-empty-adlisting, #ap-generic-summary-map-empty {
line-height: 1.6em;
padding: 20px 25px;
}
.funeral-slod-wrap input[type="submit"] {
background: url("//d2zfowlldib7se.cloudfront.net/assets/brand/images/ui-elements/action-icons-orange-grey/glass@1x.png") no-repeat scroll left 8px center #64427d !important;
color: #fff;
margin: 0;
display: inline-block;
padding: 8px 10px 8px 26px !important;
border-color: #64427d !important;
border-radius: 2px !important
}
.funeral-slod-wrap span {
margin: 0 10px;
}
.funeral-slod-wrap .ap_funeral_field {
padding: 6px;
width: 41%;
}
.funeral-search-location {
margin:0px !important;
}
.funeral-search-location input {
background: url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/location-icon@2x.png") no-repeat scroll 7px center / 20px 25px transparent !important;
padding-left: 33px !important;
}
.summary-scrolling-box {
height: 584px;
overflow: auto;
}
.ap-generic-summary-map-listing-item {
border-top: 1px solid #ccc;
margin: -1px 0 0 0 !important;
padding: 20px 0;
}
.ap-summary-map-pager-top {
left: 10px;
padding-bottom: 45px;
position: relative;
width: 97%;
}
.ap-summary-map-pager-bottom {
left: 0;
position: relative;
width: 100%;
}
.ap-funerallisting-counter-bottom, .ap-funerallisting-counter-top {
float: left;
margin-top: 5px;
width: 50%;
}
.ap-listing-pager {
float: right;
margin-right: 15px;
margin-top: -7px;
}
.ap-listing-pager .ap-pagination-link {
cursor: pointer;
float: left;
height: 40px;
margin-right: 5px;
opacity: 1 !important;
overflow: hidden;
width: 25px;
}
.ap-listing-pager .ap-listing-pager-prev {background: url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/map-arrow-left-blue.png") no-repeat scroll right center / 20px 34px rgba(0, 0, 0, 0);}
.ap-listing-pager .ap-listing-pager-next {background: url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/map-arrow-right-blue.png") no-repeat scroll right center / 20px 34px rgba(0, 0, 0, 0);}*/
/*--fuenral homes search page december 2019--*/
.funeral-bg-landing {
background-image: url(//d2zfowlldib7se.cloudfront.net/assets/obits/images/hero-images/cnhi-hero.jpg);
background-repeat: no-repeat;
background-position: center -80px;
background-size: 100% auto;;
}
.funeral-gradient {
background: linear-gradient(to bottom, rgba(248,248,248,0.7) 0%,rgb(248,248,248,1) 40%);
}
.relative {
position: relative;
}
.featured-funeral-homes {
display: flex;
flex-wrap: wrap;
margin: 16px 0 64px;
}
/*browse state*/
.state-wrapper {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
margin-top: 20px;
position: relative;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.11);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.11);
padding: 16px 32px 24px 32px;
margin-bottom: 32px;
}
.fh-search-subtitle {
display: block;
color: #111111;
font-size: 20px;
line-height: 25px;
}
.ap-funeral-home-state-selection-item-wrapper {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.state-block {
display: flex;
flex-direction: column;
width: 25%;
}
.ap-funeral-home-state-selection-item-wrapper > a {
width: 25%;
}
.ap-funeral-home-state-selection-item-wrapper {
font-size: 18px;
line-height: 28px;
}
.ap-funeral-home-state-selection-item-wrapper a {
color: #111111;
}
.top-wrapper-fh-directory {
padding: 35px 0 22px;
}
.top-wrapper-fh-directory h2, .top-wrapper-fh-directory h1 {
margin-bottom: 0;
font: 32px/40px "Source Sans Pro",Arial,sans-serif;
color: #111111;
}
/*browse cities*/
.top-wrapper-fh-directory {
padding: 35px 0 22px;
}
.top-wrapper-fh-directory h2 {
margin-bottom: 0;
font: 32px/40px "Source Sans Pro",Arial,sans-serif;
color: #111111;
}
.funeral-home-city-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 16px 0 32px;
}
.funeral-home-city {
position: relative;
display: flex;
align-items: center;
/*width: 270px;*/
width: 23.7%;
height: 48px;
margin-bottom: 22px;
padding-left: 14px;
border: 1px solid #e9e9e9;
border-radius: 4px;
background-color: #ffffff;
color: #111111;
}
.funeral-home-city:after {
position: absolute;
right: 16px;
content: '\f105';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
}
.fh-search-subtitle {
display: block;
color: #111111;
font-size: 20px;
line-height: 25px;
}
/*funeral home results*/
.top-wrapper-fh-results {
padding: 0 0 22px;
}
.top-wrapper-fh-results h2, .top-wrapper-fh-results h1 {
margin-bottom: 0;
font: 32px/40px "Source Sans Pro",Arial,sans-serif;
color: #111111;
}
.ap-funeral-home-results-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 128px;
margin-bottom: 16px;
padding: 16px;
border: 1px solid #e9e9e9;
border-radius: 3px;
background-color: #ffffff;
}
.ap-funeral-home-results-item.ap-funeral-home-results-featured {
background: #fbf4d8;
border: 1px solid #f6dc87;
}
.fh-result-info, .fh-results-cta {
display: flex;
flex-direction: column;
justify-content: center;
}
.fh-results-cta {
justify-content: flex-end;
}
.fh-result-logo {
display: flex;
align-items: center;
}
.fh-result-logo img {
max-width: 300px;
margin-right: 32px;
}
.fh-result-info {
flex: 1;
}
.fh-results-cta {
align-items: flex-end;
padding: 4px 0;
}
.funeral-home-name {
color: #111111;
font-size: 20px;
font-weight: 600;
line-height: 25px;
cursor: pointer;
}
.funeral-home-name:hover {
color: #64427D;
}
.funeral-results-city {
margin-bottom: 8px;
color: #333333;
font-weight: 600;
}
.btn.fh-website {
margin-bottom: 16px;
}
a.btn.website[href='']{
display:none;
}
.btn.fh-website::before {
content: '\f35d';
font: 700 10px/1em Font Awesome\ 5 Pro;
margin: -1px 8px 0 0;
position: relative;
}
.btn.location::before {
content: '\f3c5';
font: 700 10px/1em Font Awesome\ 5 Pro;
margin: -1px 8px 0 0;
position: relative;
}
.microsite-link {
position: absolute;
width: 325px;
height: 50px;
}
/*search input box*/
.fhd-funeral-search-fields {
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 32px;
}
.funeral-slod-wrap {
display: flex;
justify-content: flex-start;
padding: 0;
margin-top: 10px;
}
.fh-search-subtitle {
display: block;
color: #111111;
font-size: 20px;
line-height: 25px;
}
.funeral-search-location input {
background: #ffffff;
color: #111111;
}
.funeral-search-location, .funeral-search-name {
position: relative;
}
.funeral-search-location::before, .funeral-search-name::before {
position: absolute;
left: 12px;
top: 12px;
content: '\f3c5';
font: 400 16px/16px Font Awesome\ 5 Pro;
}
.funeral-search-name::before {
content: '\f002';
}
.ap_funeral_field {
width: 100% ;
margin: 0;
padding: 10px 10px 10px 32px;
border: 1px solid #918F8F;
}
input[name="funeralhomename"]::placeholder, .ap-funeralhome-lookup-field::placeholder {
color: #333333;
}
.funeral-slod-wrap input[type="submit"] {
min-width: 180px;
padding: 10px !important;
background: #64427d !important;
border-color: #64427d;
border-radius: 4px;
color: #fff;
font-weight: 600;
}
.funeral-slod-wrap input[type="submit"]:hover {
background: #4D2A68;
}
.funeral-slod-wrap span {
width: 49.3%;
margin: 0;
}
.funeral-search-submit {
padding: 0 0 0 12px;
}
@media (min-width: 767px) {
.funeral-home-city:last-child:not(:nth-child(12)):not(:nth-child(16)):not(:nth-child(9)):not(:nth-child(4)):not(:nth-child(20)):not(:nth-child(24)):not(:nth-child(1)):not(:nth-child(17)) {
margin-right: auto;
margin-left: 1.8%;
}
.funeral-home-city:nth-last-child(2):not(:nth-child(11)):not(:nth-child(8)):not(:nth-child(15)):not(:nth-child(3)):not(:nth-child(23)):not(:nth-child(19)) {
margin-left: 1.8%;
}
.funeral-home-city:nth-child(9), .funeral-home-city:nth-child(5), .funeral-home-city:nth-child(12), .funeral-home-city:nth-child(16), .funeral-home-city:nth-child(20), .funeral-home-city:nth-child(24) {
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 991px) {
.funeral-bg-landing {
background-position: center 0;
}
}
@media (max-width: 767px) {
.state-block {
width:50%;
}
.state-block:first-child {
order: 0;
}
.state-block:nth-child(2) {
order: 2;
}
.state-block:nth-child(3) {
order: 1;
}
.state-block:nth-child(4) {
order: 3;
}
.funeral-home-city{
width: 32%;
margin-bottom: 12px;
}
.funeral-slod-wrap {
flex-direction: column;
}
.funeral-search-submit {
margin-bottom: 32px;
}
.fhd-funeral-search-fields {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 576px) {
.top-wrapper-fh-directory h2 {
font: 20px/25px "Source Sans Pro",Arial,sans-serif;
}
.funeral-home-city{
width: 48%;
}
.top-wrapper-fh-directory h2 {
font: 22px/27px "Source Sans Pro",Arial,sans-serif;
}
.ap-funeral-home-results-item {
flex-direction: column;
}
.fh-results-cta {
align-items: flex-start;
}
.funeral-bg-landing {
background-position: center 0;
}
.top-wrapper-fh-results h2 {
font: 20px/25px "Source Sans Pro",Arial,sans-serif;
}
.funeral-home-phone {
margin-bottom: 16px;
}
.btn.fh-website {
margin-bottom: 12px;
}
.microsite-link {
width: 85%;
}
.fhd-funeral-search-fields {
flex-direction: column;
}
.funeral-slod-wrap span {
width: 100%;
margin: 0 0 8px 0 !important;
}
}
@media (max-width: 480px) {
.funeral-home-city{
width: 100%;
}
}
/*--funeral home details page--*/
.fullbg-fh-details {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(248, 248, 248, 0.75) 20%, rgba(248, 248, 248, 1) 40%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/funeral-home-background.png") no-repeat scroll center top -20px / cover;
}
.fh-main-title {
color: #111111;
font-family: "Source Sans Pro";
font-size: 32px;
line-height: 40px;
margin-top: 88px;
}
.fullbg-fh-details .display-area, #ap-funeral-home-edit-body-container .display-area {
margin-top: 199px;
}
.fh-logo {
display: table;
margin: 0 auto;
}
.fh-logo img {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
padding-bottom: 20px;
}
.fh-options-list {
margin: 24px auto 12px;
text-align: center;
padding: 0;
}
.fh-options-address {
margin: 19px 0 32px;
text-align: center;
color: #111111;
}
.fh-options-address span.fh-options-details {
display: block;
}
.fh-options-address br {
display: none;
}
.funeral-home-details-info h4 {
font-size: 20px;
line-height: 25px;
}
.claim-options-wrap {
display: flex;
flex-direction: column;
justify-content: center;
}
.claim-option {
margin-top: 24px;
}
.claim-options p.claim-notes {
font-size: 20px;
line-height: 25px;
text-align: center;
}
.claim-button-wrap {
margin-bottom: 32px;
text-align: center;
}
/*--end claim funeral home--*/
/*--funeral home edit page--*/
.fh-main-title-logo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 223px;
border: 0.5px solid #ECECEC;
background-color: #FFFFFF;
margin-top: 32px;
padding: 8px;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
}
.fh-main-title-logo.edit {
margin-top: 70px;
}
.fh-options-list li {
display: block;
}
.funeral-home-phone-number {
margin-bottom: 8px;
}
#ap-funeral-home-edit-background-display {
position: absolute;
top: 150px;
left: 0;
height: 595px;
right: 0;
max-height: 595px;
overflow:hidden;
}
#ap-funeral-home-edit-background-display::after {
content: "";
display: block;
position: absolute;
top: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(248, 248, 248, 0.75) 20%, rgba(248, 248, 248, 1) 40%) repeat scroll 0 0%, rgba(0, 0, 0, 0);
height: 595px;
width: 100%;
}
.ap-funeral-home-edit-notice-edit {
padding: 15px;
background-color: #e9e9e9;
text-align: center;
}
.funeral-home-edit-buttons .funeral-home-edit-preview-link {
display: inline-block;
font-weight: 400;
margin-right: 30px;
color: #111111;
}
#ap-funeral-home-edit-background-display .ap-funeral-home-edit {
position: relative;
top: 15px;
background: url(//d2zfowlldib7se.cloudfront.net/assets/obits/images/camera-white@2x.png) no-repeat scroll left 10px top 10px/38px auto transparent!important;
padding: 15px 0 15px 62px;
color: #fff;
}
.funeral-home-edit-buttons {
margin: 30px auto;
text-align: center;
}
.ap-funeral-home-edit {
padding: 2px 13px;
background-size: 16px !important;
}
#ap-funeral-home-edit-logo-display .ap-funeral-home-edit-photo-edit-buttons-container {
display:none;
background: linear-gradient(to right, rgba(100,118,132,0.7) 0%,rgba(100,118,132,0.7) 100%);
min-height: 50px;
height: auto;
top: auto;
bottom: 0;
}
#ap-funeral-home-edit-logo-display .ap-funeral-home-edit-photo-section {
width: auto !important;
height: auto !important;
}
#ap-funeral-home-edit-logo-display #ap-funeral-home-edit-logo-dropzone.dropzone {
height: 20px !important;
margin-top: -7px !important;
padding: 5px 0 0 0;
width: 125px !important;
}
#ap-funeral-home-edit-logo-display #ap-funeral-home-edit-logo-dropzone.dropzone .dz-default.dz-message {
background-image: none;
display: block;
height: 20px;
left: 0;
margin: 0!important;
position: relative;
text-align: center;
top: 10px;
vertical-align: top;
width: 100%!important;
}
.ap-funeral-home-edit-editphoto, .ap-funeral-home-edit-removephoto {
display: inline-block;
float: right;
margin-top: -5px;
margin-right: 7px;
text-align: right;
color: #fff;
}
#ap-funeral-home-edit-logo-display #ap-funeral-home-edit-logo-dropzone.dropzone .dz-default.dz-message span {
color: #fff;
display: inline-block;
}
.ap-funeral-home-edit-form-content .input-group {
align-items: center;
}
.ap-funeral-home-edit-form-content .modal-body {
max-height: none !important;
}
/*--end funeral home edit page--*/
/*--feature and claim funeral homes--*/
.full-bg-funeral-home {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(248, 248, 248, 0.75) 20%, rgba(248, 248, 248, 1) 40%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/funeral-home-background.png") no-repeat scroll center top -20px / cover;
padding-top: 80px;
}
.feature-your-funeral-home-wrap {
background: #fff none repeat scroll 0 0;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
max-width: 950px;
margin: 0 auto 60px;
padding: 40px 55px;
text-align: center;
border: 0.5px solid #ECECEC;
}
.feature-your-funeral-home-logo img, .ffh-logo img {
max-width: 250px;
}
.claim-fh {
max-width: none;
}
.feature-your-funeral-home-wrap h1 {
color: #111111;
font: 32px/40px "Source Sans Pro", Arial, sans-serif;
margin-top: 5px;
}
.feature-your-funeral-home-wrap h2 {
color: #333333;
font: 22px/28px "Source Sans Pro", Arial, sans-serif;
margin: 17px auto 18px;
}
.feature-your-funeral-home-wrap p.intro {
color: #111111;
font: 20px/25px "Source Sans Pro", Arial, sans-serif;
margin: 30px auto 48px;
}
.feature-your-funeral-home-img {
display: table;
margin: 4px 0 16px 9px;
}
.feature-your-funeral-home-list {
list-style: outside none none;
margin-left: -7px;
padding: 0;
text-align: left;
}
.feature-your-funeral-home-list li {
margin-bottom: 33px;
}
.feature-your-funeral-home-list > li > h3 {
color: #111111;
font: 20px/25px "Source Sans Pro", Arial, sans-serif;
margin: 0 auto 8px;
}
.feature-your-funeral-home-list > li > p {
color: #333333;
font: 16px/20px "Source Sans Pro", Arial, sans-serif;
}
.feature-your-funeral-home-cta {
margin: 24px auto 10px;
text-align: center;
}
.ffh-details {
margin-bottom: 40px;
text-align: center;
}
.ffh-details h3 {
color: #111111;
font: 20px/25px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 10px;
margin-top: 13px;
}
.ffh-details p {
margin-bottom: 8px;
}
.ffh-logo {
display: table;
margin: 0 auto;
}
.ffh-link {
color: #64427D;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
}
.accept-funeral-home-error-message, #ap-funeral-home-claim-confirm-phone-error, #ap-funeral-home-claim-confirm-mail-error, #ap-funeral-home-claim-confirm-email-error {
background-color: #fdfaed;
border: 1px solid #f1d35a;
border-radius: 3px;
margin: 30px auto;
padding: 15px;
width: 70%;
}
.accept-funeral-home-agree-statement {
display: inline-flex;
margin: 32px auto;
padding: 8px 16px 4px;
background-color: rgba(132,143,167,0.15);
}
.accept-funeral-home-agree-statement input {
margin: 3px 0 0 10px;
}
.bootstrap-select.btn-group .btn .filter-option {
color: #333333;
padding-right: 24px;
margin-right: 0;
font-weight: 400;
}
/*--end feature and claim funeral homes--*/
/*--feature your funeral home--*/
.feature-funeral-home-packages {
display: table;
margin: 45px 0 0 -23px;
}
.feature-your-funeral-home-wrap h3 {
color: #111111;
font: 20px/25px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 20px;
}
.feature-funeral-home-package-option {
align-items: center;
background-color: rgba(132, 143, 167, 0.15);
border-radius: 2px;
color: #707785;
display: flex;
font: 18px/23px "Source Sans Pro",Arial,sans-serif;
height: auto;
justify-content: space-between;
margin-top: 8px;
padding:13px 15px 13px 45px;
position: relative;
width: 300px;
}
.feature-funeral-home-package-option:hover, .feature-funeral-home-package-option:active, .feature-funeral-home-package-option:focus {
background-color: rgba(132, 143, 167, 0.3);
color: #707785;
}
.feature-funeral-home-package-text::before {
background-color: #fff;
border: 3px solid #848fa7;
border-radius: 50%;
content: "";
height: 16px;
left: 16px;
margin-top: 3px;
position: absolute;
width: 16px;
}
.feature-funeral-home-package-option:hover .feature-funeral-home-package-text::before, .feature-funeral-home-package-option:active .feature-funeral-home-package-text::before, .feature-funeral-home-package-option:focus .feature-funeral-home-package-text::before {
border: 5px solid #9c9c9c;
}
.feature-your-funeral-home-wrap p {
color: #333333;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
}
.feature-your-funeral-home-select #ap-obit-funeral-field-link {
color: #fff;
}
/*--featured statistics styles--*/
.ap-funeral-home-stats-tab {
cursor: pointer;
}
#ap-funeral-home-stats-report-chart {
max-width: 780px;
}
#ap-funeral-home-stats-report-links-container {
float: left;
margin: 0 auto 40px;
width: 100%;
}
.ap-funeral-home-stats-date-selector-container {
display: inline-block;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector {
width: auto !important;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector:focus {
outline: none;
}
.stats-host-filter .dropdown-menu,.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector .dropdown-menu {
padding: 5px 0;
}
.stats-host-filter .dropdown-menu > li > a, .ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector .dropdown-menu > li > a {
padding: 6px 12px;
}
select.ap-funeral-home-stats-date-selector, select#ap-funeral-home-stats-hostalias-filter {
display: none;
}
.stats-host-filter button,
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector button {
box-shadow: none !important;
color: #333333;
font-weight: 300;
transition: all 0.3s ease 0s;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector.ap-funeral-home-stats-month-selector button {
min-width: 130px;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector.ap-funeral-home-stats-month-selector button:focus {
outline: none !important;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector.ap-funeral-home-stats-year-selector button {
min-width: 80px;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector.ap-funeral-home-stats-year-selector button:focus {
outline: none !important;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector dd ul li {
padding: 5px 5px 5px 8px;
text-align: left;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector dd u.dropdown-menu > li > a {
line-height: 1.2em;
}
.stats-range-filters {
text-align: center;
}
.stats-range-filters {
text-align: center;
}
.stats-range-hyphen {
color: #ccc;
display: inline-block;
font: 300 16px/1.2em "Source Sans Pro",Arial,sans-serif;
padding: 5px;
position: relative;
top: -3px;
}
.stats-range-to {
color: #ccc;
display: block;
font: 300 16px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 10px;
position: relative;
top: -3px;
}
.stats-funeral-home-details h2 {
font-size: 26px;
}
.stats-funeral-home-details p {
color: #333333;
}
/*--featured funeral homes select styles--*/
.feature-your-funeral-home-link {
display: block;
font: 400 13.5px/1.6em "Roboto",Arial,sans-serif;
margin: 10px 0;
}
.link-left-margin {
margin-left: 15px;
}
/*--featured funeral homes select styles--*/
/*--account pages--*/
.container.account-page {
position: relative;
}
/*@media only screen and (min-width: 576px) {
.account-page #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions {
position: absolute;
top: 16px;
right: 45px;
margin-bottom: 0;
}
.account-page #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions.french {
top: 0px;
}
}*/
@media only screen and (min-width: 768px) {
.create-story-row #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions {
position: absolute;
top: 50px;
right: 15px;
margin-top: 40px;
}
.account-page #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions {
position: absolute;
top: 0px;
right: 15px;
margin-bottom: 0;
}
.create-story-row #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions.french {
top: 135px;
margin: 0;
}
.account-page #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions.french {
top: 16px;
}
}
@media only screen and (min-width: 992px) {
.article-side-content .ap-article-summary-item {
width: 300px;
}
.article-side-content #ap-article-summary-container {
width: 100%;
justify-content: flex-end;
}
.create-story-row #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions {
top: 0;
right: 15px;
}
.create-story-row #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions.french {
top: 95px;
}
}
@media only screen and (max-width: 768px) {
.create-story-row #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions, .account-page #ap-funeral-home-user-data-sections-container .btn-funeral-home-instructions {
margin-top: 8px;
}
}
.tab-pane h1 {
color: #111111;
font: 32px/40px "Source Sans Pro",Arial,sans-serif;
margin-top: 24px;
}
.tab-pane p {
color: #333333;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
}
.tab-pane p.account-intro {
margin: 8px 0 32px;
}
.account-navigation {
background-color: #ffffff;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11);
}
.master-access-message ~ .account-navigation {
margin-top: 50px;
}
.master-access-message ~ .container .top-bottom32:not([class*="manage-obituary"]), .master-access-message ~ .container .create-story-row {
margin-top: 82px;
}
.account-navigation .container ul.row {
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
height: 50px;
justify-content: flex-start;
margin: 0;
padding: 0;
}
.account-navigation .container ul li {
list-style: none;
margin-right: 25px;
}
.account-navigation .container ul li:last-child {
margin-right: 0;
}
.account-navigation .container ul li.right-aligned {
margin-left: auto;
}
.account-navigation .container ul li a {
color: #333333;
font-weight: 600;
}
.account-navigation .container ul li a:hover, .account-navigation .container ul li a:focus, .account-navigation .container ul li a:active {
color: #4D2A68;
}
.account-navigation ul li.active a {
color: #4D2A68;
}
.account-navigation ul li.last {
margin-right: 0;
}
.account-wrap h1 {
color: #333333;
font-size: 26px;
line-height: 36px;
}
.tab-content {
width: 100%;
}
/*--account page - publication filters--*/
#ap-manage-ads-filters-container {
margin: 30px 0 0 0;
}
.account-filters {
display: flex;
justify-content: flex-start;
width: 100%;
}
#ap-manage-ads-filters-container .bootstrap-select, #ap-manage-ads-filters-container .bootstrap-select .btn-default {
display: none !important;
}
#ap-manage-ads-filters-container .account-filter-wrap {
margin: 0 0 10px 0;
}
#ap-manage-ads-filters-container select {
appearance: none;
-webkit-appearance: none;
background: #EBE9F1 url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/dropdown-arrow-1x.png") no-repeat scroll 92% center / 10px;
border: medium none;
border-radius: 0;
width: 180px;
color: #333333;
display: block !important;
font-size: 16px;
line-height: 18px;
padding: 8px 15px;
margin: 0 8px;
z-index: 100;
}
#ap-manage-ads-filters-container select.hidden {
display: none !important;
}
#ap-manage-ads-filters-container select option {
margin-right: 16px;
}
#ap-manage-ads-filters-container select .option:first-child {
color: #333333;
}
/*--account page - pagination--*/
/*.tab-content .ap_paginator {
float: none;
margin: 30px auto;
text-align: center;
width: 100%;
}
.tab-content .ap_paginator_dropdown_container, .tab-content .pagination {
display: inline-block;
display: flex;
justify-content: center;
}
.tab-content .ap_paginator_dropdown_container .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
margin: 0 15px;
width: auto;
}
.tab-content .bootstrap-select .btn-default {
background-color: transparent !important;
border: medium none !important;
border-radius: 0 !important;
box-shadow: none !important;
font: 300 16px/22px "Source Sans Pro",Arial,sans-serif;
margin-top: -5px;
padding: 0;
}
.tab-content .bootstrap-select.btn-group .dropdown-menu {
min-width: 150px;
}
.tab-content .pagination-wrap {
position: relative;
min-height: 50px;
}
.tab-content .ap_paginator.dropdown_mode {
display: flex;
justify-content: center;
}
.tab-content .ap_paginator.dropdown_mode .ap_paginator_dropdown_container {
position: absolute;
top: -10px;
left: 0px;
color: #333333;
}
.tab-content .bootstrap-select .btn-default {
display: none !important;
}
.tab-content .ap_paginator.dropdown_mode .ap_paginator_dropdown {
display: block !important;
position: absolute;
width: 150px;
top: 19px;
left: -6px;
background: transparent;
border: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
color: inherit;
}
.tab-content .ap_paginator.dropdown_mode .ap_paginator_dropdown .option:first-child {
color: #333333;
}
.tab-content .ap_paginator.dropdown_mode .ap_paginator_dropdown_container::after {
content: '\f107';
font-family: Font Awesome\ 5 Pro;
font-weight: 600;
font-size: 14px;
line-height: 14px;
position: absolute;
top: 25px;
left: 95px;
}*/
/*--account page - online notices--*/
.top-bottom32 {
margin: 32px auto;
}
.padding-top32 {
padding-top: 32px;
}
.padding-bottom32 {
padding-bottom: 32px;
}
.padding-top-bottom32 {
padding: 32px 0;
}
.top-bottom32.contribution-view-all {
text-align: center;
}
.top-bottom16 {
width: 100%;
margin: 16px 0 24px;
text-align: center;
}
.bottom16 {
margin: 0 0 24px 0;
text-align: center;
}
#online-obituaries .manage-stories-main-photo {
background-size: cover;
background-position: center;
width: 60px;
height: 75px;
z-index: 2;
}
/*--acount page - drafts--*/
.manage-stories-drafts-preview {
width: auto;
height: 64px;
background-repeat: no-repeat;
background-position: left center;
background-size: auto 64px;
}
/*--account page - online notices - story admin page--*/
.story-admin-photo {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: auto;
background-color: #FFFFFF;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.11);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.11);
height: 374px;
padding: 16px 0 32px;
margin: 0 auto 30px 0;
border: 1px solid #ECECEC;
}
.story-admin-container {
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: #FFFFFF;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
padding: 24px 32px 32px 32px;
margin-bottom: 16px;
border: 1px solid #ECECEC;
}
#ap-order-history-main-container .icon-btn-wrapper:first-child {
margin-left: -8px;
}
.story-admin-profile-pic {
background-repeat: no-repeat;
background-position: center top;
background-size: auto 153px;
display: block;
min-height: 153px;
width: 100%;
}
.story-admin-container:nth-child(3) {
display: flex;
flex-flow: column;
}
.story-admin-container:first-child .blue-btn {
margin-bottom: 20px;
}
.story-admin-container p.manage-guestbook {
margin-top: 24px;
}
#ap-order-history-main-container .story-admin-container p {
display: inline-block;
margin-top: 8px;
margin-bottom: 8px;
}
.story-admin-container:nth-child(3) .row {
margin-top: 0px;
margin-bottom: 8px;
}
.story-admin-container:nth-child(3) .row:last-child {
margin-bottom: 0;
}
.story-admin-container:nth-child(4) .btn {
margin: 16px 0;
}
.story-admin-container .order-status {
margin-left: 16px;
}
.input-grey-bg, #ap-story-ownership-transfer-form-section .form-group input.form-control[type="text"], #ap-story-ownership-transfer-form-section .form-group textarea.form-control, #ap-invite-users-invitation-entry {
display: block;
width: 268px;
height: 44px;
margin: 0 0 16px 0;
background-color: #F4F4F4;
outline: none;
border: 0;
padding: 5px 5px 5px 16px;
resize: none;
}
.input-grey-bg:focus, #ap-story-ownership-transfer-form-section .form-group input.form-control[type="text"]:focus, #ap-story-ownership-transfer-form-section .form-group textarea.form-control:focus, #ap-invite-users-invitation-entry:focus {
background-color: #EBE9F1;
}
#ap-story-ownership-transfer-form-section .form-group textarea.form-control {
line-height: 35px;
overflow: hidden;
}
#ap-invite-users-invitation-entry {
display: block;
width: 100%;
margin: 0 0 8px 0;
}
#ap-invite-users-form ul.tagit {
display: none;
}
#ap-story-ownership-transfer-form-section .form-group input.form-control[type="text"], #ap-story-ownership-transfer-form-section .form-group textarea.form-control {
margin: 0;
}
.story-admin-title {
color: #111111;
font-size: 20px;
line-height: 25px;
margin: 0 0 8px 0;
}
#ap-invite-users-list .story-admin-title {
margin-top: 16px;
}
.story-admin-container p {
margin: 0 0 16px;
}
.story-admin-container p.small {
font-size: 16px;
line-height: 20px;
margin-bottom: 4px;
}
.ap-order-history-delete-story > .ap-delete-story-action {
display: inline-block;
border-radius: 2px;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
padding: 8px 16px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
background-color: #CA7D73;
border-color: #CA7D73;
color: #fff;
}
.story-admin-container p.small-text, .ap-order-history-show-content {
max-height: 154px;
overflow: hidden;
color: #333333;
font-size: 12px;
line-height: 17px;
margin: 0 0 16px 0;
}
.story-admin-container img, #drafts img {
width: 85px;
margin-bottom: 16px;
}
.story-admin-container .pub-name {
margin-bottom: 8px;
font-size: 14px;
line-height: 18px;
}
/*--account page - manage obituary - order history--*/
.order-history-print-preview {
text-align: center;
}
#ap-order-history-main-container .order-history-print-preview .icon-btn-wrapper {
margin-left: -16px;
}
.order-history-cta {
margin-top: 10px;
}
#content .order-history-content {
background: none;
margin-top:0;
}
.col-preview img {
margin: 0 auto;
}
#content .order-history-content .details-content-wrap, #content .order-history-content .details-menu-wrap {
min-height: 500px;
}
/*--story transfer ownership--*/
.transfer-accept-wrap {
margin-bottom: 20px;
padding: 30px;
}
#ap-story-ownership-transfer-details-section a {
margin: 0 15px 15px 0;
}
#ap-story-ownership-transfer-details span {
display: block;
margin: 30px 0;
}
/*--invite users--*/
#ap-invite-users-form {
margin: 0;
}
#ap-invite-users-form ul.tagit, #ap-invite-users-error-msgs.ap-close, #ap-invite-users-system-msgs.ap-close {
display: none;
}
.ap-invite-users-item {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 8px 0;
}
.ap-invite-users-item:nth-child(odd) {
background-color: #f7f7f7;
}
/*--account page - manage contributions--*/
.contributions-manage-content {
border: 1px solid #ECECEC;
}
#ap-owner-approval-main-content .ap-contribution-item {
display: flex;
align-items: center;
width: 100%;
background-color: #FBFBFB;
margin: 0 26px 8px 0;
padding: 16px 21px;
}
.contribution-main-wrapper {
flex-grow: 1;
display: flex;
flex-wrap: wrap;
}
.contributions-manage-content h3 {
margin: 0 0 8px 0;
color: #111111;
font-size: 20px;
line-height: 25px;
}
#ap-owner-approval-main-content {
margin-top: 32px;
}
.contributor-name {
font-size: 18px;
line-height: 23px;
color: #111111;
}
#ap-owner-approval-main-content .contribution-date span {
font-size: 16px;
line-height: 20px;
}
.emblem-content-wrapper {
display: flex;
align-items: flex-start;
width: 100%;
margin-bottom: 12px;
}
.emblem-content-wrapper img {
height: 48px;
margin-right: 16px;
}
#ap-owner-approval-main-content .ap-contribution-photos-container {
display: inline-flex;
flex-wrap: wrap;
padding: 16px 8px 0 8px;
margin: 0;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
}
.contribution-details-photo {
padding: 0 8px;
}
.contribution-details-photo img {
width: 136px;
height: 136px;
object-fit: cover;
padding-bottom: 16px;
}
.ap-manage-contributions-invite {
display: block;
margin: 35px auto;
max-width: 225px;
}
/*--account page - manage contributions - extend guestbook--*/
.restore-guestbook-btn {
margin-bottom: 16px;
}
.guestbook-upsell-wrap {
background-color: #ffffff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
padding: 25px;
text-align: center;
}
.guestbook-upsell-wrap h1, .guestbook-upsell-wrap h2 {
color: #111111;
font: 32px/40px "Source Sans Pro";
margin: 0 auto;
}
.guestbook-upsell-wrap p {
color: #111111;
font:18px/23px "Source Sans Pro";
margin: 16px 68px 32px;
}
.guestbook-upsell-wrap #ap-select-premium-upsell-container .ap-select-premium-upsell-package-item {
background-color: #fff;
border: 1px solid #64427d;
color: #64427d;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
height: auto;
margin: 16px auto;
padding: 24px;
width: 305px;
}
.guestbook-upsell-wrap #ap-select-premium-upsell-container .ap-select-premium-upsell-package-item:hover, .guestbook-upsell-wrap #ap-select-premium-upsell-container .ap-select-premium-upsell-package-item:active, .guestbook-upsell-wrap #ap-select-premium-upsell-container .ap-select-premium-upsell-package-item:focus {
background-color: #EFEBF2;
}
.guestbook-upsell-details {
align-items: center;
display: flex;
justify-content: space-between;
}
.guestbook-upsell-descpription {
align-self: center;
flex-grow: 1;
padding-right: 15px;
text-align: left;
}
.guestbook-upsell-descpription h3 {
color: #111111;
font: 20px/25px "Source Sans Pro", Arial, sans-serif;
margin: 0;
}
.guestbook-upsell-descpription .package-description img {
display: none;
}
.guestbook-upsell-price {
color: #111111;
font: 20px/25px "Source Sans Pro", Arial, sans-serif;
flex-grow: 0;
text-align: right;
}
.btn-back {
/*width: 170px;*/
}
/*--account page - email updates - follow story--*/
.ap-manage-follow-story-item {
width: 100%;
}
@media (min-width: 767px) {
.ap-manage-follow-story-item {
width: 50%;
}
}
@media (min-width: 992px) {
.ap-manage-follow-story-item {
width: 33.33333%;
}
}
@media (min-width: 1200px) {
.ap-manage-follow-story-item {
width: 25%;
}
}
.ap-manage-follow-story-item div {
max-width: 100%;
}
.story-panel-wrap {
height: 370px;
}
.story-panel {
align-items: center;
background-color: #ffffff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
height: 310px;
justify-content: space-around;
margin: 0 auto 15px;
padding: 24px 0 16px;
}
.story-panel-photo {
align-items: center;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-around;
}
.story-panel-info {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.manage-stories-main-photo {
max-width: 200px;
max-height: 210px;
/*margin-bottom: 20px;*/
z-index: 2;
}
.story-panel .category {
color: #333333;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 0;
text-align: center;
}
.story-panel .name {
color: #111111;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 0;
text-align: center;
}
.unsubscribe-cta {
color: #333333;
cursor: pointer;
display: table;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
margin: 0 auto;
}
/*--claimed funeral homes--*/
.account-wrap .intro {
margin-bottom: 30px;
font: 300 16px/1.7em "Source Sans Pro",Arial,sans-serif;
}
.account-wrap #ap-manage-follow-story-container p {
font-family: "Source Sans Pro", Arial, sans-serif;
font-size: 18px;
line-height: 21px;
}
.account-cta {
margin-top: 30px;
}
/*--account page - manage print ads--*/
.manage-ads-preview {
height: 75px;
width: 60px;
border: 1px solid #ccc;
}
.manage-ads-preview-hover {
background-color: #fff;
cursor: pointer;
height: 75px;
width: 60px;
z-index: 2;
}
.manage-ads-preview-hover .icon-btn-wrapper {
margin-left: -20px;
margin-top: 5px;
}
.manage-ads-preview-hover .icon-btn-label {
/*width: 100px;*/
letter-spacing: -0.25px;
}
#print-notices .order-image {
height: 75px;
position: relative;
}
#print-notices .order-image .manage-ads-preview, #print-notices .order-image .manage-ads-preview-hover {
position: absolute;
top: 0;
}
#ap-manage-categories-container {
margin-bottom: 25px;
}
.navbar-categories .fa-angle-down {
color: #111111;
font-size: 14px;
padding: 15px 2px 15px 8px;
}
#ap-manage-categories-container .ap-manage-ads-category-items {
background-color: #fff;
color: #333333;
cursor: pointer;
font: 16px/1.2em "Source Sans Pro",Arial,sans-serif;
list-style: outside none none;
margin-right: 0;
padding: 8px 24px 8px 40px;
text-align: right;
white-space: nowrap;
}
#ap-manage-categories-container .ap-manage-ads-category-items:hover, #ap-manage-categories-container .ap-manage-ads-category-items:focus, #ap-manage-categories-container .ap-manage-ads-category-items:active, #ap-manage-categories-container .ap-manage-ads-category-items.active-category {
background-color: #EBE9F1;
color: #333333;
}
#summary-toolbar ul.dropdown-menu, .navbar-categories #ap-manage-categories-container, .navbar-categories .dropdown-menu {
border: 0.5px solid #f6f6f6;
border-radius: 0;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
padding: 8px 0 16px;
width: auto;
}
#summary-toolbar div.dropdown-menu {
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
right: 0;
left: auto;
margin: 6px -1px 0 0;
border: 1px solid #E7E7E7;
}
.navbar-categories .dropdown-icon-category {
color: #111111;
font: 16px/22px "Source Sans Pro", Arial, sans-serif;
}
.navbar-categories > li > a:hover, .navbar-categories > li > a:focus {
background-color: transparent;
}
.navbar-categories .ap-manage-ads-category-items {
cursor: pointer;
padding: 5px;
}
.orders-headers {
float: left;
width: 100%;
padding: 0 15px;
margin: 0 0 24px;
}
.orders-headers .orders-header {
color: #333333;
font: 400 16px/1.2em "Source Sans Pro",Arial,sans-serif;
}
.empty-orders {
margin: 0 auto 80px;
text-align: center;
}
.empty-orders .fading-row {
display: block;
margin: 0 auto 16px;
min-height: 100px;
padding: 40px 0;
width: 100%;
}
.empty-orders .fading-row:nth-child(1) {
background: #ececec none repeat scroll 0 0;
}
.empty-orders .fading-row:nth-child(2) {
background: #F0F0F0 none repeat scroll 0 0;
}
.empty-orders .fading-row:nth-child(3) {
background: #F3F3F3 none repeat scroll 0 0;
}
.order-status {
background-color: #333333;
border-radius: 2px;
color: #fff;
font: 600 14px/18px "Source Sans Pro",Arial,sans-serif;
padding: 4px 8px;
}
.order-status.Draft, .order-status.Rejected, .order-status.Unpublished, .order-status.Cancelled {
background-color: #333333;
}
.order-status.New, .order-status.Pending {
background-color: #EEAB3C;
}
.order-status.Published, .order-status.Running, .order-status.Upcoming, .order-status.Complete {
background-color: #78B77D;
}
.print-orders-mobile .order-date {
color: #333333;
font: 400 15px/20px "Source Sans Pro", Arial, sans-serif;
}
.print-orders-mobile .order-status {
display: table;
}
.print-orders-mobile .order-title {
color: #111111;
}
.order-two-lines {
display: block;
margin-bottom: 4px;
}
#ap-manage-ads-list-container .empty-orders .empty-orders-icon {
margin: 30px auto;
}
#ap-manage-ads-list-container .empty-orders empty-orders-text {
font: 300 16px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 15px auto;
}
#ap-manage-ads-list-container .btn-blue {
background-color: #4794b3 !important;
border-color: #4794b3 !important;
border-radius: 4px !important;
font-size: 18px;
margin: 30px auto;
padding: 12px 20px !important;
}
.ap-manage-ads-item p, .notices-row p {
margin-bottom: 5px;
}
#story-display .notices-row, #online-obituaries .notices-row, .ap-manage-ads-item, .ap-manage-draft-stories-item, .ap-funeral-home-item .notices-row {
display: flex;
flex-direction: row;
align-items: center;
background: #fff;
border-radius: 0;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
color: #333333;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 16px;
padding: 10px;
position: relative;
}
#drafts .notices-row, #print-notices .notices-row {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.ap-manage-ads-actions, .ap-manage-stories-story-admin, .icon-btn-label {
color: #333333 !important;
font-size: 14px;
font-weight: 600;
line-height: 14px;
margin-bottom: 0;
padding-top: 54px;
margin-top: -48px;
text-align: center;
width: 60px;
/* z-index: 100;*/
}
.order-title {
color: #111111;
}
.dropdown-status-toggle {
background-color: transparent !important;
border: 0 none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #111111;
padding: 0;
}
.dropdown-status-toggle:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #111111;
border-image: none;
border-style: solid;
border-width: 0 1px 1px 0;
content: "";
display: inline-block;
float: right;
height: 9px;
margin-left: 24px;
margin-top: -16px;
transform: rotate(45deg);
width: 9px;
}
.mobile-details-show {
width: 100%;
margin-left: 8px;
display: flex;
flex-wrap: wrap;
}
.mobile-details-show.hidden {
display: none;
}
.mobile-details-show .order-actions {
padding: 15px 0 5px 6px;
}
.ap-manage-ads-item .order-actions .dropdown-status {
padding: 5px 10px 0;
}
.ap-manage-ads-item .order-actions .dropdown-status > li > a:hover {
background-color: transparent !important;
}
#ap-manage-ads-list-container .order-image a {
display: block;
max-height:65px;
max-width:65px;
overflow: hidden;
}
.order-date {
line-height: 24px;
}
#ap-manage-ads-list-container.order-image {
padding: 0;
}
#ap-manage-ads-list-container .order-title, #ap-manage-ads-list-container .order-total {
margin-bottom: 4px;
color: #111111;
}
#ap-manage-ads-list-container .order-payment, #ap-manage-ads-list-container .order-total {
display: block;
}
.order-payment .card-type {
border-radius: 2px;
display: inline-block;
font-weight: 500;
font-size: 22px;
line-height:1em;
margin-right: 6px;
}
.fa-credit-card:before {
/*font-family: Font Awesome\ 5 Pro;
content: '\f09d';*/
content: "";
display: inline-block;
height: 22px;
vertical-align: bottom;
width: 25px;
}
.fa-credit-card.Visa::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/svg/cc-visa.svg") no-repeat scroll center center / auto 22px;
}
.fa-credit-card.MasterCard::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0%, url("//d2zfowlldib7se.cloudfront.net/assets/obits/svg/cc-mastercard.svg") no-repeat scroll center center / auto 22px;
}
.fa-credit-card.Discover::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0%, url("//d2zfowlldib7se.cloudfront.net/assets/obits/svg/cc-discover.svg") no-repeat scroll center center / auto 22px;
}
.fa-credit-card.Amex::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0%, url("//d2zfowlldib7se.cloudfront.net/assets/obits/svg/cc-amex.svg") no-repeat scroll center center / auto 22px;
}
.fa-credit-card.JCB::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0%, url("//d2zfowlldib7se.cloudfront.net/assets/obits/svg/cc-jcb.svg") no-repeat scroll center center / auto 22px;
}
.fa-credit-card.DinersClub::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) repeat scroll 0 0%, url("//d2zfowlldib7se.cloudfront.net/assets/obits/svg/cc-diners-club.svg") no-repeat scroll center center / auto 26px;
}
#ap-manage-ads-confirm-cancel .modal-content {
border: none;
padding: 40px 72px;
}
#ap-manage-ads-confirm-cancel .modal-body {
padding: 16px 0 40px;
text-align: center;
}
#ap-manage-ads-confirm-cancel .modal-header, #ap-manage-ads-confirm-cancel .modal-footer {
border: none;
margin: 0;
padding: 0;
text-align: center;
}
#ap-manage-ads-confirm-cancel .ap-obit-cancel {
display: none;
}
#ap-manage-ads-confirm-cancel p {
margin: 0;
}
.print-orders-mobile {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.print-orders-mobile p {
color: #333333;
font: 16px/22px "Source Sans Pro", Arial, sans-serif;
}
.print-orders-mobile p.label {
border-radius: 0;
display: block;
font: 600 12px/17px "Source Sans Pro", Arial, sans-serif;
padding: 10px 0 0;
text-align: left;
}
.print-orders-mobile p.order-number {
color: #333333;
font: 15px/20px "Source Sans Pro", Arial, sans-serif;
}
.mobile-details-toggle {
align-items: center;
color: #64427D;
cursor: pointer;
display: inline-flex;
height: 36px;
justify-content: center;
width: 36px;
}
/*--account page - funeral homes--*/
#ap-manage-featured-funeral-homes-container {
margin-bottom: 60px;
}
.fh-image img {
max-height: 65px;
max-width: 160px;
}
.fh-status {
background-color: #333333;
border-radius: 2px;
color: #fff;
display: table;
font: 600 14px/18px "Source Sans Pro",Arial,sans-serif;
padding: 4px 8px;
}
.fh-status-featured, .fh-status-approved {
background-color: #78B77D;
}
.fh-status-pending {
background-color: #EEAB3C;
}
.fh-details, .fh-details > a {
color: #111111 !important;
font: 300 16px/22px "Source Sans Pro",Arial,sans-serif;
}
.fh-details a p.fh-name-city {
color: #111111;
font-weight: 500;
}
.fh-details a p.fh-address {
color: #333333;
}
.fh-expiration-date {
color: #333333;
font: 300 16px/22px "Source Sans Pro", Arial, sans-serif;
}
.order-actions, .fh-actions {
padding: 30px 15px 15px;
}
.fh-mobile {
padding-top: 10px;
width: 100%;
}
.fh-mobile .fh-actions {
padding: 20px 15px 10px 6px;
}
.fh-mobile .fh-image img {
margin: 10px 0;
}
.fh-mobile p.label {
border-radius: 0;
color: #333333;
display: block;
font: 400 12px/17px "Source Sans Pro", Arial, sans-serif;
padding: 10px 0 5px;
text-align: left;
}
/*--account page - claimed funeral homes statistics--*/
.fh-stats-info {
height: 268px;
background-color: #ffffff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
margin: 0 auto 30px;
padding: 22px 24px 24px;
text-align: center;
}
.fh-stats-container, .contributions-manage-content {
background-color: #ffffff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
padding: 25px;
}
.fh-stats-container h3, .contributions-content h3 {
color: #111111;
font: 400 20px/25px "Source Sans Pro", Arial, sans-serif;
margin-top: 0;
}
.fh-stats-container .stats-host-filter, .fh-stats-container .stats-date-range-filter {
text-align: left;
}
.fh-stats-info span.fh-stats-name {
color: #111111;
font-weight: 400;
margin-bottom: 14px;
}
.fh-stats-info span.fh-stats-address {
margin-bottom: 14px;
}
.fh-stats-option {
display: block;
min-height: 150px;
text-align: center;
}
.fh-stats-option p {
color: #333333;
font: 14px/18px "Source Sans Pro", Arial, sans-serif;
padding: 10px 20px;
}
.fh-stats-option .ap-funeral-home-stats-report-link {
color: #333333;
display: block;
font: 400 22px/28px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 10px;
padding: 0;
}
.fh-stats-label {
color: #111111;
display: block;
font: 18px/23px "Source Sans Pro",Arial,sans-serif;
}
.fh-stats-option .fh-stats-option .ap-funeral-home-stats-report-link-active {
color: #333333;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector button, .stats-host-filter button {
box-shadow: none;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector {
width: auto !important;
}
.ap-funeral-home-stats-date-selector-container .ap-funeral-home-stats-date-selector.ap-funeral-home-stats-month-selector button {
min-width: 130px;
}
#ap-funeral-home-stats-report-chart svg {
max-width: 700px;
}
/*--account page - settings--*/
.account-settings-wrap {
background-color: #fff;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
margin: 15px 0 60px;
width: 100%;
}
.ap-edit-profile {
padding: 15px;
}
.ap-edit-profile-photo #ap-edit-profile-main-photo-dropzone #ap-edit-profile-main-photo-upload-form.dropzone {
border-radius: 0 !important;
height: auto !important;
margin: 0 0 0 16px !important;
opacity: 1 !important;
padding: 0 !important;
text-align: center;
width: auto !important;
}
.ap-edit-profile-photo #ap-edit-profile-main-photo-dropzone #ap-edit-profile-main-photo-upload-form.dropzone .ap-edit-profile-upload-text {
background-color: #848FA7;
border-color: #848FA7;
border-radius: 2px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
padding: 8px 16px;
white-space: nowrap;
}
.ap-edit-profile-photo #ap-edit-profile-main-photo-dropzone #ap-edit-profile-main-photo-upload-form.dropzone .ap-edit-profile-upload-text:hover {
background-color: #9CA5B8;
border-color: #9CA5B8;
}
.ap-edit-profile-photo #ap-edit-profile-main-photo-dropzone #ap-edit-profile-main-photo-upload-form.dropzone .ap-edit-profile-upload-text:focus, .ap-edit-profile-photo #ap-edit-profile-main-photo-dropzone #ap-edit-profile-main-photo-upload-form.dropzone .ap-edit-profile-upload-text:active {
background-color: #B5BBCA;
border-color:#B5BBCA;
}
.ap-edit-profile-photo-form-save {
margin: 0 -4px 0 16px;
}
.ap-edit-profile-photo-form-cancel, #ap-edit-profile-photo-remove {
color: #333333 !important;
display: inline-block;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
height: auto;
margin: 0;
padding: 8px 16px;
text-align: center;
width: auto;
}
#ap-edit-profile-main-photo-dropzone > .ap-edit-profile-main-photo-dropzone-control-items {
display: flex;
margin: 0 auto;
padding: 0;
}
#ap-edit-profile-main-photo-dropzone > .ap-edit-profile-main-photo-dropzone-control-items li {
display: inline-block;
list-style-type: none;
}
.ap-edit-profile-photo {
align-items: center;
display: flex;
flex-direction: row;
margin-top: 10px;
}
.ap-edit-profile-photo #ap-edit-profile-main-photo-dropzone {
flex-grow:1;
text-align: left;
}
#ap-edit-profile-main-photo-upload-form.dropzone {
background-image: none !important;
}
#ap-edit-profile-main-photo-upload-form.dropzone .dz-message.ap-edit-profile-upload-text {
color: #fff;
display: inline-block;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif;
}
#ap-edit-profile-main-photo-upload-form.dropzone .dz-message.ap-edit-profile-upload-text span {
color: #fff;
}
.ap-edit-profile-photo #ap-edit-profile-main-photo-display {
height: 100px;
margin-top: 0;
text-align: left;
width: auto;
}
.ap-edit-profile-photo #ap-edit-profile-main-photo-display #ap-edit-profile-photo-holder {
height: 100px;
width: 100px;
}
#ap-edit-profile-photo-holder img[alt="profile_photo"] {
border-radius: 0;
height: 100%;
width: 100%;
}
#edit_profile_form .form-group label, .password-link-wrap label {
color: #333333;
display: block;
font: 16px/20px "Source Sans Pro";
margin-bottom: 4px;
}
#edit_profile_form .form-group .form-group-element {
margin-bottom: 20px;
}
#edit_profile_form .form-group .form-group-element .checkbox-wrap input, #edit_profile_form .form-group .form-group-element .checkbox-wrap span {
display: inline-block;
}
#edit_profile_form .form-group .form-group-element .checkbox-wrap span {
width: 90%;
}
#edit_profile_form .form-group .form-group-element, #edit_profile_form .ap-edit-profile-new-fields label, #edit_profile_form .form-group input[type="text"], #edit_profile_form .form-group input[type="alpha"], #edit_profile_form .form-group input[type="password"] {
max-width: 350px;
width: 100%;
}
#edit_profile_form .form-group .form-group-element.checkbox-wrap {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
justify-content: flex-end;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
margin: 5px 0;
max-width: none;
}
#edit_profile_form .form-group .checkbox-wrap input {
width: 20px;
height: 20px;
margin-left: 5px;
}
.password-content {
display: none;
}
.password-link {
cursor: pointer;
display: block;
font: 16px/20px "Source Sans Pro",Arial,sans-serif;
margin: 15px 0 20px;
padding: 8px 0;
}
/*--end account pages--*/
/*--master access--*/
#ap-masteraccess-form .modal-dialog {
width: 562px;
}
#ap-masteraccess-form .modal-content {
padding: 24px 27px;
}
#ap-masteraccess-form .modal-title {
font: 400 20px/25px "Source Sans Pro",Arial,sans-serif;
color: #111111;
}
#ap-masteraccess-form .modal-header {
padding: 0 0 16px 0;
margin: 0;
border: 0;
flex-direction: column;
align-items: center;
}
#ap-masteraccess-form .modal-content {
border: 1px solid #cccccc;
-webkit-box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
box-shadow: 0 20px 20px -15px rgba(0,0,0,0.05);
}
#ap-masteraccess-form .modal-header .close {
display: none;
}
#ap-masteraccess-form .modal-body {
padding: 0;
}
#ap-masteraccess-form .modal-footer {
justify-content: center;
border: none;
text-align: center;
padding: 0;
margin-top: 22px;
}
#ap-masteraccess-form .form-group {
margin: 0;
text-align: center;
}
#ap-masteraccess-form input {
display: inline-block;
width: 250px;
height: 42px;
border: 1px solid #CFCFCF;
}
#ap-masteraccess-form button {
background-color: #ffffff;
border-color: #64427d;
color: #64427d;
box-shadow: 0;
margin-left: 8px;
}
#ap-masteraccess-form button:hover, #ap-masteraccess-form button:active, #ap-masteraccess-form button:focus {
background: #efebf2 !important;
}
.master-access-message {
position: fixed;
z-index: 2;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
/*background: #4A505D;*/
background-color: rgba(74, 80, 93, 0.75);
text-align: center;
font: 400 18px/23px "Source Sans Pro",Arial,sans-serif;
color: #ffffff;
}
.master-access-message a {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
/*--end master access--*/
/*--$4 guestbook extension--*/
#ap-select-premium-upsell-container {
width: 180px;
margin: 0px auto;
}
#ap-restore-guestbook-container {
position: absolute;
top: 96px;
left: 0;
padding: 0;
}
#ap-restore-guestbook-container.relative {
position: relative;
top: 0;
}
#ap-restore-guestbook-container .dropdown-menu {
left: auto;
}
.extend-guestbook {
width: 180px;
}
#content .extend-guestbook:hover, #content .extend-guestbook:focus, #content .extend-guestbook:active {
background-color: #64427D1A !important;
border: 1px solid #64427d;
/*border: 2px solid #F8F8F8;*/
box-shadow: none !important;
}
#content .extend-guestbook::before {
content: "\f252";
font: 500 16px/1em Font Awesome\ 5 Pro;
margin-right: 6px;
position: relative;
top: 1px;
}
.extend-guestbook-dropdown {
background: transparent;
width: 180px;
background: transparent;
border-radius: 0;
box-shadow: none;
margin: 0;
padding: 0;
border: 1px solid #64427D;
border-top: 0;
}
.extend-guestbook-dropdown-item {
display: flex;
align-items: center;
justify-content: center;
height: 53px;
padding: 0;
border-top: 1px solid #64427D;
background: #fff;
color: #64427D;
border-radius: 0;
}
.extend-guestbook-dropdown-item:hover {
color: #fff;
}
.permanent-extension-text {
margin-top: -16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.print-guestbook {
margin-left: 186px;
}
}
@media only screen and (max-width: 400px), only screen and (min-width: 768px) and (max-width : 992px) {
.print-guestbook.mobile-margin {
width: 200px;
margin: 55px 0 0 0;
}
.print-guestbook.invisible {
margin: 4px 0;
}
#ap-restore-guestbook-container {
left: 0;
}
.details-wrap-guestbook #ap-restore-guestbook-container {
left: 13px;
}
#ap-restore-guestbook-container .extend-guestbook, .extend-guestbook-dropdown {
width: 200px;
}
.ap_paginator_dropdown_container {
position: relative;
margin-bottom: 8px;
}
.main-guestbook-display .ap_paginator {
flex-direction: column;
}
}
/*--end $4 guestbook extension--*/
/* THANK YOU PAGE STYLES */
/*.thank-you-wrap {
margin-bottom: 20px;
padding: 30px;
}
.manage-story-button {
margin: 30px auto;
}*/
/*--404 page--*/
.error-page-wrap {
margin-bottom: 20px;
padding: 30px;
}
.error-page-wrap h4 {
margin: 20px 0;
}
/*---404 page---*/
.error-404-wrap {
margin: 60px 0 40px;
text-align: center;
}
.error-404-wrap h2, .error-404-wrap h1 {
margin-top: 35px;
margin-bottom: 20px;
font-size: 1.375em;
font-weight: 300;
line-height: 28px;
color: #333333;
}
/*---end 404 Page---*/
/*--static pages - contact/faq/support--*/
.contact-form-wrapper {
margin: 40px 0;
}
.support-content {
margin-top: 40px;
padding-bottom: 40px;
}
.support-content h1.main-heading {
font-size: 2rem;
margin-bottom: 20px;
}
.support-content h2.main-heading {
margin: 32px auto 16px;
}
.accordion-section .panel-default > .panel-heading, .accordion-section .panel-default > .panel-heading + .panel-collapse .panel-body {
background: #ffffff;
}
.accordion-section .panel-default .panel-heading {
border: 0;
}
.accordion-section .panel-default .panel-title a {
display: block;
color: #333333;
}
.accordion-section .panel-group .panel {
border: 1px solid #cfcfcf;
border-radius: 0;
margin-bottom: 8px;
}
.accordion-section .panel-default > .panel-heading {
border: 0;
}
.accordion-section .panel-default .panel-title a:hover, .accordion-section .panel-default .panel-title a:active, .accordion-section .panel-default .panel-title a:focus {
color: #333333;
}
.accordion-section .panel-default .panel-title a:after {
font-family: Font Awesome\ 5 Pro;
font-style: normal;
font-size: 16px;
content: "\f106";
float: right;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
content: "\f107";
}
.accordion-section .panel-default .panel-body {
padding: 16px;
font-size: 1.2rem;
}
.support-content h3, .support-content h2 {
padding: 16px;
margin: 0;
font-size: 16px;
}
.accordion-section .panel-default .panel-body {
font-size: 1rem;
}
.support-content h4.main-heading, .support-content h3.main-heading {
font-size: 2rem;
margin: 0 auto 20px;
padding: 0;
}
/*--support/contact page--*/
.ap-genericemail-success-section {
margin-bottom: 40px;
}
.ap-genericemail-field-error {
border-top: 1px solid #e66f3b;
color: #e66f3b;
font-size: 14px;
margin-top: -6px;
padding: 5px 0 15px;
}
.ap-generic-email-form-submit {
margin-top: 20px;
}
.support-content {
margin: 0 auto;
width: 90%;
}
.support-content .form-submit-wrap {
float: left;
margin: 0 auto 50px;
width: 100%;
}
.ap_static_form_error {
margin-top: 30px;
background-color: #fdfaed;
border: 1px solid #f1d35a;
border-radius: 3px;
padding: 25px;
width: 100%;
}
.ap-genericemail-form .form-element {
position: relative;
margin-top: 16px;
}
.contact-form .form-element input, .contact-form .form-element textarea {
border: 1px solid #ccc;
margin: 0;
padding: 5px;
width: 100%;
}
.contact-form .form-element input {
height: 40px;
}
.contact-form .form-element input:focus, .contact-form .form-element input:active, .contact-form .form-element textarea:focus, .contact-form .form-element textarea:active {
border: 1px solid #479ABB !important;
}
.ap-genericemail-form .form-element.select-box {
position: relative;
margin-bottom: 20px;
}
.ap-genericemail-form label {
position: absolute;
width: 100%;
pointer-events: none;
left: 12px;
top: 8px;
transition: .2s ease all;
font-size: 18px;
color: #111111;
font-weight: 500;
}
.ap-genericemail-form label.active {
top: 0;
bottom: 10px;
left: 12px;
font-size: 12px;
font-weight: 600;
opacity: 1;
border: 0px;
color: #111111;
}
.contact-form .form-element input, .contact-form .bootstrap-select .btn-default.selectpicker {
height: 56px;
border-radius: 4px;
padding: 22px 10px 0 10px;
border: 1px solid #979797;
border-radius: 4px;
font-size: 18px;
line-height: 23px;
color: #4A4A4A;
transition: ease-in-out, width .35s ease-in-out;
}
.floatLabel:focus ~ .form-label {
color: #3A6CD7 !important;
}
.optional {
position: absolute;
top: 14px;
right: 10px;
}
.optional::before {
content: "Optional";
font-size: 12px;
line-height: 30px;
color: #333;
}
.contact-form .bootstrap-select .btn-default.selectpicker:focus {
outline: none;
}
.contact-form .bootstrap-select .btn-default.selectpicker, .contact-form .bootstrap-select .btn-default.selectpicker:hover {
padding-top: 0;
background: #fff !important;
outline: 0 !important;
}
.contact-form .bootstrap-select .btn-default.selectpicker:focus {
background: #fff !important;
outline: 2px solid #ADD8E6 !important;
}
.bootstrap-select.btn-group .dropdown-menu li > a:hover {
background-color: #f4f4f4;
}
.contact-form .bootstrap-select .btn-default.selectpicker .caret::after {
top: 20px;
}
.contact-form .form-element textarea {
height: 200px;
border-radius: 4px;
padding: 22px 10px 0 10px;
border: 1px solid #555555;
}
.contact-form .dropdown-menu {
top: auto;
border: 1px solid #555555;
border-radius: 4px;
}
.ap-genericemail-field-error {
margin: 0;
padding: 0;
border: 0;
color: #EE001D;
}
.g-recaptcha {
margin-top: 16px;
}
/*--end static pages - contact/faq/support--*/
@media screen {
.print-logo {
display: none;
}
.ap-detail-page-profile-pic-print, .details-top-text-print {
display: none;
}
.print-top-title {
display: none;
}
}
/*--collapse navbar sooner--*/
@media (min-width: 768px) and (max-width: 991px) {
.collapse {
display: none !important;
}
.details-body-story, .details-section-content {
padding: 0;
}
.details-section-title {
font-size: 16px;
}
.details-section-name {
font: 18px/20px "Source Sans Pro",Arial,sans-serif;
}
.btn.location {
padding: 8px;
font-size: 14px;
}
#ap_new_ads .ap_ad_wrap, .ap_ads_waterfall .ap_ad_wrap {
/*height: 330px;*/
/*height: 275px;*/
}
/*summary layout*/
.ap_ads_waterfall .ap_ad_wrap {
height: 305px;
padding-bottom: 16px;
}
}
@media (min-width: 768px) {
.modal-dialog {
min-width: 562px;
}
/*manage guestbook posts - contributions*/
#ap-owner-approval-main-content .contributor-name, #ap-owner-approval-main-content .contribution-date {
width: 50%;
}
.contribution-main-wrapper {
margin-right: 48px;
}
.content-delete-wrapper {
width: 135px;
text-align: right;
}
#ap-owner-approval-main-content .contribution-date {
text-align: right;
}
.contributor-name {
margin-bottom: 8px;
}
/*end manage guestbook posts - contributions*/
}
/*--BROWSER detection script--*/
#buorg {
position: fixed;
background-color: rgba(1, 1, 1, 0.3) !important;
cursor: pointer !important;
width: 100% !important;
height: 100% !important;
z-index: 1000 !important;
margin: 0px auto !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.buorg-pad, #windows-version .modal-dialog {
margin: 150px auto 0 !important;
line-height: 1.7em !important;
width: 560px !important;
position: relative !important;
display: block !important;
background-color: #fff !important;
text-align: center !important;
padding: 40px !important;
border-radius: 2px !important;
-webkit-box-shadow: 0 5px 20px 0 rgba(170,170,170,.4) !important;
box-shadow: 0 5px 20px 0 rgba(170,170,170,.4) !important;
}
.buorg-pad {
margin-top: 95px !important;
}
#windows-version .modal-content {
padding: 0
}
.buorg-mainmsg, #windows-version .modal-title {
margin: 0 0 15px !important;
color: #333 !important;
font: 300 28px/1.2em "Source Sans Pro",Arial,sans-serif !important;
}
.buorg-moremsg {
display: block !important;
color: #999 !important;
font: 400 20px/25px"Source Sans Pro",Arial,sans-serif !important;
margin-bottom: 32px !important;
color: #fff !important;
}
.buorg-moremsg::after {
margin-left: -200px;
content:"The browser you are using is no longer supported by this site. The site may not function as expected.";
color: #999;
}
#buorgul {
display: none !important;
}
#buorgig, #windows-version .modal-footer .btn {
width: 200px !important;
height: 44px !important;
margin: 0px auto !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font: 600 16px/20px "Source Sans Pro",Arial,sans-serif !important;
padding: 8px 16px !important;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1) !important;
background-color: #64427d !important;
border-color: #64427d !important;
color: #64427d !important;
border-radius: 2px !important;
}
#windows-version .modal-footer .btn {
color: #ffffff !important;
}
#buorgig::after {
content:"Okay";
color: #fff;
margin-left: -35px;
}
.buorg-fadeout .buorg-pad {
display: none !important;
}
/*--end BROWSER detection script--*/
/*--media query min-width: 992px--*/
@media only screen and (min-width: 992px) {
.share-story-button {
padding-top: 16px;
}
/*advanced search*/
.meta-filter {
display: inline-block;
margin-right: 3%;
width: 48%;
}
.meta-filter:nth-child(even) {
margin-right: 0;
}
/*account - manage story*/
.story-admin-container {
max-width: 562px;
}
.manage-guestbook-posts-wrap .col-lg-9, .manage-obituary .col-lg-9 {
padding: 0;
}
.manage-guestbook-posts-wrap .col-lg-3, .manage-obituary .col-lg-3 {
padding-right: 30px;
padding-left: 0;
}
.carousel-arrow-wrap.left {
position: absolute;
margin-left: -55px;
}
.carousel-arrow-wrap.right {
position: absolute;
right: 0;
margin-right: -55px;
}
.list-panel-photo {
height: 240px;
}
.ap_new_ad, .ap_ads_waterfall {
width: 49%;
}
.ap_ads_waterfall .list-panel-photo {
height: 240px;
}
/*header September 2018*/
.nav > li > a.ap_signin {
padding-right: 0;
}
.link-forward.bottom-margin, .main-content-wrap {
margin-bottom: 40px;
}
.show-hide-fh {
width: 100%;
margin-top: 40px;
}
.ap-photouploader-item:first-child, .ap-photouploader-item:nth-child(2), .ap-photouploader-item:nth-child(3) {
margin-top: 24px;
}
.logo-wrapper {
min-height: 223px;
}
.feature-your-funeral-home-wrap {
min-width: 950px;
}
.support-content {
width: 60%;
}
.right-aligned-md {
margin: 0 0 0 auto;
}
/*.right-aligned-md iframe {
margin-bottom: 44px;
}*/
.articles-summary.right-rail-wrap {
margin-top: 180px;
}
/* .ap-featured-funeral-homes {
margin-bottom: 0;
}*/
.remarkable-lives-wrap .btn-forward {
margin-right: 60px;
}
#ap_new_ads .ap_ad_wrap {
/*height: 425px;*/
height: 375px;
}
.ap_ads_waterfall .ap_ad_wrap {
/*height: 440px;*/
height: 400px;
padding-bottom: 16px;
}
.death-notices-wrap #ap_new_ads .ap_ad_wrap, .card-of-thanks-wrap #ap_new_ads .ap_ad_wrap {
height: 183px;
width: auto;
}
.aside-content {
max-width: 312px;
}
.full-bg-summary {
background: linear-gradient(to bottom, rgba(255,255,255,0.80) 0%,rgba(248, 248, 248, 1) 5%), url('//d2zfowlldib7se.cloudfront.net/assets/obits/images/summary-background.png') no-repeat scroll top center / contain;
}
#print-notices .order-image {
margin-left: -10px;
min-width: 110px;
padding: 0;
}
#print-notices .order-image .manage-ads-preview, #print-notices .order-image .manage-ads-preview-hover {
left: 30px;
}
#story-display .notices-row, #online-obituaries .notices-row, .ap-manage-ads-item, .ap-manage-draft-stories-item, .ap-funeral-home-item .notices-row, #drafts .notices-row{
min-height: 100px;
}
#print-notices .notices-row {
height: auto;
}
#story-display .notices-row, #print-notices .orders-headers .orders-header, #print-notices .notices-row .col-lg-1, #print-notices .notices-row .col-lg-2, #print-notices .notices-row .col-lg-3 {
padding: 0;
}
.fh-stats-info {
width: 268px;
}
.fh-stats-container {
margin-left: 15px;
margin-right: -45px;
}
.details-right-rail > .details-section-wrap:first-child {
margin-top: 205px;
}
/*.claim-story-wrap {
margin-top:40px;
width: 756px;
}
.claim-story-back {
margin-top:40px;
}*/
.order-actions, .fh-actions {
padding: 0 10px 0 0;
text-align: right;
}
.dropdown-menu.desktop-filter {
left: auto;
padding: 0;
right: 0;
}
.navbar-logo .main-content-wrap {
padding: 0;
}
.featured-funeral-home-logo {
max-height: 60px;
}
.container > .navbar-header {
display: flex;
align-items: center;
height: 84px;
}
.follow-container h3, .follow-success-container h3 {
padding: 0px 80px;
}
.ap-manage-photo-padding {
align-self: flex-start;
-ms-flex-item-align: start;
padding: 0;
}
.contribitions-subtitle {
float: left;
margin: 30px 0 30px 45px;
width: 100%;
}
#ap-contribution-container, #ap-contribution-create-desktop-container {
clear: both;
margin-bottom: 30px;
}
.funeral-homes-map-wrap {
margin-left: -25px;
}
#ap-story-owners-list .ap-story-owners-item {
padding: 12px 0 4px 30px;
}
#ap-manage-stories-container .stories-headers, #ap-manage-stories-container .ap-manage-stories-wrap {
margin: 0 15px 0 0;
}
.ap-manage-stories-wrap .stories-status {
display: flex;
flex-direction: column;
justify-content: center;
}
.contribution-note, .guestbook-flowers-link {
margin-left: 50px;
}
.ap-manage-photo-padding {
align-self: flex-start;
-ms-flex-item-align: start;
padding: 0;
}
.account-wrap {
margin-right: 25px;
}
.select-notice-table {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.select-notice-category {
margin-bottom: 25px;
}
.category-description {
height: 65px;
}
.right-rail.summary-right-rail {
margin-top:70px;
}
.fh-options-list li.fh-options-map span {
max-width: 225px;
}
.stats-host-filter {
width: auto;
}
.stats-date-range-filter {
width: auto;
}
.stats-date-range-filter {
margin-right: 15px;
}
.stats-range-selection {
margin-top: 30px;
}
#ap-funeral-home-stats-report-links-container {
margin: 25px auto 0;
}
.list-group-item a {
padding-left: 60px;
}
.fh-events-disclaimer {
margin-bottom: 15px;
}
.details-wrap .ap_ad_wrap {
display: table;
width: 100%;
}
.ap-funeral-home-autocomplete .ui-menu-item a {
min-width:458px;
}
.edit-description-icon {
float: right;
margin-right: 20px;
}
.funeral-home-promo-box .scrollable-text {
padding: 0 130px;
}
.guestbook-form-table .guestbook-left-column {
width:78%;
}
.guestbook-form-table .guestbook-right-column {
width:20%;
max-width: 160px;
min-width: 160px;
}
#ap-funeral-home-edit-body-container .back-link-wrap {
position: absolute;
}
.empty-guestbook span {
font: 500 23px/1.2em "Source Sans Pro",Arial,sans-serif;
}
#ap-funeral-home-stats-main-container {
padding-right: 30px;
}
.stats-label {
top: 95px;
}
.stats-icon {
left: 0;
right: 0;
top: 10px;
}
.stats-option {
float: none;
position: relative;
height: 148px;
width: 145px;
}
.ap-funeral-home-stats-report-link {
left: 0;
margin: 0 auto;
padding: 63px 0 0;
right: 0;
text-align: center;
top: 0;
}
#ap-sponsor-article-stats-report-links-container .col-md-2, #ap-funeral-home-stats-report-links-container .col-md-2 {
width: 159px;
padding: 0;
}
.funeral-homes-wrap {
padding: 0 130px;
}
#content .feature-your-funeral-home-select .ap-funeral-home-autocomplete {
margin-right: -1px;
}
#content .feature-your-funeral-home-select .ap-funeral-home-autocomplete .ui-menu-item a {
min-width:664px !important;
}
#ap-story-owner-add-form label, #ap-story-owner-add-form input {
display: inline-block;
}
#ap-story-owner-add-form .form-element {
margin-bottom: 5px;
}
.ap-story-owners-add-error, #ap-story-owners-add-owner {
margin-left: 30%;
}
#ap-story-owner-add-form label {
padding: 8px 0;
width: 30%;
}
#ap-story-owner-add-form input{
width: 70%;
}
.navbar-nav .dropdown-menu > li > a {
padding: 3px 30px 3px 19px;
}
.account-drop-down .dropdown-toggle {
padding-bottom: 22px;
}
.ap-funeral-home-item > div {
padding-left: 0;
}
.verify-by-mail-success-info {
background: #fff none repeat scroll 0 0;
border-radius: 10px;
width: 50%;
}
.claim-success-info {
display: table;
padding: 50px;
background: #fff none repeat scroll 0 0;
border-radius: 10px;
width: 50%;
}
.claim-options-wrap {
flex-direction: row;
}
.claim-option {
width: 33%;
}
.claim-wrap h1, .claim-funeral-home-promo-title {
font: 44px/1.7em "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 20px;
}
.claim-wrap h2 {
font-size: 20px;
line-height: 25px;
}
.claim-wrap h2.claim-funeral-home-promo-subtitle {
font: 27px/1.7em "Source Sans Pro",Arial,sans-serif;
margin: 20px auto;
letter-spacing: 1px;
}
.claim-wrap .claim-success-info h2.claimed-title {
font: 500 26px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 20px;
}
.claim-options p.claim-notes {
margin: 24px 0 40px;
}
.claim-options h3.email-input {
font: 400 20px/1.2em "Source Sans Pro",Arial,sans-serif;
}
#content .order-history-content .details-menu-wrap {
min-width: 292px;
}
.adtag-mobile {
display: none;
}
.promo-features-text {
min-height: 110px;
}
.premium-background .subtitle-premium {
padding: 37px 40px 30px 55px;
top: 190px;
width: 400px;
}
.funeral-slod-wrap {
display: flex;
justify-content: flex-end;
}
/*.funeral-search-fields {
margin-left: 15px;
}
.funeral-search-fields .ap_funeral_field {
width: 48%;
}*/
#extra-search {
min-height: 370px;
}
#ap-obit-create-story-form-background .ap-create-story-background-item {
max-height: 126px;
}
#ap-obit-create-story-form-background .ap-create-story-background-item:nth-child(2n+1) img {
width: 298px;
}
.col-preview {
width: 150px;
padding: 0;
}
.ap-order-history-details {
padding-left: 25px;
padding-right: 0;
width: 635px;
}
.summary-scrolling-box {
margin-left: -25px;
}
.funeral-homes-listings-wrap {
margin-top: 0;
}
.funeral-homes-listings-wrap .ap-generic-summary-map-listing-item {
padding: 15px 25px;
}
.ap-create-story-save-publish {
padding: 0 0 30px 30px !important;
}
.ap-followed-stories-body, .ap-manage-stories-story-details {
margin-left: 10px;
min-width: 640px;
padding-right: 0;
}
.ap-followed-stories-body, .ap-manage-stories-story-details {
margin-left: 10px;
}
.funeral-home-details {
margin-bottom: 20px;
}
.funeral-home-contacts {
margin-top: 49px;
}
#ap-funeral-home-form-autocomplete-container .ap-funeral-home-autocomplete {
max-width: 461px;
}
#ap-funeral-home-form-autocomplete-container .ap-funeral-home-autocomplete .ui-menu-item a {
min-width:460px;
}
#ap-funeral-service-select-section .ap-obit-funeral-service-event-dropdown {
width: 369px;
}
#ap_guestbook_contribution_form .fields-wrap {
width: 80%;
}
#logo {
max-height: 40px;
max-width: 250px;
}
.ap-manage-stories-image {
width: 140px;
}
.right-rail-landing-wrap {
margin-top: 16px;
}
.right-rail-landing-link {
float:left;
width:300px;
margin-bottom: 25px;
}
.right-rail-landing-wrap-bangor {
margin-top: 0px;
}
.landing-content, .events-content {
padding-right: 30px;
}
.right-rail-wrap {
padding: 0;
}
.contribution-left {
width: 90px;
}
.contribution-right {
width: 700px;
}
.details-share-wrap div a {
width: 35px;
}
.widget-wrap, .widget-wrap:nth-child(2) {
background: rgba(0,0,0,0);
padding: 20px 15px;
}
.navbar-main .dropdown-menu {
margin-left: -155%;
}
#extra-search h2 {
margin: 30px auto 20px;
width: 38%;
}
.white-divider {
width: 15%;
}
#extra-search #ap_slod_keywords_wrap {
background: none repeat scroll 0 0 transparent !important;
border-radius: 2px 0 0 2px;
margin: 0 !important;
padding: 0 !important;
width: 90% !important;
}
}
@media only screen and (min-width: 1200px) {
.ap_new_ad, .ap_ads_waterfall {
width: 32%;
}
.death-notices-wrap .ap_new_ad {
width: 49%;
}
.ap_ads_waterfall.ap_even.ap_last {
margin-right: auto;
margin-left: 2%;
}
.navbar-logo {
width: 330px;
}
.articles-summary.right-rail-wrap {
margin-top: 160px;
}
.details-pic-bg, .details-pic-story {
height: 340px;
border: 20px solid white;
}
}
/*--medium desktop styles*/
@media only screen and (max-width: 1200px) {
.full-bg-landing {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(248, 248, 248, 0.75) 1%, rgba(248, 248, 248, 1) 4%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/hero-images/cnhi-hero.jpg");
background-repeat: no-repeat;
background-position: center -70px;
background-size: contain;
}
#print-notices .ap-manage-ads-item {
height: auto !important;
align-items: center;
background: #fff none repeat scroll 0 0;
border-radius: 0;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
color: #333333;
display: flex;
flex-direction: row;
font: 400 16px/20px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 16px;
padding: 10px;
position: relative;
}
#print-notices .ap-manage-ads-item .order-actions {
text-align: left;
}
.claim-story-wrap {
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
/*manage contributions*/
#ap-owner-approval-main-content .ap-contribution-photos-container {
max-width: 324px;
}
/*end manage contributions*/
.login-dropdown .dropdown-toggle .ap_login_true {
display: none;
}
.user-loggedin .account-login {
display: inline-block;
font: 400 18px/22px "Source Sans Pro",Arial,sans-serif;
color: #333;
}
#ap-featured-gifts-carousel .send-now {
font: 400 14px/1.2em "Source Sans Pro",Arial,sans-serif;
padding: 8px 14px !important;
}
.funeral-event-date-block {
padding: 5px;
}
.funeral-event-date-block span {
font: 700 12px/1.2em "Source Sans Pro",Arial,sans-serif;
}
.funeral-event-time-block {
padding-left: 10px;
}
.funeral-service-event-details p {
font: 300 14px/1.2em "Source Sans Pro",Arial,sans-serif;
}
#ap-funeral-home-edit-background-display {
height: 100%;
max-height: 480px;
}
#ap-funeral-home-stats-report-links-container .col-md-2 {
padding: 0 5px;
width: 126px;
}
.stats-label {
top: 85px;
}
.ap-funeral-home-stats-report-link {
left: 0;
margin: 0 auto;
padding: 55px 0 0;
right: 0;
text-align: center;
top: 0;
}
.stats-icon {
left: 0;
right: 0;
top: 5px;
}
.stats-option {
float: none;
position: relative;
height: 168px;
}
.display-area iframe {
margin: 0 auto;
}
.create-full-story {
margin-left:50px;
}
.adtag-mobile {
display:none;
}
/*.funeral-search-fields .ap_funeral_field {
width: 45%;
}*/
#ap_guestbook_contribution_form .fields-wrap {
width: 67%;
}
#ap-create-story-container #ap-create-story-display-background {
height: 100%;
max-height: 313px;
}
.details-top-layer, .top-container-layer, .create-story-over-layer {
min-height: 313px;
padding: 130px 0 0;
}
.ap-detail-page-profile-pic {
min-height: 313px;
}
#ap-create-story-container #ap-create-story-display-background .guillotine-window {
height: 100% !important;
}
.right-rail-landing-wrap {
margin-top: 23px;
}
.landing-content, .articles-content, .events-content {
padding-right: 30px;
}
.right-rail-wrap {
padding: 0;
}
.create-story-body {
width: 100%;
}
}
/*--tablet--*/
@media only screen and (max-width: 991px) {
.form-control {
height: 44px;
}
.meta-filter-label, .form-label {
margin: 16px 0 8px;
color: #333333;
font-family: "Source Sans Pro";
font-size: 14px;
line-height: 18px;
}
/*preview bar April 2019*/
.top-wrapper h2, .top-wrapper h1 {
font: 18px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 0 auto 20px;
max-width: 280px;
}
.story-status-top-bar-wrapper h1 {
font-size: 22px;
}
.story-status-top-bar-wrapper p {
font-size: 16px;
}
.story-status-top-bar-perm {
top: 70px;
height: 50px;
}
.story-status-top-bar-perm h1 {
font-size: 18px;
}
/*end preview bar April 2019*/
.master-access-message {
font: 400 13px/16px "Source Sans Pro",Arial,sans-serif;
}
.ap_photo_large {
max-height: 140px;
}
.main-content-wrap .list-panel .list-panel-info .copy {
height: 160px;
}
.death-notices-wrap .ap_new_ad {
width: 100%;
}
.fh-description-wrap {
margin-top: 0;
}
.fullbg-fh-details .display-area, #ap-funeral-home-edit-body-container .display-area {
margin-top: 30px;
}
.summary-ads-wrap .ap_paginator {
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
margin-bottom: 16px;
}
.summary-ads-wrap .pagination {
margin: 0;
}
.summary-ads-wrap .ap_paginator_dropdown_container {
position: relative;
margin-right: 8px;
}
/* .summary-ads-wrap .ap_paginator_dropdown_container::after {
position: relative;
top: 2px;
left: 5px;
}*/
/* header sept 2018*/
#ap-contribution-create-desktop-container .ap-contribution-photo-upload-dropzone .dropzone .dz-default.dz-message::after {
margin-left: 35%;
}
/*--accounts pages--*/
#story-display .notices-row, #funeral-homes .notices-row, #print-notices .notices-row {
display: block;
float: left;
width: 100%;
}
#drafts .notices-row {
width: 100%;
display: block;
position: static;
}
.advanced-search-wrap {
width: 100%;
margin: 0 0 50px auto;
text-align: left;
}
.advanced-search-wrap h4, .advanced-search-wrap .meta-filter-close {
display: none;
}
.advanced-search-wrap .meta-filters-search-button #ap_adv_submit {
width: 100%;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a.advanced-search-link.mobile {
background: transparent;
color: #333333;
font-size: 16px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
}
.advanced-search-link.mobile::after {
margin-left: 8px;
font-family: Font Awesome\ 5 Pro;
content: '\f078';
}
.advanced-search-link.mobile.up::after {
content: '\f077';
}
.navbar-default .navbar-nav > li > a {
padding: 0px 5px;
font-size: 16px;
}
.container-top {
justify-content: flex-end;
height: 52px;
border-bottom: 1px solid #ccc;
}
.container-top .navbar-header {
margin-right: auto;
margin-left: 15px;
}
#content .row.ap-manage-stories-wrap {
margin-right: 15px;
display: block;
}
#content {
top: 70px;
margin-bottom: 70px;
}
#top .container {
width: auto;
height: 70px;
margin: 0;
}
/*.row {
margin: 0;
}*/
.container:not(.details-navigation) {
width: auto;
max-width: none;
}
.top-header, .container > .navbar-header {
width: 100%;
height: 100%;
margin-top: 0;
}
#top .navbar-main {
position: absolute;
top: 24px;
right: 16px;
margin: 0;
}
#top .container .dropdown-menu {
position: fixed;
top: 70px;
width: 100%;
height: 100%;
background: #ffffff;
overflow: scroll;
box-shadow: none;
padding: 0 28px 100px 16px;
margin: 0;
border: none;
}
.dropdown-submenu {
padding-bottom: 13px;
text-align: center;
}
#top .container .dropdown-menu.sub-menu {
width: 100%;
height: auto;
box-shadow: none;
position: relative;
top: auto;
background: #ffffff;
padding: 12px 0 0 24px;
border: none;
}
#top .container .dropdown-menu.sub-menu li a {
padding: 5px 0;
}
.message-wrap .btn-forward {
margin: 0 2px 16px 2px;
}
.nav > li.dropdown {
height: 100%;
}
.ap-manage-stories-wrap .stories-actions, .ap-manage-stories-wrap .stories-status {
margin: 15px 0 5px;
padding: 0;
}
.ap-manage-stories-wrap .stories-actions a {
text-align: right;
}
.contribution-note, .guestbook-flowers-link {
margin-left: 50px;
}
.fontsize-change-wrapper, .fontsize-article-wrapper {
display:none;
}
#select-notice-hero h1 {
padding: 0px 0px 35px;
font-size:40px;
}
#select-notice h2 {
font: 300 25px/1.2em "Source Sans Pro",Arial,sans-serif;
}
#select-notice-hero .btn-blue {
padding: 22px 40px;
margin-top:35px;
}
.select-notice-mobile-padding {
padding:0px 35px;
}
.select-notice-steps::before {
font-size:45px;
}
.select-notice-steps span {
display: block;
height:auto;
margin-top: -40px;
padding-left: 35px;
font: 300 21px/25px "Source Sans Pro",Arial,sans-serif;
margin-bottom: 15px;
}
.select-notice-category .category-select-box::after {
text-align:center;
}
.details-content-wrap .btn-back {
position: relative;
}
/*homepage*/
.main-content-wrap .list-panel .list-panel-info .copy {
height: 130px;
}
/*summary page*/
.main-content-wrap .ap_ad_wrap. list-panel .list-panel-info .copy {
height: 140px;
margin-top: 10px;
}
#ap_new_ads .ap_ad_wrap {
/*height: 330px;*/
height: 275px;
}
.death-notices-wrap #ap_new_ads .ap_ad_wrap {
height: auto;
min-height: 0;
}
/*featured story*/
.remarkable-lives-wrap .carousel-inner {
height: 469px;
}
.remarkable-lives-wrap .carousel-content-wrap {
height: auto;
}
.display-area /*.aside-content .display-area */{
margin-bottom: 32px;
text-align: center;
}
.summary-filters span:first-child, .summary-filters h1 {
font-size: 16px;
font-weight: 600;
}
.ap-article-details-content {
margin-bottom: 0;
}
}
/*--tablets - portrait--*/
@media only screen and (min-width: 767px) and (max-width: 992px) {
/*manage contributons*/
#ap-owner-approval-main-content .ap-contribution-photos-container {
max-width: 628px;
}
/*end manage contributons*/
}
/*--phone styles - landscape*/
@media only screen and (max-width: 767px) {
.details-shadow > .container > .row {
padding-top: 16px;
}
#summary-toolbar .navbar-left {
flex: 1;
min-width: 148px;
margin-right: 8px;
padding-left: 8px;
}
#summary-toolbar .navbar-left:nth-child(2) {
margin-right: 0;
}
#summary-toolbar .navbar-left:nth-child(3) {
flex: 1;
min-width: 60%;
margin-top: 8px;
margin-right: 2px;
}
#summary-toolbar div.waterfall-toggles-wrap {
display: flex;
align-items: center;
margin-top: 8px;
min-width: 0;
}
/* #summary-toolbar div.waterfall-toggles-wrap a {
width: 36px;
height: 36px;
padding: 6px 0;
margin-left: 6px;
border-radius: 2px;
}*/
p.found {
width: 100%;
margin: 16px 0 0;
padding-bottom: 16px;
border-bottom: 1px solid #979797;
text-align: center;
}
/* #summary-toolbar div.waterfall-toggles-wrap a i {
font-size: 11px;
margin-right: 0;
}*/
#summary-toolbar {
display: flex;
flex-wrap: wrap;
border: 0;
}
.filter-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-top: 8px;
}
.filter-wrapper .dropdown-label {
display: none;
}
.sorting-filter-options {
padding: 0;
}
#summary-toolbar .btn-group .btn, #summary-toolbar .bootstrap-select {
width: 100%;
}
#summary-toolbar .navbar-left:nth-child(3) .dropdown-label {
width: 95px;
}
/*manage contributions styles*/
.contributions-manage-content {
padding: 16px;
text-align: center;
}
#ap-owner-approval-main-content {
margin-top: 16px;
}
#ap-owner-approval-main-content .ap-contribution-item {
flex-direction: column;
padding: 24px 21px;
}
.contribution-main-wrapper, .emblem-content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
.emblem-content-wrapper {
margin-bottom: 0;
}
#ap-owner-approval-main-content .ap-contribution-photos-container {
margin-top: 16px;
}
.content-delete-wrapper {
margin-top: 24px;
}
.contribution-date {
margin-bottom: 8px;
}
/*end manage contributions styles*/
.master-access-message {
display: block;
padding-top: 8px;
}
.master-access-message a {
display: block;
}
.main-content-wrap .list-panel .list-panel-info .name {
font: 16px/20px "Source Sans Pro";
}
.hp-underline {
flex-direction: column;
align-items: center;
border: none;
margin-bottom: 32px;
}
.hp-underline.no-margin, .hp-underline.top-margin {
border-bottom: 1px solid #979797;
}
.hp-underline h3 {
width: 100%;
border-bottom: 1px solid #979797;
padding-bottom: 9px;
text-align: center;
}
.hp-underline.no-margin h3, .hp-underline.top-margin h3 {
border: none;
margin: 0 0 5px 0;
}
.hp-underline span a, .link-forward {
width: 50%;
float: none;
display: inline;
padding: 16px 0 0 0;
border: none;
}
.hp-underline span {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
text-align: center;
}
.timeline-links-hp a:first-child {
order: 0;
}
.timeline-links-hp a:nth-child(3) {
order: 1;
}
.timeline-links-hp a:nth-child(2) {
order: 2;
}
.timeline-links-hp a:nth-child(4) {
order: 3;
}
.timeline-links-hp a:nth-child(5) {
order: 4;
width: 100%;
}
.top-wrapper .list-panel {
/*padding: 24px 0 16px;*/
}
.summary-ads-wrap .list-panel {
padding: 24px 0 16px;
}
.featured-story-wrap .list-panel {
padding: 0;
}
.main-content-wrap .list-panel .list-panel-info .copy {
height: 116px;
margin-top: 16px;
/*align-items: flex-start;*/
}
.published-fh-wrapper {
padding-top: 8px;
}
.listview-summary-content .published, .listview-summary-content object {
margin: 0;
}
.latest-obituaries {
text-align: center;
}
/*.col-xs-12 {
padding: 0;
}*/
.full-bg-landing {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(248, 248, 248, 0.75) 1%, rgba(248, 248, 248, 1) 2%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/hero-images/cnhi-hero.jpg");
background-repeat: no-repeat;
background-position: center -20px;
background-size: contain;
}
.ap-article-summary-item, .article-side-content .ap-article-summary-item {
width: 100%;
}
.ap-article-summary-item h3, .ap-article-summary-item h2 {
margin-top: 0;
}
.ap-order-history-show-content {
max-height: 100px;
}
#ap-manage-draft-stories-container, #ap-manage-stories-main-container, #ap-manage-ads-main-container, #ap-manage-funeral-homes-container, #ap-manage-featured-funeral-homes-container, #ap-manage-follow-story-container, #ap-account-settings-container {
margin: 15px;
}
.story-admin-container {
display: block;
text-align: center;
}
#ap-story-ownership-transfer-form-section, #ap-invite-users-list {
text-align: left;
}
#drafts img {
margin-bottom: 10px;
}
.story-admin-container img {
margin: 0 auto 10px auto;
}
.story-admin-container p, .input-grey-bg, .grey-outline-btn, .blue-outline-btn, .blue-btn {
font-size: 14px;
}
/* account page dropdwon - jan 2018 */
.navbar-account {
background: #ffffff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
padding: 15px 30px;
}
.navbar-account .open .dropdown-menu {
position: fixed;
background: #ffffff;
width: 100%;
top: 126px;
padding: 15px 32px 20px;
-webkit-box-shadow: 0 12px 12px rgba(0,0,0,.175);
box-shadow: 0 12px 12px rgba(0,0,0,.175);
}
.navbar-account > li > a, .navbar-account > li > a:active, .navbar-account > li > a:hover, .navbar-account > li > a:focus {
padding: 0;
background: transparent;
}
.navbar-account .dropdown-menu > li > a {
font: 400 16px/22px "Source Sans Pro", Arial, sans-serif;
padding: 8px 0;
}
.navbar-account .dropdown-menu > li > a:hover, .navbar-account .dropdown-menu > li > a:focus, .navbar-account .dropdown-menu > li > a:active, .navbar-account .dropdown-menu > .active > a, .navbar-account .dropdown-menu > .active > a:hover, .navbar-account .dropdown-menu > .active > a:focus {
background: transparent;
color: #111111;
}
.navbar-account .dropdown-menu {
padding: 25px 40px 35px;
}
.account-dropdown-divider {
border-top: 1px solid #cccccc;
padding-top: 10px;
margin-top: 10px;
}
.footer-createstory {
flex-direction: column;
}
.footer-createstory a {
margin-top: 15px;
margin-left: 0;
}
.footer-links li, .footer-mainlinks li {
display: block;
padding: 5px;
}
.create-full-story {
margin:0;
}
.adtag-desktop {
display: none;
}
.ad-tag {
margin: 0 auto 30px 0px;
}
#ap-guestbook-form-container {
padding-right: 25px;
}
#top .navbar-brand {
margin: 5px 15px 0 30px;
}
.details-top-layer, .top-container-layer, .create-story-over-layer {
min-height: 313px;
padding: 130px 0 0;
}
.details-page {
text-align: center;
}
.details-flowers-link-wrap, .details-guestbook-wrap {
display: inline-flex;
margin: 8px 12px 12px 12px;
}
.share-font-wrapper {
justify-content: center;
}
.ap-detail-page-profile-pic {
min-height: 313px;
}
#ap-create-story-container #ap-create-story-display-background {
height: 100%;
max-height: 322px;
}
#ap-create-story-container #ap-create-story-display-background .guillotine-window {
height: 100% !important;
}
.event {
margin-bottom: 20px;
}
.ap-detail-page-profile-pic {
background-position: center center;
min-height: 450px;
}
.details-share-wrap div a {
width: 28px;
}
.bangor-links-wrap ul li.bangor-guestbook-link-left {
display: none;
}
.bangor-guestbook-link {
margin-top: 25px;;
}
.top-wrapper .message-wrap {
margin: 0 auto;
padding-top: 20px;
color: #111111;
}
.top-leaderboard-placeholder, .bottom-leaderboard-placeholder {
margin: 30px auto 24px;
}
.ap-featured-funeral-homes {
width: 30%;
margin: 5px;
}
.emblems-wrap .ap-contribution-emblem-items-container {
height: auto;
width: 100%;
}
#ap-photodisplay-photoslider {
width: 100% !important;
}
.ap-contribution-item {
max-width: none;
}
.photogallery {
width: 100%;
}
.details-body-story .photogallery, .ap-contribution-item {
padding: 16px;
}
.carousel-arrow-wrap {
margin-right: -15px;
padding: 0;
}
.carousel-arrow-wrap:first-of-type {
margin-right: 0;
margin-left: -15px;
}
.follow-top-margin {
margin-top: 10px;
}
.share-top-margin {
margin-bottom: 10px;
margin-top: 10px;
}
.details-body-story {
padding: 0;
margin-bottom: 41px;
}
.details-section-logo {
max-width: 200px;
}
.details-right-rail {
margin-bottom: 11px;
}
.add-comment-wrap textarea.ap-contribution-content {
min-width: 0;
}
.summary-wrap .page-title {
margin-top: 30px;
}
#ap-select-premium-upsell-container .ap-select-premium-upsell-package-item {
display: block;
max-width: 305px;
width: auto;
}
.guestbook-upsell-wrap.top-bottom32 {
margin-top: 0;
}
.guestbook-upsell-wrap p {
margin: 16px 0 32px;
}
.manage-guestbook-posts-wrap, #ap-funeral-home-stats-body-container {
margin: 0 -15px;
}
#ap-edit-profile-main-photo-dropzone > .ap-edit-profile-main-photo-dropzone-control-items {
flex-direction: column;
}
.fh-status {
margin-top: 10px;
}
#ap-manage-ads-list-container .ap-manage-ads-item .row {
display: block;
flex-direction: column;
margin: 15px 0;
min-height: 0;
padding: 15px 0;
position: static;
}
#ap-manage-categories-container .ap-manage-ads-category-items {
width: 100%;
}
#ap-story-owners-list .ap-add-keepers-table-name {
padding-left: 15px;
}
/* #ap-contribution-container .ap_paginator.dropdown_mode .ap_paginator_dropdown_container {
margin-top: 60px;
margin-bottom: 30px;
position: static;
}
#ap-contribution-container .ap_paginator.dropdown_mode .ap_paginator_ul.pagination {
margin-top: -85px;
margin-bottom: 30px;
position: static;
}*/
.ap-contribution-emblem-select {
margin-bottom: 10px;
}
.quick-fliter-links {
margin-bottom: 15px;
}
.ap-follow-story-email-container, .ap-follow-story-success-container, .ap-unfollow-story-success-container {
width: 100%;
height: calc(100% - 55px);
overflow: scroll;
z-index: 10;
top: 55px;
display: block;
position:fixed;
background: #ffffff;
}
.follow-container, .follow-success-container {
width: 100%;
display: block;
padding: 60px 20px 20px 20px;
-webkit-box-shadow: inset 0px 6px 4px -2px rgba(235,235,235,1);
-moz-box-shadow: inset 0px 6px 4px -2px rgba(235,235,235,1);
box-shadow: inset 0px 6px 4px -2px rgba(235,235,235,1);
}
.follow-container .ap-follow-story-action {
margin-top: 25px;
}
.ap-follow-story-signup {
flex-direction: column;
align-items: center;
margin-bottom: 15px;
}
#content #ap-contribution-photoslider, #content #ap-contribution-photocarousel {
width: 80%;
}
#content #ap-contribution-photoslider {
margin-top: 55px;
}
#content #ap-contribution-photoslider .flex-direction-nav a {
height: 100%;
top: 20px;
}
.ap-contribution-emblem-items-container .ap-contribution-emblem-item-container img {
height: 40px;
width: auto;
}
.add-event-detail-label {
flex: 0 0 90px;
}
.nav-tabs > li {
margin-bottom: 0;
}
.ap-contribution-emblem-select {
background-position: left center;
background-size: auto 25px;
float: left;
margin-bottom: 10px;
margin-top: 10px;
padding-left: 30px;
width: 100%;
}
.emblems-wrap {
margin-top:45px;
}
.add-milestone-icon, .add-photos-icon {
width: 25px;
}
.ap_guestbook_entry_pages_container .bx-wrapper .bx-next {
right: -15px;
}
.ap_guestbook_entry_pages_container .bx-wrapper .bx-prev {
left: -15px;
}
.ap_custom_dropdown {
padding: 12px 10px 3px 8px;
}
.details-bottom {
padding: 15px;
}
.guestbook-section-wrap {
margin-top: 15px;
}
.details-section-wrap.guestbook-section-wrap #ap-featured-gifts-carousel .send-now {
float: none;
}
.ap-manage-photo-padding {
max-width: 80px;
}
.ap-manage-stories-wrap .stories-actions a {
text-align: center;
margin-right: 0;
}
.ap-create-story-upload-main-photo-controls {
margin-top: -105px;
}
#ap-manage-ads-list-container .order-image a {
margin-bottom: 10px;
margin-top: 5px;
max-height: none;
}
#ap-manage-ads-list-container .order-image a img {
margin: 0 auto;
}
.feature-your-funeral-home-promo-wrap .feature-your-funeral-home-button a.btn-lg {
padding: 12px !important;
}
.waterfall-wrap #ap_ads {
padding: 0;
}
#ap-funeral-service-select-section .ap-obit-funeral-service-event-dropdown {
width: 200px;
}
.ap-create-story-upload-main-photo-buttons {
margin-top: -60px;
}
#ap-funeral-home-form-autocomplete-container .ap-funeral-home-autocomplete .ui-menu-item a {
margin-left: 0;
}
#ap-funeral-home-form-autocomplete-container .ap-funeral-home-autocomplete {
border-top: 1px solid #ccc !important;
margin-top: -1px;
}
.funeral-home-logo-edit {
margin-top: -50px;
width: 100%;
}
.funeral-home-logo-edit #ap-funeral-home-edit-logo-display {
top: 0;
width: 100%;
}
#ap-funeral-home-edit-logo-display .ap-funeral-home-edit-photo-edit-buttons-container {
width: 100% !important;
}
.list-group-item {
background:none;
}
.list-group-item a {
padding: 0;
}
.list-group-item.current-item {
background:none;
}
.list-group-item:hover, .list-group-item:active, .list-group-item:focus {
background-color: transparent;
}
.details-links-wrap ul li.list-group-item:hover, .details-links-wrap ul li.list-group-item:active, .details-links-wrap ul li.list-group-item:focus {
background-color: transparent;
}
.details-links-wrap ul li a {
padding: 0;
}
#details-nav .list-group-item a {
min-height: 64px;
}
.fh-events-disclaimer {
margin-top: 20px;
}
.details-bottom .by-wrap {
text-align: center;
}
.details-bottom #ap-funeral-display-container .by-logo, .details-bottom .ap-publication-data .by-logo {
margin: 0 auto;
}
.stats-host-filter, .stats-date-range-filter {
float: left;
margin: 10px auto 15px;
width: 100%;
}
#ap-obit-create-story-form-details .modal-title {
margin: 5px 0 15px;
}
.ap-order-history-contribution-alert {
border-radius: 30%;
font-size: 10px;
height: 18px;
min-width: 18px;
padding: 0;
}
#ap-obit-create-story-form-details .modal-body {
margin: 0 10px;
max-height: none !important;
}
#ap-obit-create-story-form-details .modal-footer {
margin:20px 0 0;
padding: 30px 0 25px;
}
#ap-obit-create-story-form-details .ap-create-story-month-select {
margin-right: 0;
max-width: 36%;
}
#ap-obit-create-story-form-details .ap-create-story-form-monthbirth, #ap-obit-create-story-form-details .ap-create-story-form-monthpass {
max-width: 100%;
}
.ap-funeral-home-autocomplete-wrap {
padding-left: 15px;
padding-right: 15px;
}
.funeral-home-promo-box .funeral-edit-body {
position: relative;
}
.preview-mode .funeral-home-promo-box .funeral-edit-body {
position: absolute;
}
#ap-funeral-home-edit-body-container .funeral-homes-wrap {
margin-top: 0;
}
.guestbook-form-table .guestbook-left-column {
width:100%;
}
.guestbook-form-table .guestbook-right-column {
margin-bottom: 50px;
margin-top: -1px;
max-width:none;
width:100%;
}
#ap-guestbook-form-container {
padding: 0 15px;
}
#stats-wrap .tab-content {
margin: 0 0 110px;
}
textarea.ap-funeral-home-edit-field {
margin: 10px auto;
width: 90%;
}
.stats-funeral-home-back-link {
position: relative;
top: 15px;
}
#ap-funeral-home-edit-background-form #ap-funeral-home-edit-background-dropzone.dropzone {
border: 3px dashed #a4a4a4;
border-radius: 10px;
}
#ap-funeral-home-edit-background-form #ap-funeral-home-edit-background-dropzone .dz-message {
background-image: none;
}
#ap-funeral-home-edit-background-form #ap-funeral-home-edit-background-dropzone .dz-message span {
display: block;
font-size: 3em;
}
#ap-funeral-home-edit-background-dropzone .dz-message span.icon-photo-upload-dropzone-message {
background: rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/camera-small-grey-2x.png") no-repeat scroll left center / 24px auto;
display: table;
margin: 55px auto 0;
padding-left: 33px;
}
.funeral-home-edit-description-buttons {
background-color: #333230;
padding-right: 30px;
}
.funeral-homes-wrap p {
font: 300 16px/1.4em "Source Sans Pro",Arial,sans-serif;
}
#content .order-history-content .details-content-wrap, #content .order-history-content .details-menu-wrap {
min-height: 0;
}
#content .order-history-content {
margin: 0 auto;
}
.details-menu-wrap {
background: #fff;
}
#ap-story-owners-list .ap-add-keepers-table-name {
padding-left: 15px;
}
#ap-story-owners-add-keeper {
float: none;
margin: 0 0 15px !important;
}
.ap-add-keepers-table-title {
text-align: center;
}
.ap-story-owners-item {
text-align: center;
}
#ap-story-owners-list .ap-user-profile-photo {
margin-left: 0;
}
.ap-manage-stories-status-pending, .ap-manage-stories-status-deleted, .ap-manage-stories-status-published, .ap-manage-stories-status-unpublished {
bottom:20px;
margin-left:-1px;
width:140px;
}
.rm-links > li {
text-indent: 68px;
}
.nav-tabs-wrap {
width: 100%;
}
.tab-content {
margin: 0;
}
.claim-option {
width: 100%;
}
#ap-photogalleryv2-photo-thumbs.flexslider {
display: block !important;
}
#ap-photogalleryv2-container {
float:none;
margin-left:35px;
}
.photo-gallery-container {
float: none;
margin-left:35px;
}
.create-full-story {
margin: 0px;
}
.adtag-desktop {
display: none;
}
.ad-tag {
margin: 0 auto 30px 0px;
}
.funeral-slod-wrap {
padding: 15px;
}
.funeral-search-fields {
margin: 0 auto 10px;
width: 100%;
}
.funeral-search-submit {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
/*.funeral-search-fields .ap_funeral_field {
margin: 10px auto 5px !important;
width: 100% !important;
}*/
.ap-featured-profile-pic {
background-size: contain;
}
.ap-order-history-contribution-alert {
margin-right: 35px;
}
.col-preview {
margin-bottom: 10px;
}
.ap-order-history-view-story {
margin-bottom: 0;
}
#ap-guestbook-form-container {
padding-right: 25px;
}
#top .navbar-brand {
padding: 12px 0;
margin: 1px;
}
#ap-create-story-container #ap-create-story-display-background {
margin-top: 0;
overflow: visible;
height: auto;
}
#ap-backgroundphoto-form .ap-create-story-upload-background-photo-buttons {
text-align: center;
}
#ap-create-story-container .details-content-wrap {
margin-top: 0;
}
#ap-create-story-container .details-top-photo {
margin-top: 0;
}
#ap-create-story-display-details .details-top-name {
margin: 0 0 5px;
}
#ap-create-story-display-details .details-top-dates {
margin: 0 0 5px;
}
.dropdown-header {
font: 400 18px/1.6em "Source Sans Pro",Arial,sans-serif;
}
.ap-manage-stories-main-photo {
margin: 0 auto 20px;
}
.contribution-right {
margin-top: 20px;
}
.ap-manage-stories-buttons, .contribution-top, .contribution-buttons {
text-align: center;
}
.event {
margin-bottom: 20px;
}
.ap-detail-page-profile-pic {
background-position: center center;
min-height: 450px;
}
.navbar-main .dropdown-menu {
width: 100%;
}
.top-search-wrap {
width: 50%;
}
.details-links-wrap {
bottom: 0;
position: fixed;
width: 100%;
z-index: 3;
}
.details-links-wrap ul li {
position: relative;
width: 20%;
list-style-type: none;
padding: 7px 0;
}
.details-links-wrap ul .list-group-item:last-child {
position: relative;
top: 1px;
}
.bangor-guestbook-link-left {
display:none !important;
}
.bangor-guestbook-link {
margin-top: 25px;
}
}
/*--bootstrap smallest max-width: 576px--*/
@media only screen and (max-width: 576px) {
.ap-featured-funeral-homes {
width: 46.5%;
}
.state-block {
width: 100%;
}
.link-forward {
width: 100%;
}
.year-required {
right: 50px;
}
.create-story-actions {
padding: 0 32px;
}
.create-story-title-large {
margin: 0;
font-size: 22px;
}
.create-story-white-box .form-dates .ap-validator-wrap, select[name="monthbirth"], select[name="monthpass"], .edit-story-field, #content .form-group input[type="text"], #content input.form-control[type="text"], .create-story-white-box .ap-funeral-service-form-wrapper .bootstrap-select .btn-default, .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .create-story-white-box .form-dates.form-group input:not(.create-checkbox), .create-story-white-box .form-dates .bootstrap-select .btn-default, .form-dates .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .ap-validator-wrap {
width: 100%;
}
.create-details-top-text {
margin: 20px 0;
}
.funeral-event-time {
display: block;
}
[data-validator-key="yearbirth"], [data-validator-key="yearpass"] {
margin: 0;
}
.ap-validator-wrap[data-validator-key="yearbirth"] .ap-validator-error-message.ap-validator-active-message, .ap-validator-wrap[data-validator-key="yearpass"] .ap-validator-error-message.ap-validator-active-message {
position: relative;
margin-top: 0;
margin-left: 0;
}
.account-filters {
flex-direction: column;
}
#ap-manage-ads-filters-container select {
margin: 0;
}
.listview-summary {
flex-direction: column;
}
.ap_new_ad .listview-summary {
align-items: center;
}
.listview-summary .list-panel-photo {
display: block;
width: auto;
height: auto;
}
.listview-summary img {
max-height: none;
}
.listview-summary-content {
padding: 24px;
}
.ap_new_ad .listview-summary .list-panel-photo, .ap_ads .listview-summary .list-panel-photo {
width: auto;
height: auto;
}
.ap_ads .listview-summary {
align-items: center;
}
.ap_adimpressions {
margin-right: 16px;
}
.listview-homepage-content {
margin-top: 18px;
padding: 0 24px;
text-align: center;
}
.listview-homepage-content .name {
float: none;
}
.listview-homepage-content .dates {
float: none;
margin-left: 0;
}
.main-content-wrap .list-panel .list-panel-info .dates {
font: 12px/15px "Source Sans Pro";
}
.listview-summary-content .dates {
flex-direction: column;
align-items: center;
}
.listview-summary-content .name, .listview-summary-content p, .listview-summary-content .published, .listview-summary-content object, .listview-summary-content .city {
text-align: center;
}
}
/*--custom media query - max-width: 500px--*/
@media only screen and (max-width : 500px) {
.flex-active-slide > .flex-caption {
display: none !important;
}
}
/*--phone styles - portrait--*/
@media only screen and (max-width: 480px) {
.summary-ads-wrap .ap_paginator {
flex-direction: column;
align-items: center;
}
.summary-ads-wrap .ap_paginator_dropdown_container {
margin-bottom: 8px;
}
.create-checkbox, .ap-funeral-service-include-in-print {
width: 22px;
height: 22px !important;
}
.comment-help-link {
flex-direction: column;
}
.status-pending .title {
font-size: 16px;
margin-left: 8px;
}
.status-pending .fa-lock {
font-size: 18px;
}
.recent-contributions-wrap .recent-contribution:not(:last-child)::after {
margin: 0px auto;
}
.contribution-details-photo {
width: 50%;
}
.contribution-details-photo img {
width: 100%;
min-width: 100px;
}
.full-bg-landing {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(248, 248, 248, 0.99) 1%, rgba(248, 248, 248, 1) 2%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("//d2zfowlldib7se.cloudfront.net/assets/obits/images/hero-images/cnhi-hero.jpg");
background-repeat: no-repeat;
background-position: center -20px;
background-size: contain;
}
/*.photos2 .ap-photodisplay-photo-item, .photos4 .ap-photodisplay-photo-item, .photos5 .ap-photodisplay-photo-item:nth-child(1), .photos5 .ap-photodisplay-photo-item:nth-child(2), .photos5 .ap-photodisplay-photo-item:nth-child(3), .photos5 .ap-photodisplay-photo-item:nth-child(4), .photos5 .ap-photodisplay-photo-item:nth-child(5), .photos3 .ap-photodisplay-photo-item {
height: 154px;
}*/
/*new create story*/
.form-dates .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .create-story-white-box .form-dates.form-group input, .create-story-white-box .form-dates .bootstrap-select .btn-default {
margin-right: 0;
}
.create-story-white-box .form-group.funeral-info {
margin-top: 32px;
}
.ap-create-story-background-item {
width: 48.5%;
}
#ap-createstory-background-upload {
margin: 0;
}
#ap-ap-create-story-background-photo-rotateright {
margin: 0;
}
/*.create-story-white-box .form-dates.date-of-passing {
height: 200px;
}*/
.ap-contribution-event-field .ap-contribution-todate-month, .ap-contribution-event-field .ap-contribution-fromdate-month {
margin: 0;
}
.story-admin-container .pub-name {
margin-top: 16px;
}
.white-box-no-padding {
padding: 0 0 25px 0;
}
.edit-story-field {
width: auto;
}
.quick-fliter-links {
margin-top: 15px;
}
.select-notice-category {
padding: 0px 10px;
}
.details-body {
padding: 0 15px;
}
.stats-host-filter {
margin: 15px 0 0;
}
.stats-host-filter .bootstrap-select {
margin: 0;
}
.stats-date-range-filter {
margin: 15px 0 0;
}
.stats-range-hyphen {
display: none;
}
.ap-funeral-home-stats-date-selector-container {
margin-bottom: 15px;
}
.top-sign-in-link {
margin-top: 4px;
}
.ap-claim-funeral-home-list-request {
margin: 0;
}
.create-full-story {
margin: 0;
}
.adtag-desktop {
display: none;
}
.display-area, .ad-tag {
margin: 0 auto 30px auto;
text-align: center;
}
.funeral-slod-wrap {
width:97%;
margin-left:1%;
}
.funeral-search-fields {
float:left;
width:98% !important;
}
#ap-obit-create-story-edit-save {
margin-left: 10px;
margin-right: 15px;
}
#ap-obit-create-story-publish {
margin: 30px 0;
}
.col-preview img {
width: 100%;
}
#ap-guestbook-emblem-items-container {
text-align: center;
}
#ap-guestbook-emblem-items-container .ap-guestbook-emblem-item-container {
margin: 0 auto;
}
#ap_guestbook_contribution_form #ap-guestbook-emblem-holder {
float: none;
margin: 15px auto;
}
#ap_guestbook_contribution_form .fields-wrap {
width: 85%;
}
#top .navbar-brand {
padding: 12px 0;
margin: 1px;
}
#ap-create-story-display-details .details-top-text {
width: 100%;
}
#ap-create-story-background-upload span {
font-size: 17px;
display: block;
}
#ap-create-story-display-details .details-top-name {
font-size: 17px;
margin: 0 0 5px;
}
#ap-create-story-display-details .details-top-dates {
font-size: 15px;
margin: 0 0 5px;
}
#edit_profile_form .form-group .form-group-element {
width: 100%;
}
#edit_profile_form .form-group .form-group-label {
width: 100%;
}
#edit_profile_form .form-group .form-group-element {
float:none;
}
.draft {
float: none;
}
.ap-manage-stories-main-photo {
margin: 0 auto 20px;
}
.contribution-right {
margin-top: 20px;
}
.ap-manage-stories-buttons, .contribution-top, .contribution-buttons {
text-align: center;
}
.event {
margin-bottom: 20px;
}
.navbar-main .dropdown-menu {
width: 100%;
}
.mobile-top-element {
display: inline-block;
float: left;
}
.mobile-absolute #notification-alert-container {
display: inline-block !important;
top: 0;
}
#top .navbar-secondary {
float: right;
}
.details-share-wrap div a {
width: 25px;
}
.title-main {
color: #4c4c4c;
font: 400 42px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 30px auto 20px;
}
.category-content {
color: #333333;
font: 200 22px/31px "Source Sans Pro",Arial,sans-serif;
letter-spacing: 0.5px;
margin: 60px auto 50px;
width: 70%;
}
.subtitle {
font: 400 36px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 45px 0 45px 0;
text-align: center;
}
.view-all-link {
text-align: center;
}
.nav-links {
float: left;
list-style: none outside none;
margin: 20px 0 20px 15px;
padding-left: 0;
}
.share-this-links {
height:38px;
margin-bottom:20px;
display:inline-block;
}
}
/*--custom media query - max-width: 915px--*/
@media only screen and (max-width: 915px) {
#ap-owner-approval-main-content .ap-contribution-photos-container {
max-width: 475px;
}
}
/*--custom media query - max-width: 566px--*/
@media only screen and (max-width: 566px) {
#ap-owner-approval-main-content .ap-contribution-photos-container {
max-width: 322px;
}
.col-no-padding-mobile {
padding: 0;
}
}
@media only screen and (max-width: 380px) {
#summary-toolbar .btn-group .btn, #summary-toolbar .bootstrap-select {
padding: 0;
}
}
@media only screen and (max-width: 350px) {
#summary-toolbar .navbar-left{
flex: none;
min-width: 0;
margin-bottom: 8px;
}
#summary-toolbar .navbar-left:nth-child(3), #summary-toolbar div.waterfall-toggles-wrap {
margin: 0;
}
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
.details-flowers-link-wrap .btn {
height: 57px;
}
}
/*--print styles--*/
@media print {
.no-print, .contributions-ctas, .gift-purchase-link, .details-navigation, .tributes-link-footer, .adtag-desktop, #leaderboard_btf, .display-area, .guestbook-flowers-link-wrap, .flexbox-container, .aside-content, .summary-filters, .leaderboard-top-summary, .leaderboard-bottom-summary, .gradient, .guestbook-page, .details-wrap-guestbook .details-pic-bg, .summary-filters-mobile, .leaderboard-top-summary, .hp-underline, .ap-readmore-action-container, .ap-readmore-ellipsis, .bottom16, .link-forward, .summary-filters, #summary-toolbar, #ap-restore-guestbook-container, .details-menu-wrap, #ap-featured-gifts-carousel, .details-top-text, #ap_guestbook_contribution_form, .guestbook-background, .milestones-background, .memories-background, .contribution-note, .share-note, .share-button, .guestbook-section .details-top-grey, .milestones-section .details-top-grey, .memories-section .details-top-grey, .details-share-wrap, .share-facebook, .share-facebook a, .premium-link, .premium-link a, .share-twitter, .share-twitter a, .fontsize-change-wrapper, .emblem-solo, html input[type="button"], input[type="reset"], input[type="submit"], .details-published, .details-share-wrap, .fontsize-change-wrapper, .details-published, .follow-wrap p, .details-section-wrap, .btn-transparent, .btn-secondary, .details-flowers-link-wrap, .details-guestbook-wrap, .contribution-create-wrap, .contribution-create-wrap h3, .details-share-wrap span a, .medium-grey, .ap-contribution-emblem-action-link .ap-contribution-emblem-select, #footer-wrapper, .ap-contribution-firstname, .add-comment-wrap textarea.ap-contribution-content, .remembering-band, #ap-content-readmore-container, .share-facebook, .share-facebook a, .premium-link, .premium-link a, .share-twitter, .share-twitter a, .fontsize-change-wrapper, .details-claim-wrap, .follow-top-margin, .flowers-top-margin, .share-top-margin, .top-bottom32, #top, .top-wrapper .message-wrap, .top-wrapper .btn-forward, .leaderboard-top, .leaderboard-bottom, .timeline-links-hp, .display-area, .btn, .aside-content-wrap, .remembering-band, .pagination-wrap, .ap_paginator, .summary-ads-wrap .ap_paginator_dropdown_container, .details-body-story #ap-photogalleryv2-container {
display: none !important;
}
.notice-image-print-only {
display: block !important;
}
html, body {
background: #ffffff;
}
@page { size:8.5in 11.5in; margin-top: 1cm; margin-bottom: 1cm;}
* {
border: 0;
}
a {
text-decoration: none !important;
}
#logo {
margin: 0px;
}
.col-sm-height {
width: 100%;
float: none;
}
.row, .wrapper, #content, .summary-ads-wrap {
width: 100%;
overflow: visible;
display: block;
}
#content {
top: 0px;
margin-top: 50px;
margin-bottom: 0;
}
img, #ap-contribution-items-container .ap-contribution-item, .ap_new_ad, .ap_ads_waterfall, .ap_ads .listview-summary, .listview-summary, #ap_waterfall_container .ap_ads_waterfall, .photogallery, .death-notices-wrap #ap_new_ads .ap_ad_wrap, .card-of-thanks-wrap #ap_new_ads .ap_ad_wrap, .ap_new_ad, .ap_ads_waterfall, #ap_new_ads, #ap_new_ads, .ap_new_ad, .ap-featured-funeral-homes, .featured-funeral-homes {
page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
page-break-inside: avoid; /* or 'auto' */
}
.main-content-wrap {
width: 1000px;
padding: 0;
}
.aside-content-wrap {
display: block !important;
}
.obituaries #ap_new_ads {
display: block;
}
.top-wrapper .main-content-wrap .hp-underline:not(.first-title) {
display: block;
margin-top: 400px;
padding-bottom: 32px;
}
.top-wrapper .main-content-wrap .hp-underline.first-title {
display: block;
}
.ap_new_ad {
width: 30%;
height: 400px;
float: left;
margin-right: 10px;
margin-bottom: 25px;
margin-left: 10px;
}
.list-panel {
min-height: 400px;
}
.listview-homepage-content {
margin: 0 0 0 16px;
}
.list-panel-photo {
justify-content: flex-start;
}
/* .listview-summary img {
margin-top: -24px;
}*/
.print-logo {
display: block;
margin-bottom: -20px;
}
a[href]:after {
content: none !important;
}
.summary-wrap .page-title .ap_nav_li, .summary-wrap .page-title .ap_nav_li a, .summary-wrap .page-title {
margin-top: 10px;
}
.summary-ads-wrap > div {
display: block;
}
.main-content-wrap, .summary-ads-wrap .ap_ads, #ap_waterfall_container {
display: block;
width: 100%;
max-width: none;
height: auto;
padding: 0;
}
.summary-ads-wrap .ap_ads {
border-top: 0.5px solid #ECECEC;
box-shadow: none;
}
.listview-summary {
display: flex;
}
.listview-summary .list-panel-photo {
width: 120px;
height: 220px;
}
/*.container.summary-wrap div:(first-child) {
display: none;
}*/
.summary-ads-wrap .list-panel .list-panel-info .list-panel-info-data {
display: block;
}
.ap_new_ad, .ap_ads_waterfall {
width: 31%;
height: 400px;
margin-right: 10px;
margin-bottom: 25px;
margin-left: 10px;
}
.ap_ads_waterfall {
width: 31%;
float: left;
margin: 0 5px 25px 5px;
}
.list-panel.nophotohidden, .top-wrapper .list-panel {
height: 400px;
}
.death-notices-wrap .ap_new_ad {
width: 100%;
margin: 0 0 15px 0;
height: 140px;
min-height: 0;
border: 0.5px solid #ECECEC;
}
.death-notices-wrap #ap_new_ads .ap_ad_wrap, .card-of-thanks-wrap #ap_new_ads .ap_ad_wrap {
height: 140px;
min-height: 0;
}
.list-panel, .ap-featured-funeral-homes a {
border: 0.5px solid #ECECEC;
}
.hp-underline h3, .summary-wrap .page-title .ap_nav_li, .summary-wrap .page-title .ap_nav_li a, .summary-wrap .page-title {
font-size: 16px;
}
.summary-wrap .page-title {
margin-top: 0;
padding-top: 0;
}
.hp-underline, .summary-filters {
border: none;
}
.details-page {
padding: 0;
}
.details-wrap .col-xs-12, .details-wrap .col-12, .main-content-wrap {
width: 100%;
position: relative;
line-height: 1;
display: block;
float: none !important;
border: 1px solid #ffffff;
}
.full-bg-details, .full-bg-landing, .full-bg-summary, .full-bg-details-default {
background: none !important;
background-image: none;
}
.col-xs-12, .col-12 {
max-width: none;
}
.date-story {
color: #333333;
display: block;
font-size: 20px;
text-align: center;
}
.details-body-story {
display: block;
width: 100%;
padding: 0;
margin: 0;
}
.details-body-copy {
position: relative;
font-size: 13pt;
line-height: 25px;
margin-top: 0px;
}
.details-pic-wrapper, .details-section-wrap {
border: 0;
}
.details-pic-bg {
display: inline-block;
height: auto;
margin: 0 auto;
padding: 0px;
text-align: center;
}
.details-pic-story {
margin: 0 auto;
text-align: center;
}
.subtitle-story {
display: block;
width: 100%;
color: #111111;
border-bottom: none;
text-align: center;
}
.details-body-story .photogallery {
margin-right: auto;
margin-left: auto;
}
/*.details-services-widget {
display: block;
margin: 0px auto;
padding-top: 40px;
height: 80px;
}
.details-services-widget .details-section-title {
height: 30px;
}
#ap-funeral-display-container {
height: 20px;
}
.by-funeral-home img, .details-services-widget img {
width: 200px;
}*/
.details-wrap-guestbook {
padding: 0;
}
.main-guestbook-display {
display: block;
flex: none;
width: 100%;
max-width: none;
}
#ap-contribution-items-container .ap-contribution-item {
max-width: none;
}
.guestbook .subtitle-story {
text-align: left !important;
}
.details-events-widget {
margin: 0;
padding: 0;
}
.funeral-service-event-details {
margin: 25px auto 0;
padding-bottom: 0;
width: 30%;
text-align: center;
}
.funeral-event-date-and-time-block {
width: 100%;
margin: 25px auto 85px;
text-align: center;
}
.funeral-event-link {
display: none;
}
.photogallery {
background: #fff none repeat scroll 0 0;
display: flex;
flex-wrap: wrap;
padding: 2px;
max-width: 500px;
column-count: auto;
}
.details-page .photogallery {
margin: 0px auto;
text-align: center;
}
.details-body-story .photogallery {
margin-top: 24px;
padding: 22px;
border: 1px solid #ECECEC;
}
.details-page .photogallery {
padding: 18px;
margin-top: 24px;
box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.05);
}
.details-wrap .ap-photodisplay-photo-item:nth-child(+n+6) {
display: none;
}
.ap-photodisplay-photo-item {
display: flex !important;
width: 50%;
height: 250px;
}
.details-page .ap-photodisplay-photo-item {
height: 100px;
}
.photos5 .ap-photodisplay-photo-item {
width: 50%;
height: 293px;
border: 2px solid #ffffff;
}
.details-page .photos5 .ap-photodisplay-photo-item {
height: 130px;
}
.photos5 .ap-photodisplay-photo-item:nth-child(3), .photos5 .ap-photodisplay-photo-item:nth-child(4), .photos5 .ap-photodisplay-photo-item:nth-child(5), .photos3 .ap-photodisplay-photo-item {
width: 33.33333%;
height: 210px;
border: 2px solid #ffffff;
}
.details-page .photos5 .ap-photodisplay-photo-item:nth-child(3), .details-page .photos5 .ap-photodisplay-photo-item:nth-child(4), .details-page .photos5 .ap-photodisplay-photo-item:nth-child(5), .details-page .photos3 .ap-photodisplay-photo-item {
height: 100px;
}
.photos4 .ap-photodisplay-photo-item, .photos2 .ap-photodisplay-photo-item {
width: 50%;
height: 250px;
border: 2px solid #ffffff;
}
.details-page .photos4 .ap-photodisplay-photo-item, .details-page .photos2 .ap-photodisplay-photo-item {
height: 130px;
}
.photos1 .ap-photodisplay-photo-item {
width: 100%;
height: 500px;
border: 2px solid #ffffff;
}
.photogallery img {
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.ap-view-more-photo {
display: none !important;
}
.contributions-top-row {
position: relative;
margin-top: -14px;
}
.details-published {
color: #333333;
font: 16px/1.2em "Source Sans Pro",Arial,sans-serif;
margin: 20px 0 0 0;
}
.ap-contribution-firstname {
font-size: 16px;
}
.add-comment-wrap textarea.ap-contribution-content {
border-color: #ccc !important;
background: #fff none repeat scroll 0 0;
min-height: 120px;
width: 100%;
}
.guestbook-bg-details {
background: #ffffff;
padding: 0;
}
.ap-readmore-hidden-content {
display: inline !important;
}
.ap-photodisplay-photo-item.ap-photodisplay-overflow {
display: flex !important;
}
}.featured-funeral-homes a.btn:first-child{display:none}.image-print-only{display:none}.list-panel-photo.print-only .ap_photo_large{display:none}.list-panel-photo.print-only .image-print-only{display:block}.details-pic-bg.photo-exists.print-only{display:none}.print-only-details{display:none}.details-body-copy.print-only .print-only-details{display:block;cursor:default}.details-body-copy.print-only .details-copy{display:none}@media (min-width:480px){.create-story-bg .ap-create-story-background-item:last-child{margin-right:auto;margin-left:2.8%}}