/*
Theme Name: The Honolulu Star-Bulletin Blog Theme
Theme URI: http://blogs.starbulletin.com/
Description: A general theme for <a href="http://www.starbulletin.com">The Honolulu Star-Bulletin</a>.
Version: 1.0
Author: Honolulu Star-Bulletin
Author URI: http://www.starbulletin.com/
General Theme v1.0
http://www.starbulletin.com/
This theme was designed and built by The Honolulu Star-Bulletin,
whose blog you will find at http://www.starbulletin.com/ 1
*/

/* CSS Document */

/* New theme style */
/* @group header style*/
/* .topnav{
    width: 100%;
    height: 35px;
    background: #080808;
}
.topnav .navbar-toggler{
	padding: .25rem .55rem;
	border : 1px solid;
	box-shadow: none;
	outline: none;
} */
body {
    padding-top:32px;
}
.clear {
    zoom: 1;
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/* .primary-menu {
    height: 35px;
    overflow: hidden;
} */
@media (max-width: 768px){
	/* Hide desktop menus */
	.primary-menu, .user-menu {
		display: none;
	}
}
/* .topnav ul li {
    list-style-type: none;
    display: inline-block;
		margin-top: 3px !important;
		margin-right: 10px;
		margin-bottom: 10px;
    margin-left: 10px;
}
.topnav ul li:first-child {
		margin-left: 0;
}
.topnav a {
		font-family: 'Open Sans';
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
    color: #e1e1e1;
}
.topnav a:hover{
    color: #fff;
} */
/* @end */

/* @group Slide menu style*/
.topnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: #080808;
	z-index: 52;
}

.topnav .container-fluid { max-width: 1350px; }

.topnav a {
	text-decoration: none;
	color: #e1e1e1;
}

.topnav a:hover, .topnav a.subscribe:hover {
	color: #fff;
}

.topnav ul li {
	list-style-type: none;
	display: inline-block;
	margin: 10px;
}

.topnav a.subscribe {
	color: #fff;
	background: #008fd3;
	border-radius: 5px;
	padding: 3px 5px;
	font-weight: bold;
}

/* Add search icon */
.topnav-search a:before {
	content: "\f002";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 4px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.primary-menu {
	height: 40px;
	overflow: hidden;
}

/* Slide-in Menus */
#slide-menu, #slide-user-menu {
	width: 350px;
	height: 100%;
	position: fixed;
	top: 0;
	background: #2e2e2e;
	padding: 50px 25px 25px;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	z-index: 51;
	font-size: 1.125em; /* 18px */
}

#slide-menu ul li, #slide-user-menu ul li {
	list-style-type: none;
}

#slide-menu ul li a, #slide-user-menu ul li a {
	color: #e1e1e1;
	font-weight: bold;
	text-decoration: none;
}

#slide-menu ul li a:hover, #slide-user-menu ul li a:hover {
	color: #fff;
}

#slide-menu hr, #slide-user-menu hr {
	margin: 25px 0;
	border-top: 1px solid #383838;
}

#slide-menu.hidden {
	position: fixed;
	left: -1000px;
	top: 0;
}

#slide-user-menu.hidden {
	position: fixed;
	right: -1000px;
	top: 0;
}

/* Bootstrap menu styles */
#slide-menu .nav {
	display: block;
}

#slide-menu .nav > li, #slide-user-menu .nav > li {
	position: relative;
	display: block;
	width: 100%;
}

#slide-menu .nav > li > a, #slide-user-menu .nav > li > a {
	position: relative;
	display: block;
	padding: 10px;
}

/* Link hover background color */
#slide-menu .nav > li > a:hover, #slide-user-menu .nav > li > a:hover {
	background: #000;
}

#slide-menu .toggle-custom, #slide-user-menu .toggle-custom {
	position: absolute !important;
	top: 0;
	right: 0;
}

/* Collapsible sub-menu */
#slide-menu .collapse, #slide-user-menu .collapse {
	display: none;
	visibility: hidden;
}

#slide-menu .collapse.show, #slide-user-menu .collapse.show {
	display: block;
	visibility: visible;
}

#slide-menu .nav .nav, #slide-user-menu .nav .nav {
	background: #000;
}

#slide-menu .nav .nav > li > a, #slide-user-menu .nav .nav > li > a {
	padding-left: 20px;
	font-size: 0.889em; /* 16px */
	font-weight: normal;
	border-bottom: 1px solid #151515;
}

