/* mbhuju@gmail.com */
@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');

body{margin:0px; font-family: "Alata", sans-serif; font-size:20px; color:#585858; font-weight: normal; line-height:28px; background:#2a2a2a; }

a:link, a:active, a:visited{ color:#cf0b0b; font-weight:400; text-decoration:underline; }
a:hover{color:#585858; text-decoration:underline;}

a.more:link, a.more:active, a.more:visited{ font-weight:400;  color:#585858; line-height:22px; font-size:17px;text-decoration:none;}
a.more:hover{ text-decoration:none;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited {font-family: "Alata", sans-serif; font-size:12px; color:#fff; font-weight:400; line-height:30px;  text-decoration:none;}
a.footermenu:hover{color: #faf054;}

a.btnlink:link, a.btnlink:active, a.btnlink:visited {font-family: "Khand", sans-serif; color:#ffffff; background:#ff0000; padding:10px 25px; font-weight:700; font-size:24px;  text-decoration:none; text-transform:uppercase; display: inline-block;  -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */   transition: background 2s; /* For modern browsers */}
a.btnlink:hover {background:#ff0000; text-decoration:none; color:#f3de69;}


/*********
HEADER
******/
#headerbg {
    position: relative;
	background:url(../images/bg.jpg) center center;
	background-size:cover;
}

#header_top{width:100%; background:url(../images/top_bg.png) repeat-x; padding-top:20px;}

#menu{width:1150px; float:none; margin:0 auto; background:#f6ea50; }

#logo{width:1280px; margin:0 auto; text-align:center; padding:30px 0 80px 0;}

#logo_left{width:25%; float:left; margin-left:5%; text-align:center; padding:40px 0 200px 0;}
#right_part{width:35%; float:right; text-align:right; margin-right:6%; padding:30px 0 100px 0;}


/*******
BANNER
*********/
#banner{width:100%; background:url(../images/banner_bg.png) repeat-x;}
#banner_inn{width:1440px; margin:0 auto;}
.photo1{width:23.24094%; float:left; margin-right:2.34542%;}
.photo2{width:23.24094%; float:right; }

/****************/
#content{width:100%; background:#FFF; }
	#content_inn{width:1285px; margin:0 auto; }
	#left{width:50%; float:left; padding:85px 0 105px 0;}
	#right{width:46%; float:right; padding:160px 0 105px 0;}
	
	#inner{width:95%; margin:0 auto; padding:45px 0;}
			
.articles1{float:left; width:18%; margin-right:2%; padding-bottom:35px;}

.articles1 img{padding-bottom:10px;}

#slideshow{width:700px; margin:0 auto;}
#video{width:560px; margin:0 auto;}

.location1{float:left; width:45%; text-align:center; margin-left:5%;}
.location2{float:right; width:45%; text-align:center; padding-top:80px;}

.cakes1{float:left; width:30%; margin-right:2%; margin-bottom:40px;}
.cakes2{float:left; width:30%; margin-bottom:40px;}

.cakes1 img, .cakes2 img{padding-bottom:10px;}

.bread1{width:25%; float:left; font-size:18px; }

/*******
FOOTER
*********/
#footer_inn{width:1400px; margin:0 auto; color:#FFF; font-family: "Khand", sans-serif; font-size:18px; font-weight:400; }
	#lawrence{width:13%; float:left; padding:45px 0;}
	#north_andover{width:16%; float:left; padding:45px 0;}
	#methuen{width:13%; float:left; padding:45px 0;}
	#salisbury{width:13%; float:left; padding:45px 0;}
	#seabrook{width:15%; float:left; padding:45px 0;}
	#comm{width:30%; float:right; text-align:right; padding-bottom:90px;}


/*******
STYLE
*********/
h1{font-family: "Khand", sans-serif; font-size:45px; line-height:40px; color:#ae1c30; font-weight:700; margin-top:0; text-transform: uppercase;}
h2{font-family: "Khand", sans-serif; font-size:35px; line-height:30px; color:#ce1418; font-weight:700; margin-top:0; text-transform: uppercase;}

.style1{font-family: "Khand", sans-serif; font-size:30px; font-weight:700; color:#c90f28; line-height:30px;}
.style2{font-size:20px; font-weight:700; color:#d1081b; line-height:30px;}
.style3{font-family: "Khand", sans-serif; font-size:48px; font-weight:300; color:#000; line-height:50px;}
.style4{font-family: "Khand", sans-serif; font-size:60px; font-weight:700; color:#ae1c30; line-height:80px; text-transform:uppercase;}
.style5{font-size:24px; font-weight:700;  line-height:30px;}
.style6{font-family: "Khand", sans-serif; font-size:26px; font-weight:700; color:#c90f28; line-height:30px;}
.smalltext{font-size:18px;}

/*******
FORM
*********/
#contactform{width:80%;}
input, textarea {padding:5px 10px; font-family:'Montserrat', sans-serif; border:1px solid #dedede; font-size:16px; background:#FFF;}
textarea{height:100px;}
.btn{ height:40px; font-weight:bold; font-family:'Montserrat', sans-serif; text-align:center; color:#FFFFFF; background:#fe0000; border:1px solid #fe0000; font-size:15px; margin-top:10px; padding:5px 20px; text-transform:uppercase; cursor:pointer;}
.email_error{ padding:2%; width:96%; border:1px solid red; color:red; margin:0 auto; text-align:center;}
.inputsize{ width:95%; margin-bottom:8px;}
.inputzipsize{ width:50px;}
select {width:100%; padding:5px 10px; font-family:'Montserrat', sans-serif; border:1px solid #dedede; font-size:16px; background:#FFF;}
.btn1{ background:#fff; border:1px solid #fff;  cursor:pointer;}
/*******
MISC
*********/
.img{border:1px solid #cecac8; padding:5px; }
.imgright{ max-width:95%; float:right; margin-left:30px; }
.imgleft{ max-width:95%; float:left; margin-right:30px; }


.clear{clear:both;}
img{max-width:100%;}
a[href^=tel] { color:inherit; text-decoration:none; }

.tbar{ border-bottom:#b2b2b2 1px solid; padding:10px 10px 10px 0;}

.back-to-top { position: fixed; bottom: 2em; right: 40px; display: none;}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



:focus {outline:0 !important;}

iframe, object, embed {
    max-width: 100%;
}