/*
Theme Name: Connie's Pizza
Theme URI: https://opencollective.com/blankslate
Author: Relish Creative
Author URI: https://relishcreative.com
Description: Connie's Pizza website
Tags: Connie, Pizza
Version: 2025
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: connies....

Connie's Pizza WordPress Theme 026
*/


@font-face {
    font-family: 'AgrandirBold';
    src: url('font/PPAgrandirText-Bold.woff2') format('woff2'),
         url('font/PPAgrandirText-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
	}

@font-face {
    font-family: 'AgrandirRegular';
    src: url('font/PPAgrandirText-Regular.woff2') format('woff2'),
         url('font/PPAgrandirText-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
	}

html, body{
	margin: 0;
	padding: 0;
	background-color: #fff4e3;
	font-family: 'AgrandirRegular';
	height: 100%;
	}

body {
  display: flex;
  flex-direction: column;
	}

main {
  flex: 1;
	}

b, strong{
	font-family: 'AgrandirBold';
	}


.bluebg{
	background-color: #0F4C4C;
	}

.bluetext{
	color: #0F4C4C;
	}

.yellowbg{
	background-color: #F8DD70;
	}

.yellowtext{
	color: #F8DD70;
	}

.lightbg{
	background-color: #fff4e3;
	}

.lighttext{
	color: #fff4e3;
	}

.dark_overlay{
	background-color: rgba(0,0,0,.15);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	}



.p-header{
	padding: 30px 40px 0;
	}

.p-maincontainer{
	padding: 30px 40px;
	}


.logo{
	width: 100%;
	max-width: 350px;
	}



h2{
	font-family: 'BestieInCrimeRegular', Helvetica, Arial, Sans-Serif;
	font-size: 55px;
	}

h3{
	font-family: 'BestieInCrimeRegular', Helvetica, Arial, Sans-Serif;
	font-size: 55px;
	}



#menu-main-menu, #menu-mobile-menu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	}

#menu-mobile-menu{
	text-align: center;
	}

#menu-main-menu li{
	display: inline-block;
	margin-right: 65px;
	vertical-align: bottom;
	}

#menu-main-menu li:last-child{
	margin-right: 0px;
	}

#menu-main-menu li a, .mobile-menu li a{
	color: #000000;
	text-decoration: none;
	}

.menu-image a {
    display: block;
    width: 60px;
    height: 36px;
    background: url('img/hamburger.png') no-repeat center;
    background-size: contain;
    text-indent: -9999px; /* hide text */
	}

.menu-image a span{
	color: #fff4e3;
	}

#hamburger{
	width: 80px;
	}

#hamburger img{
	width: 100%;
	}

.mobile-menu{
	display: none;
	padding: 30px 0 0 0;
	}

.hero-box{
	height: 500px;
	background-size: cover;
	background-position: center center;
	background-image: var(--bg-mobile);
	}

.hero_title{
	/* font-size: 33px; */
	font-size: clamp(2rem, 7.6vw, 8.6vw);
	font-family: 'BestieInCrimeRegular', Helvetica, Arial, Sans-Serif;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	}

.hero_title p{
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 2px 2px 2px #000000;
	rotate: -7deg;
	}

.hero_image, .hero_image_mobile{
	width: 100%;
	}

.hero_text{
	padding: 0px 0px 30px;
	font-size: 22px;
	}

.address{
	padding: 30px 0 0 0;
	font-family: 'BestieInCrimeRegular', Helvetica, Arial, Sans-Serif;
	font-size: 26px;
	}

.story-text{
	font-size: 26px;
	padding: 0 0px 30px 0;
	}

.story_img_box{
	padding: 0;
	}

.story_img{
	max-width: 100%;
	padding: 0 0 0px 0px;
	}

.fusion_img{
	width: 100%;
	}

.fusion_text{
	padding: 30px;
	font-size: 22px;
	}

.footer_text, .footer_text a{
	color: #fff4e3;
	text-decoration: none;
	}

.icon{
	margin-top: 60px;
	margin-bottom: 30px;
	}

.icon img{
	height: 80px;
	}

.footer_text{
	font-size: 22px ;
	}

#mc_embed_shell{
	margin-top: 150px;
	}

.book-a-table{
	cursor: pointer; 
	text-align: right;
	box-sizing: border-box;
	line-height: 15px; 
    color: #FFF4E3;
    font-weight: 100;
    font-size: 18px;
    display: inline-block;
    border: 3px solid #D94A3D;
    background-color: #D94A3D;
    padding: 10px 15px;
    transition: .5s;
	}

.book-a-table:hover{
	color: #D94A3D;
	background-color: #FFF4E3;
	} 

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {
	.hero-box{
		height: 600px;
		background-image: var(--bg-tablet);
	}
}


@media screen and (min-width: 820px) {
	.hero-box{
		height: 420px;
		/* height: 31vw;
		max-height: 676px; */
		}

	font-size: clamp(2rem, 7vw, 8.6vw);
}

@media screen and (min-width: 992px) {

	h2{
		font-size: 80px;
		}

	h3{
		font-size: 55px;
		}
  	
	.mobile-menu{
		display: none;
		}

	.p-header{
		padding: 80px 120px 0;
		}

	.p-maincontainer{
		padding: 80px 120px;
		}

	.hero-box{
		height: 760px;
		background-image: var(--bg-desktop);
		}

	.hero_title{
		/* font-size: 77px; */

		}

	.hero_text{
		padding: 0px 180px 60px 0px;
		font-size: 22px;
		}

	.fusion_text{
		padding: 60px 180px 60px 60px;
		font-size: 22px;
		}

	.story-text{
		font-size: 26px;
		padding: 0 30px 30px 0;
		}

	.story_img_box{
		padding: 0 0 0 30px;
		}

	.story_img{
		max-width: 100%;
		padding: 0 0 0px 0px;
		display: flex;
		background-image: url("img/connies.jpg");
		background-position: center center;
		background-size: cover;
		}

}

@media screen and (min-width: 1200px) {
  	#menu-main-menu li{
		margin-right: 110px;
	}

	.hero_title{
		font-size: clamp(2rem, 5vw, 7.6vw);
	}
}

@media screen and (min-width: 1559px) {
  	.hero-box{
		height: 530px;
		}
}

@media screen and (min-width: 1920px) {
  	.hero-box{
		height: 676px;
		/* height: 31vw;
		max-height: 676px; */
		}

	.hero_title{
		font-size: clamp(2rem, 5.5vw, 7.6vw);
	}
}