#slide-menu .nav .nav > li > a:hover, #slide-user-menu .nav .nav > li > a:hover {
	background: #0b0b0b;
}

#slide-menu .toggle-custom > .fas, #slide-user-menu .toggle-custom > .fas {
	-webkit-transition: .3s transform ease-in-out;
	-moz-transition: .3s transform ease-in-out;
	transition: .3s transform ease-in-out;
	transform: rotate(180deg);
}

#slide-menu .toggle-custom.collapsed > .fas, #slide-user-menu .toggle-custom.collapsed > .fas {
	transform: none;
}

.menu-close {
	color: #e1e1e1;
	text-decoration: none;
	font-size: 0.778em; /* 14px */
}

.menu-close:hover {
	color: #fff;
}

/* Hide mobile menus on desktop */
.mobile-menu, #slide-user-menu {
	display: none;
}

/* Longs Drugs bug in nav bar */
.longs-bug-topnav {
	display: inline-block;
	text-indent: -9999px;
	background: url("https://staradvertiser.wpenginepowered.com/wp-content/themes/staradvertiser/css/../images/longs-drugs-logo-v2.png") top left no-repeat;
	width: 109px;
	height: 20px;
}

/* Longs Drugs bug in hamburger menu */
.longs-bug-menu {
	font-size: 0.778em; /* 12px */
	margin-top: 30px;
}

.longs-bug-menu a {
	color: #ffe600;
	text-decoration: none;
}

/* Full width button */
.sa-btn {
    display: block;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.sa-btn:hover, .ss-btn:hover {
	color: #fff;
	text-decoration: none;
}

.blue.sa-btn {
	color: #fff;
	background: #0083de;
}

.blue.sa-btn:hover {
	background: #0064aa;
}

.grey.sa-btn {
	color: #1f1f1f;
	background: #ccc;
}

.grey.sa-btn:hover {
	background: #b6b6b6;
}

/* @group header and footer breakpoint*/
@media (max-width: 768px){
	/* .topnav{
		height: 75px;
		background: white;
	} */
	.mobile-menu {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	}
    #slide-user-menu {
        display: block;
    }
  /*SAFARI ONLY STYLING for iPad Air 2 Site Logo fix
  _::-webkit-full-page-media, _:future, :root .mobile-menu a {
      display: block;
      -webkit-justify-content: center;
      -webkit-flex-wrap: wrap;
      -webkit-align-content: center;
  } */
  /*Hide site logo on Masthead on tablet and set ad to be centered*/
  @media (max-width: 768px){
      .masthead-site-logo{
        display: none !important;
      }
      .masthead-tablet-mobile-ad{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
  }

	.footer-copyright,
	.footer-address-desktop{
		display: block;
	}
	.footer-separate{
		display: none;
	}
}
@media (max-width: 480px){
		.footer-address-desktop {
		    display: none;
		}
		.footer-address-mobile{
				display: block !important;
		}
}
@media (max-width: 576px){
    .topnav .mobile-menu .logo {
		width: auto;
		padding-top: 0;
	}
    #slide-menu, #slide-user-menu {
        width: 100%;
    }
}
@media (max-width: 991px){
		.footer-content-area{
				max-width: 750px !important;
		}
}
@media (max-width: 320px){
    .topnav .mobile-menu .logo {
		width: 120px;
		height: auto;
		padding-top: 5px;
	}
    #slide-menu, #slide-user-menu {
        padding: 50px 10px 10px;
    }
}
/* @end */

/* @group Slide menu style*/
/* .mobile-menu{
    display: none;
}
#slide-menu.show{
		left: 0;
}
#slide-menu.hidden{
		left: -1000px;
}
#slide-menu{
    width: 350px;
    height: 100%;
    position: fixed;
    top: 0;
    background: white;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    z-index: 51;
    font-size: 1.125em;
		box-shadow: 0 4px 200px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#slide-menu #goto-button a{
		background-color: #222;
		border: 0;
		border-radius: 5px;
		font-size: 20px;
		font-weight: 600;
		padding: 15px;
		padding-right: 35px;
		padding-left: 35px;
		color: white;
		font-family: 'Fira Sans Condensed';
}

@media (max-width: 576px){
		#slide-menu{
		    width: 320px;
		}

		#slide-menu #goto-button a{
				padding-right: 20px !important;
				padding-left: 20px !important;
		}
} */
/* @end */

