@font-face {
    font-family: SloopScriptOne ;
    src: url( '../../../fonts/sloop-scriptone.eot' ); /*ie9*/
    src: url('../../../fonts/sloop-scriptone.eot?#iefix') format('embedded-opentype'), /*ie6-ie8 */
	url( '../../../fonts/sloop-scriptone.ttf' ) format("truetype"); /*safari,android,iOS*/
}
#bom-content-wrapper h2 { color:#5a1911; }
#bom-content-wrapper .info-container {border-top-color: #5a1911;}
#bom-content-container {
    background:url("main-content-back.jpg") no-repeat;
}
#bom-nav-inner{
    background-color: #beaf8c;
}
#bom-wrapper { background-color: #f7f1e3; }
#bom-wrapper #bom-header {height: 415px;}
#bom-page-wrapper { background-color: #f7f4e3;}

/*bom-nav*/
#bom-nav {border-right-color: #beaf8c;}

#bom-menu-btn, #bom-nav-inner ul {
	background-color: #beaf8c !important;
}
#bom-nav-sendflowers { background:url("menu-top-send-flowers.jpg") no-repeat;}
#bom-nav-sendflowers #bom-nav-sendflowers-txt-major {color:#5a1911;}
#bom-nav ul li.level1 a {background:url("menu-bg.png"); color:#4d300b;}
#bom-nav-inner>ul>li.level1>ul>li>a:hover { color:#ffe099; }
#bom-nav ul li.level1>ul {background-color: #ac9d7a;}
#bom-nav ul li.level1 ul li a { color:white; }
#bom-nav ul li.level1 ul li a.active { color:white; }

/*bom header nav*/
#bom-header-nav li.level1 a {color:#d2bd78;}
#bom-header-nav li.level1>ul li {margin:1px 0;}
#bom-header-nav li.level1>ul a {color:#fdf0cf;}

/*header*/
#bom-header-bar {background: url('header-bar.png') !important; height: 28px !important; position: absolute;z-index: 20;width:100%;}
#bom-header #bom-header-back { background: url("header-back.png"); }
#bom-header #bom-photo-con { top: 45px; left: 375px; background:url(frame-back.png) no-repeat;}
#bom-header #bom-photo-frame {background: url("frame.png"); left:348px; top:20px; }
#bom-header #bom-in-memory-con #bom-in-memory-text{font-size:20px;color:#ffe099;}
#bom-header #bom-in-memory-con {left:10px; top: 15px; font-weight: bold;}
#bom-header #bom-in-memory-con #bom-in-memory-date {font-size:15px;color:#ffe099;}
#bom-header #bom-in-memory-con #bom-in-memory-name {font-style:normal; color: #FFFDFA;}

/*video*/
#player_api {width:500px;height:300px;}
#video-container {z-index:15; width:439px;height:248px;}
#video-container video { width:399px; height:225px;position: absolute;right: 0px;}

/*right col*/
#bom-right-col {
	background:rgba(252, 240, 216, 0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cfcf0d8', endColorstr='#4cfcf0d8');
}
#bom-right-col .bom-right-title { color:#5a1911; }
#bom-right-col .bom-share-link{ background: white url('small-info-bg.png'); }
#bom-right-col .bom-recent-story, #bom-right-col .bom-recent-candle-msg { color: black; }
#bom-right-col #bom-right-col-top {background: url(bom-right-col-top.jpg);}
#bom-candle-scroller a, #bom-story-scroller a { color: #5a1911; }
#bom-right-col .bom-right-title-container { background: url('right-col-header-back.png'); }

/*footer*/
#bom-footer-msg, #bom-footer-links{text-shadow: 0px 1px 0px rgba(255,255,255,.4)}
#bom-footer-con{background-image: url(footer-link-bg.jpg); background-color:#c6bfa4 !important;}
#bom-footer-cap{background-image: url(footer-cap.png);}
#bom-footer-con #bom-footer-msg-title {color:#000; background:url('border-grad.png');}
#bom-footer-con #bom-footer-links .list-header {color:#394817;text-shadow: 0px 1px 0px rgba(255,255,255,.4)}
#bom-footer-links .bom-footer-links-col > ul > li > a {color:#2e3300;font-weight: bold; font-family: "Trebuchet MS";}

/*general candle layout*/
#candle-con{ background:url(header-table.png) no-repeat; top:183px; height:150px;}
#candle-con-lower{ background: url(header-table-down.jpg) no-repeat; top: 288px; }
#candle-con-lower #lac-message-container #lac-message-text {color: #FFF !important;}
#candle-con-lower #lac-message-container #lac-message-img {background: url('light-a-candle.png'); height: 129px;width:238px; }

