/* 
 Theme Name:   GoTo ProSItes
 Theme URI:    https://gotoprosites.com
 Description:  Website Design for Roofers
 Author:       sherry@gottomedia.com
 Author URI:   http://gotoprosites.com
 Template:     Divi
 Version:      1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


/* GoToProSites responsive global navigation */
.et-l--header .et_pb_menu{width:100%!important;max-width:100%!important}
.et-l--header .et_pb_menu__logo img{width:200px!important;max-width:200px!important;height:auto!important;max-height:50px!important;object-fit:contain}
.et-l--header .et-menu>li.menu-item-has-children{position:relative;padding-right:30px!important}
.et-l--header .gps-submenu-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#111b26;color:#fff;cursor:pointer;font:700 18px/1 "Plus Jakarta Sans",Arial,sans-serif;z-index:20}
.et-l--header .gps-submenu-toggle:before{content:"+"}
.et-l--header .gps-submenu-open>.gps-submenu-toggle:before{content:"−"}
.et-l--header .et-menu>li.menu-item-has-children>.sub-menu{display:none!important;visibility:hidden!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .18s ease,transform .18s ease!important}
.et-l--header .et-menu>li.gps-submenu-open>.sub-menu{display:block!important;visibility:visible!important;opacity:1!important;transform:translateY(0)!important;width:320px!important;padding:12px!important;background:#0b1118!important;border-top:3px solid #0085ff!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important}
.et-l--header .et-menu>li.gps-submenu-open>.sub-menu a{white-space:normal!important;line-height:1.35!important;padding:10px 12px!important}
.et-l--header .gps-menu-cta>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0085ff!important;color:#fff!important;border-radius:4px!important;padding:14px 24px!important;border:0!important;text-decoration:none!important;line-height:1!important}
.et-l--header .gps-menu-cta>a:hover{background:#087de8!important;color:#fff!important}
@media(max-width:1180px){
.et-l--header .et_pb_menu .et_pb_menu__menu{display:none!important}
.et-l--header .et_pb_menu .et_mobile_nav_menu{display:flex!important;align-items:center!important}
.et-l--header .et_pb_menu__logo img{width:160px!important;max-width:160px!important;max-height:42px!important}
.et-l--header .et_mobile_nav_menu{margin-left:auto!important}
.et-l--header .et_mobile_menu{left:0!important;right:0!important;width:100%!important;min-width:100%!important;padding:12px!important;background:#0b1118!important;border-top:3px solid #0085ff!important;box-shadow:0 18px 40px rgba(0,0,0,.38)!important}
.et-l--header .et_mobile_menu>li{position:relative!important}
.et-l--header .et_mobile_menu>li>a{padding:14px 16px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;line-height:1.35!important}
.et-l--header .et_mobile_menu .gps-submenu-toggle{right:10px;top:9px;transform:none;width:40px;height:40px;font-size:24px;background:#142131;border-color:rgba(255,255,255,.32)}
.et-l--header .et_mobile_menu>li.menu-item-has-children>a{padding-right:62px!important}
.et-l--header .et_mobile_menu .sub-menu{display:none!important;position:static!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:0!important;padding:6px 0 8px!important;background:#101b27!important;box-shadow:none!important}
.et-l--header .et_mobile_menu li.gps-submenu-open>.sub-menu{display:block!important}
.et-l--header .et_mobile_menu .sub-menu a{padding:12px 22px!important;white-space:normal!important;line-height:1.35!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.et-l--header .et_mobile_menu .gps-menu-cta>a{margin:14px 8px 6px!important;padding:15px 20px!important;background:#0085ff!important;text-align:center!important;border:0!important}
}
@media(max-width:480px){.et-l--header .et_pb_menu__logo img{width:145px!important;max-width:145px!important;max-height:38px!important}}

/* Wide-screen navigation spacing and CTA alignment */
@media(min-width:981px){
.et-l--header .et_pb_menu__wrap{display:flex!important;align-items:center!important;flex:1 1 auto!important}
.et-l--header .et_pb_menu__menu{display:flex!important;align-items:center!important;flex:1 1 auto!important;margin-left:clamp(64px,6vw,112px)!important}
.et-l--header .et-menu{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;gap:clamp(16px,1.45vw,26px)!important}
.et-l--header .et-menu>li{padding-left:0!important;padding-right:0!important;margin:0!important}
.et-l--header .et-menu>li.menu-item-has-children{padding-right:34px!important}
.et-l--header .et-menu>li.gps-menu-cta{margin-left:clamp(14px,1.5vw,26px)!important}
.et-l--header .et-menu>li.gps-menu-cta>a{padding:15px 25px!important;min-height:48px!important;white-space:nowrap!important}
}