/* @group New theme Footer*/
.footer-copyright,
.footer-address-desktop,
.footer-address-mobile{
		font-family:'Fira Sans Condensed';
		color:white;
		font-size:14px;
}
.footer-address-mobile {
		display: none;
}
.footer-link{
		color:white;
		font-size:14px;
}
.footer-need-header{
		font-family: 'Crimson Text', serif;
		font-size:22px;
}
.footer-need-text{
		font-family: 'Crimson Text', serif;
		font-size:16px;
		line-height: 1.4;
}
.ads-text{
		font-family:'Fira Sans Condensed';
		font-size:10px;
}
.footer-address-background{
		background-color:#222;
}
.footer-need-background{
		background-color:#EEE;
}
/* @end */

/* @group Site Logo + Navigation Menu links Style*/
.logo-star{
    display: block;
    margin: 0 auto;
}
.logo-header{
    display: inline-block;
		font-family: 'Crimson Text', serif;
		font-size:32px;
		color:#333;
		margin-top:-8px;
		margin-bottom: 15px;
		letter-spacing: 2px;
}
.logo-header:hover{
    color:#333;
}
.slide-menu-button{
    position: absolute;
    right: 0;
}
#slide-widget .widget_nav_menu .widgettitle{
		display: none;
		list-style: none;
}
#slide-widget .widget_nav_menu{
		list-style: none;
}
#slide-widget .widget_nav_menu ul{
		padding:0;
		text-align: center;
}
#slide-widget .widget_nav_menu ul li{
		list-style: none;
    border-bottom: 1px solid #ddd;
		line-height: 45px;
}
#slide-widget .widget_nav_menu ul li a{
		font-family: 'Fira Sans Condensed';
		font-size: 22px;
		font-weight: 600;
    color: black;
}
#slide-widget .widget_nav_menu ul li a:hover{
    text-decoration: none;
    color: #429abe;
}
.sidebar .widget_nav_menu ul{
		text-align: left !important;
}
.sidebar .widget_nav_menu ul li a{
		font-size: 18px !important;
    padding-left: 20px !important;
}
/* @end */

/* New Hawaii Obituaries Search bar + Calendar style*/
/* @group Search bar style*/
#slide-widget a{
		text-decoration: none;
}
#slide-widget .widget_search .widgettitle{
		display: none;
		list-style: none;
}
#slide-widget .widget_search,
#slide-widget #goto-button{
		list-style: none;
}
#slide-widget .widget_search{
		padding: 10px;
		padding-top: 15px !important;
}
#slide-widget .widget_search #txt-search{
		border: 2px solid lightgray;
		border-radius: 10px;
		height: 40px;
		width: 80%;
		font-family: 'Fira Sans Condensed';
		font-size: 16px;
		font-weight: 600;
}
#slide-widget .widget_search #txt-search:placeholder-shown{
		font-family: 'Fira Sans Condensed';
		font-size: 13px;
		font-weight: 600;
		color:black;
		text-indent: 15px;
}
#slide-widget .widget_search #txt-search:-ms-input-placeholder{
		font-family: 'Fira Sans Condensed';
		font-size: 13px;
		font-weight: 600;
		color:black;
		text-indent: 15px;
}
#slide-widget .widget_search #btn-search{
		background-color: #3ca0e4;
		height: 38px;
		width: 42px;
		border: 0;
		border-radius: 10px;
		box-shadow: 1px 2px #c9d0d5;
		font-size: 16px;
		font-family: 'Fira Sans Condensed';
		color: white;
		cursor: pointer;
}
/* @end */

