/* 
Theme Name: Hello Elementor Child for TG
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Metro.Agency
Author URI: https://metro.agency/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Site Colors

Green
var( --e-global-color-text )

/*
    Add your custom styles here
*/

/* Removing vertically scrolling */
html, body {width:100% !important; overflow-x:hidden !important;}

body {max-width: 2350px !important; text-align: left; margin: 0 auto;}
#header-desktop {max-width: 2348px !important;}

/* Navigation */

.hfe-nav-menu {background-color: var( --e-global-color-accent ); width: 100%;}
#rmp_menu_trigger-4813 {border: none !important;}
.rmp-container .bullet {display: none;}
#rmp-menu-title-4813 {padding-top: 3% !important;}
.rmp-menu-top-level-item {text-transform: uppercase;}
#rmp-menu-wrap-4813 .rmp-submenu .rmp-menu-item-link {height: auto !important; margin-bottom: 14px;}
#rmp-menu-wrap-4813 .rmp-menu-item-link {padding-right: 22px !important;}
#rmp-menu-wrap-4813 .rmp-menu-item-link .rmp-font-icon {line-height: 33px !important;}
#rmp-menu-title-4813 .rmp-menu-title-image {height: auto !important;}

.sub-arrow {display: none !important;}

input[type="email"] {border-radius: 0 !important;}

#header-desktop .header-socialcol {max-width: 41px;}
#header-desktop .logo-col {max-width: 447px;}

/* Global Styles */

p {margin-block-end: 33px;}

h1, h2, h3, h4, h5, h6 {font-family: "Cormorant", Sans-serif; text-transform: uppercase;}

h2 {font-family: "Cormorant", Sans-serif; font-size: 66px !important}
h3 {font-family: "Cormorant", Sans-serif; font-size: 32px !important; font-weight: 700 !important;}

figcaption {color: #fff !important}

.top-quote {height: 20px;}
.top-quote div {width: 100%;overflow: hidden; position: relative; }
.top-quote .elementor-heading-title {  display: inline-block;
  white-space: nowrap; /* Prevent text from wrapping */
  position: absolute;
  animation: scroll-text 55s linear infinite;
}
@keyframes scroll-text {
  0% {
    transform: translateX(0);        /* Start at the beginning */
  }
  100% {
    transform: translateX(-100%);    /* Move the text completely past the container */
  }
}

.intro-header h3 {text-transform: none !important;}

.error404 #content {display: none !important;}
.error404 h2, .error404 p  {text-align: center; margin: 0 auto;}
.error404 .error-header {padding: 80px 10px 50px 10px !important;}
.error404 .error-text {padding: 50px 10px !important;}
.width100 img {width: 100% !important; height: auto !important;}

/* Links */
.page-content p a { border-bottom: 2px dashed var( --e-global-color-text ); text-decoration: none; position: relative;}

a:focus,
input:focus {
	outline: 1px solid #fff;
    position: relative;
    z-index: 99;
}

.fancylink a {
  border-bottom: 2px dashed var(--e-global-color-text);
  text-decoration: none;
  position: relative;
  font-size: 26px;
}

.fancylink p::after {
  content: ' >';
  text-decoration: none;
  border: none;
  display: inline;
  margin-left: 0;
  vertical-align: baseline;
  color: var( --e-global-color-text );
  font-family: "Cormorant", Sans-serif;
  font-weight: 400;
  font-size: 26px;
}

.elementor-button {border-radius: 0 !important;}

.press-wrapper {background-size: cover;}
.press-wrapper a {background-color: rgba(0, 0, 0, 0.4) !important; border-color: var( --e-global-color-text ) !important; border-width:3px !important;padding: 15px 20px !important;}

/* Television */

.tv-photos .swiper-slide {overflow: clip !important;height: 460px !important;}
.tv-photos .swiper-slide figure img {min-height: 460px !important; width: 100% !important;}


/* Blogs */
.premium-blog-excerpt-link-wrap a {border-top: none !important; border-right: none !important; border-left: none !important; text-decoration: none !important; position: relative;}
.premium-blog-excerpt-link-wrap .premium-blog-excerpt-link a {border-bottom: 2px dashed var(--e-global-color-text); text-decoration: none; position: relative; font-size: 26px;}
.premium-blog-excerpt-link-wrap::after {
  content: ' >';
  text-decoration: none;
  border: none;
  display: inline;
  margin-left: 0.25em;
  vertical-align: baseline;
  font-family: "Cormorant", Sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: var( --e-global-color-text );
}  

.single #content {
    max-width: 1420px;
    margin: 0 auto; /* Center and constrain content */
    position: relative;
}

