/*======================================
Theme Name: Fresco's Fish & Chips
Description: A theme designed for Fresco's Fish & Chips in Toronto including and online menu and embedded Yelp review slider.
Version: 1.0
Author: Daniel Smith - LADMIN Solutions
Author URI: http://ladmin.solutions
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* Nav Bar Bottom Border */
#main-header {
    
    border-bottom: 4px solid #fbeb45;
}
/* Secondary Menu Bar Buttons */
.menu-uber {
    font-style: italic;
}
.menu-foodora {
    font-style: italic;
}
.menu-doordash {
    font-style: italic;
}
/* Nav Bar Rollover */
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #fbeb45; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
/* Hamburger Menu Colour */
span.mobile_menu_bar:before {
    color: #fbeb45 !important;
}
/* Instagram Icon */
.et-social-rss a.icon:before {
content: "\e09a" !important;
}
/* Dropdown Line Color Mobile */
.et_mobile_menu { border-top: 4px solid #fbeb45 !important;
}
/*----------Custom Back To Top Button----------*/
 
.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 100px;
    border-radius: 25px;
    border: 2px solid #fbeb45;
    background: rgb(25, 60, 120);
    padding: 10px;
    color: #fbeb45;
}
 
 
.et_pb_scroll_top.et-pb-icon:hover {
    background: #fbeb45;
    color: rgb(25, 60, 120);
}
 
.et_pb_scroll_top:before {
    content: "\21";
}
/*----------Custom Footer Icons----------*/
 
#footer-info {
    float: none;
    padding-bottom: 10px;
    color: #666;
    text-align: center;
}
 
#footer-bottom .et-social-icons {
    float: none;
    text-align: center;
    margin-bottom: 15px;
}
 
#footer-bottom .et-social-icon a {
    display: inline-block;
    position: relative;
    color: #fbeb45 !important;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease 0s;
    background: #00337a;
    padding: 8px;
    border-radius: 25px;
    border: 2px solid #fbeb45;
    width: 40px;
    height: 40px;
}
 
#footer-bottom .et-social-icon a:hover {
    background: rgb(25, 60, 120);
    opacity: 1!important;
}
 
#footer-bottom .et-social-icons li {
    display: inline-block;
    margin-left: 10px;
}