/* @group Calendar style*/
#slide-menu #slide-widget .widget_calendar{
		padding: 15px;
		list-style: none;
}
.sidebar #slide-widget .widget_calendar{
		padding: 7px;
		list-style: none;
}
#slide-widget .widget_calendar .widgettitle{
		padding-top: 25px;
    color: #429abe;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: bold;
    text-align: center;
}
#slide-widget .widget_calendar th{
		border: none !important;
		font-family: 'Open Sans';
		font-size: 16px;
		font-weight: bold;
		line-height: 2;
}
#slide-widget .widget_calendar td{
		border: none !important;
		font-family: 'Open Sans';
		font-size: 14px;
    font-weight: 600;
		line-height: 2;
		padding: 5px;
}
#slide-widget .widget_calendar .pad,
#slide-widget .widget_calendar td a{
		background: none;
		font-family: 'Open Sans';
		font-size: 14px;
    font-weight: 600;
}
#slide-widget #prev-month{
    display: inline-block;
}
#slide-widget #next-month{
    display: inline-block;
    position: absolute;
    right: 0;
    padding-right: 20px;
}
#slide-widget #prev-month a,
#slide-widget #next-month a{
		background-color: #429abe;
		font-family: 'Open Sans';
		color: white;
		border-radius: 5px;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		font-size: 13px;
		font-weight: 600;
}
#slide-widget .widget_calendar tfoot,
#slide-widget .widget_calendar caption{
		display: none;
}
#slide-widget .widget_calendar #today{
		color:white;
		background-image: url('../sa-blogs/images/circle_bg.png');
		background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
#slide-widget .widget_calendar #today a{
		color:white;
}
table#wp-calendar {
    width: 100%;
    font-size:90%;
    border-collapse: collapse;
    background-color: #ffffff;
    color: #000000;
    margin: 0 auto;
}
table#wp-calendar caption {
    width: auto;
    background:#06C;
    color:#FFF;
    border: none;
    padding: 3px;
    margin: 0 auto;
    font-size: 1em;
}
table#wp-calendar th {
    border: solid 1px #eeeeee;
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}
table#wp-calendar td {
    padding: 0;
    line-height: 18px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #dddddd;
    text-align: center;
}
table#wp-calendar tfoot td {
    border: solid 1px #eeeeee;
    background-color: #ffffff;
    color: #000000;
}
table#wp-calendar td a {
    display: block;
    background-color: #F7F8F9;
    color: #000000;
    width: 100%;
    height: 100%;
    padding: 0;
}
/* @end */

/* @group homepage container*/
.homepage-area{
    -ms-flex: 1;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		padding-left:15px;
		padding-right:15px;
}

	/**
	* HSA-313
	* Details: CSS for mobiile search bar
	**/
	#mobile_search{
		display:none;
	}

@media (max-width: 768px){
  /*SAFARI ONLY STYLING for iPad Air 2 single header Logo and nav bar fix*/
  _::-webkit-full-page-media, _:future, :root .single-header .main .row{
      display: block;
      text-align: center;
  }

  /**
	* HSA-313
	* Details: CSS for mobiile search bar
	**/
	#mobile_search{
		display:block;
		margin:20px 0px;
		text-align:center;
	    width: 100%;
	}

	#mobile_search input{

		font-family: 'Fira Sans Condensed';
	    font-size: 13px;
	    font-weight: 600;
	    color: black;
	    border: 2px solid lightgray;
	    border-radius: 10px;
	    height: 40px;
	    width: 70%;
	    text-indent: 15px;
		
	}

	#mobile_search button{
		background-color: #3ca0e4;
		height: 38px;
		width: 42px;
		border: 0;
		border-radius: 10px;
		box-shadow: 1px 2px #c9d0d5;
		font-size: 16px;
		font-family: 'Fira Sans Condensed';
		color: white;
		cursor: pointer;
	}

}
.homepage-main{
		display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}
.container{
		margin-right:auto;
		margin-left:auto;
		padding-left:15px;
		padding-right:15px;
}
.sidebar-area{
		width:300px;
}
/* @end */