.single .pizzatoday-hero {
    position: relative;
    width: 100vw; /* Full viewport width */
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-size: cover; /* Ensure the background image covers the entire div */
    background-position: center;
    max-width: 100vw; /* Ensure it doesn't exceed viewport width */
    box-sizing: content-box; /* Ensure padding/border are accounted for in the width */
}

.blogtitle {font-size: 66px; font-weight: 600 !important; text-align: center !important}

.img400 .alignright {max-width: 400px}

/* Mailchimp Signup */

.mc-field-group label {display: none;}

#mc_embed_signup {/* max-width: 55%;*/ text-align: center; margin: 0 auto;
}
.mailchimp-signup [type="submit"] {font-weight: 600; color: #000; border: 3px dashed #000 !important; font-size: 25px;  border-radius: 0; padding: 5px 15px !important; min-width: 200px;}

#mc_embed_signup_scroll {
  display: flex;
  justify-content: space-between;
  column-gap: 7px;
}

.mc-field-group {width: 100%;}

.mc-field-group input[type="email"] {
  width: 100%;
  height: 53px;
  border: none !important;
}

.clear input[type="submit"] {
  width: 30%;
}

/* Header */

.header-socialcol::after {
  left: 0;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  bottom: -40px;
  margin-top: -30px;
  border: 40px solid transparent;
    border-left-color: transparent;
  border-left-color: #111111;
  z-index: -1;
}

.hfe-page-title-wrapper {margin-top: -65px;}

/* Footer */

.copyright a:link {font-size: 17px; font-family: "Jost", Sans-serif !important; color: #fff !important;  line-height: 23px; font-weight: 400 !important;}
.copyright a:visited {color: #fff !important;}
.copyright a:hover, .copyright a:active {color: #fff !important; text-decoration: underline;}

/* Back to top */

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    outline:none !important;
    transform: rotate(-90deg);
}
#back2Top:hover {
    background-color: #d1232a;
    color: #fff;
    outline:none !important;
}


@media (max-width: 767px) {

.hfe-page-title-wrapper h1 {font-size: 50px !important; line-height: 49px !important;}
.blogtitle {font-size: 50px !important; line-height: 49px !important;}

.elementor-widget-premium-addon-dual-header .premium-dual-header-first-span {font-size: 28px !important; line-height: 28px !important;}
.elementor-widget-premium-addon-dual-header .premium-dual-header-second-header {font-size: 53px !important; line-height: 48px !important;}

  #mc_embed_signup_scroll {
    display: block;
  }

  .mc-field-group input[type="email"],
  .clear input[type="submit"] {
    width: 100%;
    margin-bottom: 10px; /* Adds spacing between the elements */
  }

.header-socialcol .elementor-social-icon, .header-socialcol {background-color: #000 !important;}

.header-image-wrapper, .pizzatoday-hero {min-height: 35vh !important; background-position: center center !important; margin-bottom: -40px;}

.press-wrapper {min-height: 40vh !important;background-position: center center !important;}

/* blog photo center fix  for mobile */ 
.blog_post-template-default .alignright, .post-template-default .alignright {float: none !important; width: 100% !important;}
.blog_post-template-default figure.alignright img, .post-template-default figure.alignright img {width: 100% !important; height: auto;}
.blog_post-template-default .wp-caption.alignright, .post-template-default .wp-caption.alignright {margin: 5px 0 20px 0px !important;}
.img400 .alignright {width: 100% !important; margin: 30px 0; max-width: 100%;}
}

@media (min-width: 2350px) {
body {
    border-left: 1px solid #AD1F23;
    border-right: 1px solid #AD1F23;
}
}

@media (min-width: 1228px) {
.page-id-591 #content, .page-id-631 #content, .page-id-1043 #content {
padding-top: 25px;
}
}