/*---------------------------------------------------------------------------------

 Theme Name:   At Your Gate
 Theme URI:    http://atyourgate.com
 Description:  We are the in-airport order and delivery app for travelers, flight crews, and airport employees. Open up the app, browse, order, and relax. We got this. We'll bring it all to you. At Your Gate. 
 Author:       David Taigia
 Author URI:   https://taigia.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*LINKS*/
a, a:link, a:visited, a:hover, a:active, a:focus { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border: none; cursor: pointer; outline: none; text-decoration: none;}
.unclickable > a {cursor: default !important;}

/*GOOGLE MAP*/
[id *="wpgmaps_directions_edit_"] {padding: 35px 15%;}
[id *="wpgmaps_directions_reset_"] {background: #fff; margin: 0 15%; padding: 30px;}
[id *="directions_panel_"] {background: #fff;}
.gm-map {height: 460px;}

/*PAGES*/
#banner {background-size: cover; padding: 18% 0 20% !important;}
#banner .et_parrallax_bg {background-position: bottom center;}
.et_pb_button {border-style: solid !important;}
.ps-1 {padding-top: 35px !important;}
.ps-1 .et_parallax_bg  {background-position: center center; background-size: 35%;}

/*TEXT SHADOW*/
.shadow-text {text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

/* DIVIDER */
.divider {background-image: url("IMAGE-GOES-HERE"); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; height: 57px; overflow: hidden; position: relative; width: 100%;}
.divider::before, .divider::after {content: ""; background-color: #001d49; display: block; height: 1px; position: absolute; top: calc(50% - 0.5px); width: 50%;}
.divider::before {left: -57px;}
.divider::after {right: -57px;}

/* MOBILE MENU */
span.mobile_menu_bar:before {color: #fff !important;}
.et_mobile_menu {border-top-color: #fff !important;}

@media (max-width:980px) {.par--visible .et_pb_column.et_pb_column_empty{display: block;}} 

/* BLURB ICON RIGHT */
.et_pb_text_align_right {text-align: right;}
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {margin-bottom: 0;}
.et_pb_blurb_position_right .et_pb_main_blurb_image {float: right;}
.et_pb_blurb_position_right .et_pb_main_blurb_image {right: 0; left: auto;}
.et_pb_blurb_position_right .et_pb_blurb_content {padding-right: 0;}
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {display: table-cell; width: 32px; line-height: 0;}

/* TOP MENU SOCIAL ICONS*/
#top-header .et-social-icon a {font-size: 14px; border:2px solid white; color: #fff; padding: 5px; border-radius: 25px; height: 28px; width: 28px;} 
#top-header .et-social-icons li {margin-top: -2px; margin-left: 5px;}

#top-header .svg-inline--fa::before {content:"";}

/*BLOG*/
.hero-section {background-color: #333; background-size: cover; background-repeat: no-repeat; position: relative; padding-top: 120px; padding-bottom: 120px; max-height: 450px;} 
.single-post #main-content #left-area {padding-top: 0px;}

/* ---- Sidebar Settings ---- */
.single #sidebar {background: #efefef; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;}
 
/* ---- Standard Post Title & Post Meta ---- */
.single h1.entry-title,.attachment h1.entry-title, .single p.post-meta {font-weight: 800; color: #fff; text-align: center; padding-left: 8px; padding-right: 8px; width: 100%;}
    @media only screen and (min-width: 980px) {.single h1.entry-title {font-size: 65px !important;}}

/* ---- Format the Position of the Video Wrapper ---- */
    @media only screen and (min-width: 980px) {.single-post.single-format-video .et_main_video_container {top: -120px; background: #fff; outline: 10px solid #ffffff !important; z-index: 100; margin-bottom: -100px;}}

/* ----- Add Background Image to the Audio Player & Change size of the player ----- */
body.single .et_audio_content, .blog .et_audio_content {background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('ENTER IMAGE URL HERE'); background-repeat: no-repeat; background-size: cover; margin-bottom: 0px !important; height: 300px !important;}
 
/* ---- Hide the Duplicate Audio Player  ------ */
div#mep_1 {display: none;}

/* ---- Position & Style the Gallery to Overlap the Featured Image ---- */
    @media only screen and (min-width: 980px) {
        .single-format-gallery .et_post_meta_wrapper { margin-top: -100px;}
        .et_post_gallery {background: #fff !important; border-top: 8px solid #fff !important; border-left: 8px solid #fff !important; position: relative; z-index: 100;}
 
/* ---- Set Background Color, Margins & Padding for the Gallery Image ---- */  
        .et_gallery_item {margin: 0 0 0 0 !important;}
        .et_gallery_item {background: #fff !important; margin: 0 0% 0% 0 !important; padding-right: 8px !important; padding-bottom: 8px !important; width: 33.3%;}
    }

/* ---- Add thick border to the left side and Lower the link box ---- */
.et_link_content {background-color:#edb059; background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(ENTER IMAGE URL HERE); background-size: cover; border-bottom: 8px solid #ddd; border-radius: 25px;}
 
/* ---- Font Settings within the Link box ---- */
 .et_link_content a.et_link_main_url { font-size: 21px; font-weight: 600; color: #fff !important;}
 
/* ---- Link Symbol on the right side ---- */
.et_link_content::before {content: "\f0c1"; font-size: 48px; font-family: "FontAwesome"; background: rgba(255, 255, 255, .0); border-radius: 31px; color: #fff; position: absolute; top: 38%; left: 5%; margin-right: -26px;}
 
/* ---- Position & Style the Gallery to Overlap the Featured Image ---- */ 
    @media only screen and (min-width: 980px) {.single-format-gallery .et_post_meta_wrapper { margin-top: -100px;}}


/*
 Mobile Menu
 Switch Center and Center Inline to Default on Mobile
*/
@media (max-width: 980px) {
    .et_header_style_centered #main-header .container, .et_header_style_split #main-header .container {text-align: left;}
    .et_header_style_centered header#main-header .logo_container, .et_header_style_split header#main-header .logo_container {position: relative; max-width: 50%; z-index: 2;}
    .et_header_style_split header#main-header .logo_container {float: left;}
    .et_header_style_split #logo {max-width: 100%;}
    .et_header_style_centered #main-header div#et-top-navigation, .et_header_style_split #main-header div#et-top-navigation {position: absolute;}
    .et_header_style_centered #main-header .mobile_nav, .et_header_style_split #main-header .mobile_nav {background-color: rgba(0, 0, 0, 0);}
    .et_header_style_centered #main-header .mobile_nav, .et_header_style_split #main-header .mobile_nav {padding: 5px 0px;}
    .et_header_style_centered #et_mobile_nav_menu,.et_header_style_split #et_mobile_nav_menu {margin-top: 0px;}
    .et_header_style_centered #main-header .mobile_nav .select_page, .et_header_style_split #main-header .mobile_nav .select_page {display: none;}
    .et_header_style_centered #main-header .mobile_menu_bar, .et_header_style_split #main-header .mobile_menu_bar {position: relative; right: 0px; text-align: right;}
    .et_header_style_centered #main-header .et_mobile_menu, .et_header_style_split #main-header .et_mobile_menu {top: 63px;}
}