/* @group homepage post style*/
.homepage-alert-message{
		background: #ffeecc;
		font-family: 'Fira Sans Condensed';
		padding: 20px 30px 20px 35px;
		font-size: 15px;
		font-weight: 600;
		margin-bottom:280px !important;
}
.titlebox{
    display:table;
    width:100%;
		margin-top: -8px;
}
.titlebox span {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
		font-family: 'Crimson Text', serif;
		font-size:15px;
		color:#333333;
    white-space:nowrap;
    padding:.125em .375em;
}
.titlebox::before,
.titlebox::after{
    content:"";
    display:table-cell;
    width:37%;
    vertical-align:middle;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(55%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));  /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 100%);    /* Chrome10+,Safari5.1+ */
    background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 100%);    /* FF3.6+ */
    background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 100%);    /* IE10+ */
    background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 100%);    /* Opera 11.10+ */
}
.homepage-post-container{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
		margin-top: 15px;
		border: 2px solid #ddd;
		border-radius: 10px;
		padding: 20px 15px 20px 15px;
}
.homepage-post-no-thumbnail{
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
}
@media (max-width: 419px){
    .homepage-post-have-thumbnail-small-mobile{
        display: none !important;
    }
    .homepage-post-thumbnail-small-mobile{
        display: block !important;
    }
}
@media (max-width: 575px){
    .homepage-post-have-thumbnail-mobile{
        display: none !important;
    }
    .homepage-post-thumbnail-mobile{
        display: block !important;
    }
}
.family-post-color{
		border-color: #ffd306;
}
.flag-post-bg{
		background-image: url(../sa-blogs/images/flag_bg.png);
		background-repeat: no-repeat;
		background-position: right;
		background-size: cover;
}
.homepage-post-image{
		width: 110px;
		max-width: 110px;
}
.homepage-post-area{/*fix GUI flex on iPad Air 2*/
    -webkit-flex-basis: 0;
    -webkit-flex-grow: 1;
}
.homepage-post-metadata,
.homepage-post-metadata a{
		font-family: 'Crimson Text', serif;
		font-size: 14px;
		color: #333333;
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
}
.homepage-post-title{
		font-family: 'Crimson Text', serif;
		font-size:28px;
		font-weight: bold;
		color:#333333;
}
.homepage-post-title:hover{
		color:#429abe;
    text-decoration: none;
}
.homepage-post-entry p{
		font-family: 'Crimson Text', serif;
		font-size:18px;
		color:#333333;
}
.homepage-post-credit,
.homepage-post-credit a{
		font-family: 'Fira Sans Condensed';
		font-size: 12px;
		color:#333333;
}
a.homepage-post-readmore{
    font-family: 'Crimson Text', serif;
    color: #429abe;
    font-size: 18px;
    font-weight: bold;
  }
/* end */

/* @group homepage sidebar style */
.homepage-container{
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.sidebar #slide-widget{
	border: 2px solid #ddd;
}
.sidebar .widget_text{
  list-style: none;
}
.sidebar #slide-widget .widget_text{
  margin-left: -2px !important;
}
/* @end */

/* @group homepage and sidebar breakpoint*/
@media (min-width: 769px){
		.container-fluid {
		    max-width: 990px;
				margin: 0 auto;
		}
}
@media (max-width: 768px){
		.container-fluid {
		    max-width: 750px;
				margin: 0 auto;
		}
		.main{
				padding-right:0px;
		}
		.sidebar{
			 	display: none !important;
		}
}
/* @end */

