body{font-family: 'Josefin Sans', sans-serif;font-size:16px;color:#000000;}
img{max-width:100%;height:auto;}
a, a:hover{}

h1 {font-family: 'Playfair Display', serif;}
h2,h3,h4,h5,h6{}

hr{border-top:1px solid #666;}

#breadcrumbs {font-size: 14px !important; border-bottom: 1px solid #0291a1 !important; margin-bottom: 20px; margin-top: 5px;}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}

.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {max-width: 100%;}

.nomargin{margin-left:0;margin-right:0;}
.nopadding{padding-left:0;padding-right:0;}

header {padding: 10px 0px;}
#logo{text-align:center; margin:5px 0px;}
#hright{text-align:center;margin-top:10px; margin-bottom:10px;}
#hright p{margin:0;line-height:20px; color:#000000;}
#hright a{color:#0291a1; font-size: 16px; font-weight: 700;}
#hright a:hover {text-decoration:none;color:#420709;}

.inner-section .row, .content-section .row {margin-top:15px;}

#topnav{position: sticky; top:0; width: 100%; background:#0291a1;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);z-index:999999;}
/* Global Menu Styles */
.navbar{margin-bottom:0;min-height:0;}
.navbar-nav{margin:0;}
.navbar-default{background:none;border-radius:0;border:0;}
.nav>li>a{padding:10px 15px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding-left:0;padding-right:0;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:18px;color:#ffffff;text-align:center;}
.navbar-default .navbar-nav>li>a{background:none;color:#ffffff;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#ffffff;text-decoration:none; font-weight:400;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#ffffff;background:none;font-weight:700;}
.navbar-default .navbar-nav .dropdown-menu>li>a{color:#ffffff;}
.navbar-default .navbar-nav .dropdown-menu>li>a:hover{text-decoration:underline;}
.navbar-default .navbar-nav .dropdown-menu{background:none;padding:0;text-align:center;border:0;border-radius:0;}
.navbar-default .navbar-nav .current-menu-item a{background:#666;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;border:0;border-radius:0;}
.navbar-toggle{text-align:center;width:100%;float:none;margin-right:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;box-shadow:none;}
.navbar-collapse{padding:0;}
/* Dropdown Open with Active */
.navbar-default .navbar-nav>.open>a{background:none;text-decoration:underline;}
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none;color:#000;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{background:none;font-weight:700;text-decoration:none;color:#000;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{background:none;text-decoration:underline;color:#000;}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#000;background:#FFF;font-weight:700;text-decoration:underline;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#000;background:#666;}
/* Current Ancestor with Current Page Parent */
.navbar-default .navbar-nav .current-menu-ancestor a, .navbar-default .navbar-nav .current-menu-ancestor a:hover, .navbar-default .navbar-nav .current-menu-ancestor a:focus, .navbar-default .navbar-nav .current_page_parent a{background:#666;font-weight:700;text-decoration:underline;}

.btn {
    border-radius: 6px;
    cursor: pointer;
    padding: 6px 12px 4px;
    text-align: center;
	color:#FFFFFF;
	font-size:15px;
	text-transform:none;
	font-weight:300 !important;
	font-family:'Josefin Sans' !important;
}
.btn:hover {color:#FFFFFF !important;}

.btn-default{background-color: #0291a1; border:none; color: #ffffff !important; margin:5px 0px 0px 0px;}
.btn-default:hover{background-color: #420709; color:#ffffff !important;}

.btn-checkout{background-color: #0291a1; border:none; color: #ffffff !important; margin:5px 0px 0px 0px; padding: 8px 15px 6px !important;}
.btn-checkout:hover{background-color: #420709; color:#ffffff !important;}

.banner {position: relative; z-index: 599;}

.overlay-box {background-color: rgba(2,145,161,0.3); color: #000000; padding: 20px; z-index: 600; position:inherit; top:20%; width: 100%; text-align: center; margin: 10px 0px;}
.overlay-box h2 {font-size:28px; font-weight:700; color:#420709; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; font-family: 'Playfair Display', serif;}
.overlay-box h3 {font-size:21px; font-weight:700; color:#0291a1; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}

.carousel-control {
    top: 25% !important;
    bottom: inherit !important;
    left: inherit !important;
    width: 8% !important;
    font-size: 20px !important;
	font-weight: 700 !important;
    opacity: 1.0 !important;
    z-index: 99999 !important;
	margin: 0px 5px !important;
}

.content-section {background-color:#ffffff; color:#000000; padding:20px 10px;}
.content-section p {line-height:20px; margin-bottom:15px;}
.content-section h1 {font-size:30px; font-weight:700; color:#0291a1; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
.content-section h2 {font-size:22px; font-weight:700; color:#420709; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
.content-section a {color:#0291a1; font-weight:700;}
.content-section a:hover {color:#420709;}

.content-section td {border:2px solid #000000; padding: 3px 5px; font-size: 14px;}

.inner-section {background-color:#ffffff; color:#000000; padding:20px;}
.inner-section h1 {font-size:30px; font-weight:700; color:#0291a1; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
.inner-section h2 {font-size:22px; font-weight:700; color:#420709; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
.inner-section h3 {color:#171717; font-size:18px !important; text-transform:none; font-family: 'Josefin Sans'; font-weight:300; margin: 0px !important; padding: 8px 0px !important;}
.inner-section a {color:#0291a1; font-weight:700;}
.inner-section a:hover {color:#420709;}

.products {background-color:#ffffff; border:0px solid #171717; margin-top:20px; margin-bottom:20px; text-align:center; padding:10px 5px;}
.products h2 {color:#171717; font-size:18px !important; text-transform:none; font-family: 'Josefin Sans'; font-weight:700; margin: 0px !important; padding: 0px !important;}
.products h3 {color:#171717; font-size:18px !important; text-transform:none; font-family: 'Josefin Sans'; font-weight:300; margin: 0px !important; padding: 8px 0px !important;}
.products hr {border:2px solid #000000;}

.favorites-section {padding: 20px 5px 20px; text-align: center;}
.favorites-header {font-size:40px; font-weight:700; background-color:#0291a1; color:#ffffff; padding:10px 5px; margin-bottom: 5px;}
.favorite-block {margin-bottom: 15px;}

.homepage-blog-section {background-color: #ffffff; padding: 30px 0px 10px; font-size: 16px;}
.homepage-blog-section h2 {font-size:40px; font-weight:900; background-color: #0291a1; text-align: center; color:#ffffff; padding:10px; font-family:'Josefin Sans';}
.homepage-blog-section a {color:#0b1a3f; font-weight:700; font-size: 16px;}
.homepage-blog-section a:hover {color:#72aa42; text-decoration: none;}

.callout-section {padding:5px;}
.callout-boxes {background-color:#ffffff; text-align:center; color:#000000; font-size:18px; margin-bottom:10px; border:2px solid #000000;}
.callout-boxes h2 {color:#000000 !important; font-size:20px; font-weight:700 !important; margin:0px !important; padding:0px !important;}
.callout-boxes a {color:#000000; font-family: 'Josefin Sans' !important;}
.callout-boxes a:hover {color:#F7BB31; text-decoration:none;}
.callout-boxes i {color:#000000; font-size:20px !important;}
.callout-content {text-align:center; font-size:18px; color:#000000; padding:10px;}

.fudge-savings-section {background-color: #420709; padding: 30px 0px 20px; font-size: 22px; text-align: center; color: #ffffff;}
.fudge-savings-section h2 {font-size:32px; font-weight:900; text-align: center; color:#ffffff; margin: 0px !important; padding:0px !important; font-family:'Josefin Sans';}
.fudge-savings-section h3 {font-size:22px; font-weight:700; text-align: center; color:#ffffff; margin: 0px !important; padding:0px !important; font-family:'Josefin Sans';}

.shipping-rates-section {background-color: #0291a1; padding: 30px 0px 20px; font-size: 16px; text-align: center; color: #ffffff;}
.shipping-rates-section h2 {font-size:32px; font-weight:900; text-align: center; color:#ffffff; margin: 0px !important; padding:0px !important; font-family:'Josefin Sans';}
.shipping-rates-section h3 {font-size:19px; font-weight:700; text-align: center; color:#ffffff; margin: 0px !important; padding:0px !important; font-family:'Josefin Sans';}
.shipping-rates-section a {color:#0b1a3f; font-weight:700; font-size: 16px;}
.shipping-rates-section a:hover {color:#72aa42; text-decoration: none;}

.company-footer {padding-top:20px; padding-bottom:20px;}
footer {background-color:#D8D9E4; color:#000000; font-size:14px; border-top:2px solid #262B31;}
footer .leftside {text-align:center;}
footer .leftside a {color:#0291a1;}
footer .leftside a:hover {color:#420709;}
footer .rightside {text-align:center; border-left:0px solid #000000; padding-left:0px;}
footer .rightside a {text-transform:none; color:#0291a1;}
footer .rightside a:hover {color:#420709;}
footer .rightside i {margin-right: 8px; font-size: 25px;}

a.map {color:#000000; text-transform:uppercase;}
.footer-header {font-family: 'Josefin Sans'; font-size:16px;}
.map-section {background-color: #EDEBE8;}
.credits {background-color:#262B31; color:#ffffff; padding:10px 0px; text-align:center;}
.credits a {color:#ffffff; font-size:14px;}

/* keep for WP image captions and alignments */
img.centered{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 15px;display:inline;}
img.alignleft{padding:4px;margin:0 15px 2px 0;display:inline;}
.alignright{float:inherit;}
.alignleft{float:inherit;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:.5em;}
.wp-caption{background-color:#f5f5f5;border:1px solid #ddd;max-width:99%;margin-bottom:10px;text-align:center;}
/* */

.frm_error{color:#F00;font-size:12px;margin-top:5px;}

/*Peek-a-boo area*/
#peek{height:300px;} /* specify the height */
#peek .fullscreen{height:100%;width:100%;min-height:100%;}
.background {background-repeat:repeat; background-position:50% 50%; background-size: cover;}
/* optional centered text */
#peek .container{color:#fff;text-align:center;position:relative;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#peek h6{margin:0;font-family:'Playfair Display'; font-size:20px; background:rgba(0,0,0,0.6); color:#FFFFFF; padding:20px 40px; border:2px solid #ffffff;}

/* anything smaller is not needed */
@media (min-width:768px) {
.carousel-control {top: 42% !important; width: 4% !important;}
#peek{height:500px;} /* specify the height */	
#peek h6{font-size:30px;}
#logo{text-align:left; margin-top: 5px;}
#hright{margin-top:5px; text-align: right;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding-left:10px;padding-right:10px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle, .navbar-default .navbar-nav .dropdown-menu{text-align:left;}
.navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}	
.content-section {padding:40px 0px;}
.content-section p {line-height:28px;}
.content-section h1 {font-size:40px;}
.content-section h2 {font-size:30px;}
.inner-section {padding:40px 0px;}
.inner-section p {line-height:28px;}
.inner-section h1 {font-size:40px;}
.inner-section h2 {font-size:30px;}
.callout-section {padding:0px 0px 20px 0px;}
.callout-boxes  {margin-bottom:0px;}
.callout-boxes h2 {font-size:20px;}
.callout-boxes i {font-size:40px !important;}
.callout-content {font-size:18px;}
footer .leftside {text-align:right;}
footer .rightside {text-align:left; border-left:2px solid #262B31; padding-left:20px;}
.btn {padding: 6px 12px 4px; font-size:16px;}
.btn-default{margin:5px 0px;}
.alignright{float:right;}
.alignleft{float:left;}
.overlay-box {padding: 12px 25px; top:5%; position: absolute; background-color: rgba(250,250,250,0.6); margin: 0px;}
.overlay-box h2 {font-size:32px;}
.overlay-box h3 {font-size:22px;}
.fudge-savings-section {padding: 30px 0px 20px; font-size: 22px;}
.fudge-savings-section h2 {font-size:40px;}
.fudge-savings-section h3 {font-size:28px;}
.shipping-rates-section {padding: 30px 0px 20px; font-size: 22px;}
.shipping-rates-section h2 {font-size:40px;}
.shipping-rates-section h3 {font-size:28px;}
	}
@media (min-width:992px) {
#hright{margin-top:25px;}
.btn {padding: 6px 12px 4px; font-size:16px;}
.nav>li>a{padding:10px 15px !important;} /* change this for nav text padding */
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggler{font-size:18px;text-align:left;} /* change this for nav font size */
.overlay-box {padding: 25px 35px; top:5%;}
.overlay-box h2 {font-size:50px;}
.overlay-box h3 {font-size:30px;}

	}
	
@media (min-width:1200px) {
.overlay-box {padding: 35px; top:9%;}
.overlay-box h2 {font-size:50px;}
.overlay-box h3 {font-size:30px;}
	}
	
@media (min-width:1300px) {
.overlay-box {top:10%;}
.overlay-box h2 {font-size:50px;}
.overlay-box h3 {font-size:30px;}
	}

@media (min-width:1400px) {
.overlay-box {top:12%;}
.overlay-box h2 {font-size:50px;}
.overlay-box h3 {font-size:30px;}
	}
	
@media (min-width:1500px) {
.overlay-box {top:15%;}
.overlay-box h2 {font-size:50px;}
.overlay-box h3 {font-size:30px;}
	}
	
@media (min-width:1600px) {
.overlay-box {top:15%;}
.overlay-box h2 {font-size:50px;}
.overlay-box h3 {font-size:30px;}
	}