/*
 Theme Name:   Pizza Thema by RMG
 Description:  
 Author:       Ricover Media Group
 Author URI:   https://ricovermediagroup.nl
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 *
 * ===== NOTES ==================================================================
 
 * =============================================================================== */

/*adjust the breakpoint of desktop to tablet*/

@media only screen and (max-width: 1400px) and (min-width: 980px) {
   #top-menu-nav {
      display: none;
   }
}

@media only screen and (max-width: 1400px) and (min-width: 980px) {
   #et_mobile_nav_menu {
      display: block
   }
}

/*VERTICALLY ALIGN CONTENT IN COLUMNS
--------------------------------------------------------------------------*/

.pa-vertical-align {
   display: flex;
   flex-direction: column;
   justify-content: center;
}


/*button with icon on right*/

.pa-pizza-button:after {
   background-color: #dddddd;
   color: #000000;
   padding: 8px 7px;
   top: 0;
   right: 0;
   bottom: 0;
   border-radius: 100px;
}

.pa-pizza-button {
   padding-right: 3em!important;
}

.pa-pizza-button:hover:after {
   background-color: #bbbbbb;
   color: #ffffff;
}


/*contact form button with icon on right*/

.pa-pizza-contact-button .et_pb_contact_submit:after {
   background-color: #dddddd;
   color: #000000;
   padding: 8px 7px;
   top: 0;
   right: 0;
   bottom: 0;
   border-radius: 100px;
}

.pa-pizza-contact-button .et_pb_contact_submit {
   padding-right: 3em!important;
}

.pa-pizza-contact-button .et_pb_contact_submit:hover:after {
   background-color: #bbbbbb;
   color: #ffffff;
}


/*footer optin module button with icon on right*/

.pa-pizza-optin-button .et_pb_newsletter_button:after {
   background-color: #dddddd;
   color: #000000;
   padding: 8px 7px;
   top: 0;
   right: 0;
   bottom: 0;
   border-radius: 100px;
}

.pa-pizza-optin-button .et_pb_newsletter_button {
   padding-right: 3em!important;
}

.pa-pizza-optin-button .et_pb_newsletter_button:hover:after {
   background-color: #ce0000;
   color: #ffffff;
}


/*PLACE BUTTON MODULES NEXT TO EACH OTHER IN THE SAME COLUMN
--------------------------------------------------------------------------*/

.pa-button-inline .et_pb_button_module_wrapper {
   display: inline-block;
   margin-right: 30px;
}


/*PEE-AYE CREATIVE - HIDE DIVI SECTION BACKGROUND IMAGES ON MOBILE
---------------------------------------------------*/


/*regular sections*/

@media only screen and (max-width: 1400px) {
   div.et_pb_section.pa-hide-background-image-mobile {
      background-size: contain!important;
   }
}

@media only screen and (max-width: 1400px) {
   .pa-mobile-background {
      background: #ffffff;
   }
}


/*---------- [Equalise the Tabs] ----------*/

.pa-pizza-tabs .et_pb_tabs_controls li {
   width: 23%;
   /*100% divided by # of tabs - 2%*/
   text-align: center;
   margin: 1%;
}

@media screen and (max-width: 768px) {
   /*change device breakpoint here depending on the number of tabs you have*/
   .pa-pizza-tabs .et_pb_tabs_controls li {
      width: 100%;
      text-align: center;
   }
}


/*add some padding to the side of the tabs*/

.pa-pizza-tabs .et_pb_tabs_controls {
   margin: 0 10vw;
}


/*remove background on tabs*/

ul.et_pb_tabs_controls {
   background: none;
}


/*remove border*/

ul.et_pb_tabs_controls:after {
   border: none;
}


/*remove border right*/

.et_pb_tabs_controls li {
   border: none;
}


/*active tab text color*/

.et_pb_tab_active a {
   color: #ce0000!important;
   border: 2px solid #ce0000;
   border-radius: 50px;
}

.pa-pizza-tabs .et_pb_tabs_controls a:hover {
   border: 2px solid #ce0000;
   border-radius: 50px;
   color: #ce0000;
   transition: 0.3s ease!important;
}


/*image aspect ratio square 1:1*/

.pa-image-1-1 .et_pb_image_wrap {
   padding-top: 100%;
   display: block;
}

.pa-image-1-1 .et_pb_image_wrap img {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   object-fit: cover;
}


/*zoom and rotate image on hover*/

.pa-image-zoom-rotate img {
   transition: all .3s ease;
}

.pa-image-zoom-rotate:hover img {
   -webkit-transform: scale(1.15) rotate(1deg);
   -ms-transform: scale(1.15) rotate(1deg);
   transform: scale(1.15) rotate(1deg);
   transition: all .4s ease;
}


/*PEE-AYE CREATIVE - OVERLAY FOR PARALLAX SECTION
-----------------------------------------------------------------------*/

.pa-overlay .et_parallax_bg:before,
.pa-overlay:before {
   content: "";
   display: block;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.3);
}


/*equalise the tabs*/

.pa-portfolio-tabs .et_pb_tabs_controls li {
   width: 23%;
   /*100% divided by # of tabs - 2%*/
   text-align: center;
   margin: 1%;
}

@media screen and (max-width: 768px) {
   /*change device breakpoint here depending on the number of tabs you have*/
   .pa-portfolio-tabs .et_pb_tabs_controls li {
      width: 100%;
      text-align: center;
   }
}


/*add some padding to the side of the tabs*/

.pa-portfolio-tabs .et_pb_tabs_controls {
   margin: 0 10vw;
}


/*remove background on tabs*/

ul.et_pb_tabs_controls {
   background: none;
}


/*remove border*/

ul.et_pb_tabs_controls:after {
   border: none;
}


/*remove border right*/

.et_pb_tabs_controls li {
   border: none;
}


/*active tab text color*/

.et_pb_tab_active a {
   color: #ce0000!important;
   border: 2px solid #ce0000;
   border-radius: 50px;
}

.pa-portfolio-tabs .et_pb_tabs_controls a:hover {
   border: 2px solid #ce0000;
   border-radius: 50px;
   color: #ce0000;
   transition: 0.3s ease!important;
}


/*border radius on chef image*/

.pa-pizza-chef img {
   border-radius: 10px;
}


/*image aspect ratio landscape 9:16*/

.pa-image-vertical .et_pb_image_wrap {
   padding-top: 154%;
   display: block;
}

.pa-image-vertical .et_pb_image_wrap img {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   object-fit: cover;
}


/*image aspect ratio landscape 4:3*/

.pa-image-horizontal .et_pb_image_wrap {
   padding-top: 75%;
   display: block;
}

.pa-image-horizontal .et_pb_image_wrap img {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   object-fit: cover;
}


/*open footer menu and remove hamburger icon*/

@media (max-width: 980px) {
   .pa-footer-menu .et_pb_menu__menu {
      display: flex;
   }
   .pa-footer-menu .et_mobile_nav_menu {
      display: none;
   }
}