/*@group single post style*/
.single-post .single-header a{
		text-decoration: none;
}
.single-post .logo-header{
		margin-bottom: 0 !important;
}
.single-post .sidebar #slide-widget .widget_search{
		padding: 25px 30px 25px 20px !important;
		border-bottom: solid 1px #ddd;
}
.single-post .sidebar #slide-widget .widget_calendar{
		padding: 0 8px 8px 8px !important;
}
.single-post{
		background: #f4f4f4;
}
.single-post .sidebar-area{
		background: white;
}
.single-post .sidebar #slide-widget{
		border: 0;
}
@media (max-width: 768px){
		.single-post .container-fluid{
				max-width:inherit;
		}
		.single-post .homepage-area{
				padding-left: 0 !important;
				padding-right: 0 !important;
		}
		.single-post main{
				margin-top: 0 !important;
				margin-bottom: 0 !important;
		}
}
.thank-service-box{
    width:295px;
		margin: 0 auto;
		background-color: rgba(0, 0, 0, 0.3);
}
.thank-service-box span{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
		font-family: 'Crimson Text', serif;
		font-size:13px;
		color:white;
    white-space:nowrap;
    padding:.125em .375em;
		letter-spacing: 1px;
    word-spacing: 3px;
}
.thank-service-box::before,
.thank-service-box::after {
    content:"";
    display:table-cell;
    width:37%;
    vertical-align:middle;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(55%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));  /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);    /* Chrome10+,Safari5.1+ */
    background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);    /* FF3.6+ */
    background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);    /* IE10+ */
    background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);    /* Opera 11.10+ */
}
.single-category-nav{
		margin-top: 15px !important;
}
.single-category-item{
		font-size: 16px;
		font-family: 'Fira Sans Condensed';
		font-weight: bold;
		cursor: pointer;
		color: #333333;
		border-right: solid 1px black;
		padding: 3px 10px;
}
.single-category-item:hover{
    text-decoration: none;
    color: #429abe;
}
.single-main-row{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}
.single-post-entry{
		font-family: 'Crimson Text', serif;
		font-size: 19px;
		color: #333333;
}
.single-post-title{
		font-family: 'Crimson Text', serif;
		font-size: 35px;
		color: #333333;
}
.share-on-facebook{
		background-color: #3c7ad0;
		height: 38px;
		border: 0;
		font-size: 18px;
		font-family: 'Fira Sans Condensed';
		color: white;
		font-weight: bold;
		border-radius: 8px;
		cursor: pointer;
}
.share-via-email{
		background-color: #78b15c;
		height: 38px;
		border: 0;
		font-size: 18px;
		font-family: 'Fira Sans Condensed';
		color: white;
		font-weight: bold;
		border-radius: 8px;
		cursor: pointer;
}
.single-share-section{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
		margin-top: 60px !important;
}
.single-condolence{
		margin-top: 45px !important;
		margin-bottom: 35px !important;
}
.single-condolence p{
		text-align: center !important;
		margin: 0 auto;
		border-top: solid 1px #777;
		border-bottom: solid 1px #777;
}
.single-condolence span{
		font-family: 'Crimson Text', serif;
		font-size: 15px;
		color: #333333;
		font-style: italic;
}
.single-post-category {
		background-color: #777;
		position: relative;
    bottom: 20px;
    left: 0;
		line-height: 1;
}
.single-post-category a{
		font-size: 10px;
		font-family: 'Fira Sans Condensed';
		color: white;
		font-weight: bold;
}
.single-post-category a:hover{
		text-decoration: none;
}
.single-family-suport{
		background-color: #ffd230;
}
.single-family-suport p{
		font-family: 'Crimson Text', serif;
		font-size: 10px;
		color: #333333;
		letter-spacing: 1px;
		word-spacing: 3px;
		font-weight: bold;
}
.single-flag{
		position: relative;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.single-post-container{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
		background: white;
		padding-top: 30px !important;
		padding-right: 30px !important;
		padding-left: 30px !important;
		padding-bottom: 35px !important;
}
.single-image-mobile{
		background-color: #eee;
		display: none;
}
.single-post-image-mobile{
		width: 110px;
		max-width: 110px;
}
_::-webkit-full-page-media, _:future, :root .single-image-mobile{
     background-color:#ddd !important;
}

/* @group single breakpoint*/
@media (max-width: 768px){
		.single-post-container{
				padding-top: 20px !important;
				padding-left: 0 !important;
     		padding-right: 0 !important;
        padding-bottom: 80px !important;
		}
		.single-condolence{
				margin-top: 10px !important;
				margin-bottom: 20px !important;
		}
		.single-condolence p{
				-webkit-box-flex: 0;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
		}
		.single-post-category{
				margin: 0 auto;
				margin-bottom: 15px !important;
        bottom: 50px;
		}
		.single-image-mobile{
				display: block !important;
		}
    .single-post-entry img.alignleft,
		.single-post-entry .size-full,
    .single-post-entry .size-medium,
    .single-post-entry .size-thumbnail{
			 display: none !important;
		}

		.single-post-title, .single-post-entry, .single-share-section, .single-condolence{
				padding-left: 15px !important;
				padding-right: 15px !important;
		}
}
@media (max-width: 768px){
		.single-condolence span{
		    font-size: 19px;
		}
}
@media (max-width: 520px){
		.single-condolence span{
		    font-size: 15px;
		}
}
@media (max-width: 420px){
		.single-condolence span{
		    font-size: 13px;
		}
}
@media (max-width: 376px){
		.single-condolence span{
		    font-size: 10px;
		}
}
@media (max-width: 835px){
		.share-on-facebook, .share-via-email{
				font-size: 14px;
		}
}
@media (max-width: 768px){
		.single-share-section{
				margin-top: 30px !important;
		}
		.single-share-section a, .single-share-section div{
				flex: 0 0 100% !important;
				max-width: 100% !important;
				text-align: center;
				padding: 0 !important;
				margin-bottom: 15px !important;
		}
		.single-share-section button{
				width: 50% !important;
				font-size: 22px;
		}
}
@media (max-width: 567px){
		.single-share-section button{
				width: 80% !important;
				font-size: 22px;
		}
}
@media (max-width: 350px){
		.single-share-section button{
				width: 100% !important;
		}
}

/*@group single post images style*/
.alignleft {
		float: left;
    padding-top: 6px;
    margin: 0px 15px 2px 0;
    display: inline;
}
.alignright {
  	float: right;
    margin: 0 0 2px 7px;
    display: inline;
}
.size-full, .size-medium, .size-thumbnail{
		width: 110px;
		height: auto;
		max-width: 110px;
}
/* end */

/*@group 404 page style*/
.error404 .homepage-main .row{
    display: inline-block;
}
.apologies{
    font-family: 'Fira Sans Condensed';
    font-size: 74px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
}
.donot-exist{
    font-family: 'Fira Sans Condensed';
    font-size: 48px;
    font-weight: 600;
    line-height: 1.3;
    display: inline-block;
}
.click-here{
    font-family: 'Fira Sans Condensed';
    font-size: 26px;
    font-weight: 600;
}
.click-here a{
    text-decoration: underline;
}
@media (max-width: 420px){
    .apologies{
        font-size: 60px;
    }
}
/* end */

/*@group archive style*/
.archive-title{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    background-color: #333;
}
.archive-title span{
    font-family: 'Fira Sans Condensed';
    font-size: 16px;
    font-weight: 600;
    color: white;
}
.navigation{
    margin: 15px 0 30px 0 !important;
}
.navigation .older{
    float: left;
    display: inline;
}

.navigation  .newer{
    position: absolute;
    right: 0;
    display: inline;
    margin-right: 15px;
}
.navigation a{
    background-color: #3ca0e4;
    height: 38px;
    width: auto;
    padding: 5px 15px;
    border-radius: 8px;
    box-shadow: 1px 2px #c9d0d5;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Fira Sans Condensed';
    color: white;
    cursor: pointer;
}
.navigation a:hover{
    text-decoration: none !important;
}
@media (max-width: 380px){
    .navigation a{
        padding: 5px 10px;
        font-size: 18px;
    }
}
@media (max-width: 768px){
    .navigation  .newer{
        margin-right: 0 !important;
    }
}
/* end */

/*@group search results page style*/
.no-results-found{
    font-family: 'Fira Sans Condensed';
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 1.5;
}
@media (max-width: 800px){
    .no-results-found{
        font-size: 20px;
    }
}
@media (max-width: 575px){
    .no-results-found{
        font-size: 18px;
    }
}
@media (max-width: 420px){
    .no-results-found{
        font-size: 15px;
    }
}
/* end */

/* @group Header */
/* These styles are for the SA masthead on top of every page. */
.masthead{
    max-width: 1350px;
}

.masthead-blurb li {
	list-style-type: none;
	display: inline-block;
	margin: 5px 0 0;
	color: #888;
	font-size: 0.875em; /* 14px */
}

.masthead-blurb li:after {
	content: "|";
	color: #ebebea;
	margin: 0 5px 0 8px;
}

.masthead-blurb li:last-child:after {
	content: "";
	margin: 0;
}

.masthead-blurb a {
	color: #888;
}

.masthead-blurb a:hover {
	color: #3c3c3c;
}

.weather-icon, .weather-icon:hover {
	text-decoration: none;
}

@media (max-width: 768px) {
  .leaderboard{
    display: none !important;
  }
}
/* @end */

/* ad-unit */
.ad-unit:before {
	content: "Advertisement";
	color: #ddd;
	font-size: 0.625em; /* 10px */
	display: block;
	text-align: center;
}

/* Tablets */
@media (max-width: 768px) {
	.col-sm-12 > .ad-unit {
		background: url(../images/bg-ad.png);
		padding: 5px 0;
		line-height: normal;
		width: 100% !important;
		height: auto !important;
		text-align: center;
	}
}

/* Even smaller Apple devices below 320px) */
@media (max-width: 320px) {
	.ad-unit {
		margin-left: 0 !important;
		background: none;
	}
}
/* @end */

/* Ancestry Ads*/
#custom_ads_ancestry_wrapper{
	margin-top:20px;
	margin-bottom: 20px;
}

#custom_ads_ancestry_wrapper .custom_sponsored_by{
	margin-top:10px;
	font-size:.75em;
	font-style: italic;
}

#custom_ads_ancestry_wrapper .custom_affiliate_item{
	font-size:.90em;
	color: #429abe;
}
#custom_ads_ancestry_wrapper .custom_affiliate_item:hover{
	color: #3ca0e4;
	cursor: pointer;
}

/* @end */