/*nav drop down*/
#main-nav-drop-con {top:287px;}
#main-nav-drop-slide{border-color: #FFF !important;}
#main-nav-drop-slide-close{background-color: #FFF !important}
#main-nav-drop-con #main-nav-drop-button #main-nav-drop-text {font-size:1.5em !important;}
#main-nav-drop-con #main-nav-drop-slide #main-nav-drop-slide-close-text { color:#734550; }
#main-nav-drop-con #main-nav-drop-slide #main-nav-drop-slide-close-btn{ background-image: url(nav-slide-close.png); height:31px; width:31px;top:-11px;}
#main-nav-drop-con #main-nav-drop-button { background-image: url(main-nav-drop.png); cursor:pointer; height:50px; }
#main-nav-drop-con #main-nav-drop-slide {
	background-color: #707F54;
	background-image: -ms-linear-gradient(top, #484C32, #707F54);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#484C32), to(#707F54));
	background-image: -webkit-linear-gradient(top,#484C32,#707F54);
	background-image: -o-linear-gradient(top,#484C32,#707F54);
	background-image: -moz-linear-gradient(top,#484C32,#707F54);
	background-image: linear-gradient(top,#484C32,#707F54);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#484C32', endColorstr='#707F54', GradientType=0, zoom=1);
}

.bom-services-wrapper .infoTitle{color:#000;}
.bom-services-wrapper .loc-map-controls{ background:white url('small-info-bg.png') no-repeat;}

#bom-footer-widget-con {margin:10px 0 26px 10px !important;}
#bom-footer-widget-con .widget-box-con .widget-box .widget-box-title { color:#ffe099; text-shadow: 0px 1px 3px rgba(0,0,0,.8) !important; }
#bom-footer-widget-con .widget-box-con .widget-box .widget-box-blurb { color:#fff; text-shadow:none; font-family: "Trebuchet MS"; font-size: 1.2em;}
.widget-box-con { background:url('widget-box-back.png') no-repeat; margin:0 10px; }
.widget-box .widget-box-form .widget-box-form-submit {
	background-color: #B68155;
	background-image: -ms-linear-gradient(top, #B68155, #D4BD9E);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B68155), to(#D4BD9E));
	background-image: -webkit-linear-gradient(top,#B68155,#D4BD9E);
	background-image: -o-linear-gradient(top,#B68155,#D4BD9E);
	background-image: -moz-linear-gradient(top,#B68155,#D4BD9E);
	background-image: linear-gradient(top,#B68155,#D4BD9E);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B68155', endColorstr='#D4BD9E', GradientType=0, zoom=1);
	border:1px solid #AAA;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.6);
	color:#000;
	text-shadow:none;
	border-radius:5px;
	font-family: Verdana;
	font-size:1.3em;
}

#bom-footer-con #bom-footer-provided-by-con {background:url(footer-bom.jpg) repeat-x; }
#bom-footer-con #bom-footer-provided-by-con #bom-footer-provided-by {color:#fcf0c8;}

/* RESPONSIVE STYLES */

@media screen and (max-width: 750px){

    #bom-content-container {
	margin-top: 20px;
    }
    #bom-header #bom-in-memory-con #bom-in-memory-text,
    #bom-header #bom-in-memory-con #bom-in-memory-date {
	text-shadow: none !important;
	color: #000;
    }
    #bom-header #bom-in-memory-con #bom-in-memory-name {
	color: #5a1911;
	text-shadow: none !important;
    }
    #bom-wrapper div#bom-header {
	height: 375px;
    }
    #bom-header #bom-header-back {
	height: 200px;
	background: url("header-back-mobile.jpg");
	/*background-size: 120% !important;*/
    }
    #candle-con-lower {
	top: 144px !important;
    }
    #bom-header div#bom-in-memory-con {
	top: 240px;
    }
    #bom-header #bom-photo-frame {
	height: 135px !important;
	left: 50% !important;
	top: 0px !important;
	width: 110px !important;
	margin-left: -55px !important;
    }
    #bom-header #bom-photo-con, #bom-header #bom-photo-con img {
	width: 75px;
	height: 100px;
    }
    #bom-header #bom-photo-con {
	left: 188px !important;
    }
}


@media screen and (max-width: 479px){
    .bom-leave-condolence-con form .bom-textarea {
	width: 290px !important;
    }
    
    #bom-wrapper div#bom-header {
	height: 320px;
    }
    #bom-header #bom-header-back {
	height: 100px;
    }
    #candle-con-lower {
	top: 102px !important;
    }
    #bom-header div#bom-in-memory-con {
	top: 170px;
    }
    #bom-header #bom-photo-frame {
	width: 80px !important;
	height: 100px !important;
	top: 0px !important;
	left: 50% !important;
	margin-left: -42px !important;
    }
    #bom-header #bom-photo-con {
	left: 129px !important;
	top: 12px !important;
	width: 60px;
	height: 70px;
    }
    #bom-header #bom-photo-con, #bom-header #bom-photo-con img {
	width: 55px;
	height: 75px;
    }
    #bom-header #bom-photo-con {
	left: 130px !important;
    }

}