/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 13 2017 | 04:58:55 */
.header-widget-region .widget {
    margin: 0.5em;
        margin-bottom: 0.5em;
    padding: 0.5em 0;
    font-size: .875em;
}


#masthead {
    margin-bottom: 0rem;
}
.woocommerce-breadcrumb {
    margin-bottom: 1rem;
      margin-top: -1em;
  border-bottom-color: #e0e0e0;
}

.site-header .site-branding, .site-header .col-full > .site-logo-anchor, .site-header .col-full > .site-logo-link, .site-header .col-full > .custom-logo-link {
    padding: 1em 0;
    margin-bottom: 0;
}


.main-navigation ul.menu ul li, .main-navigation ul.nav-menu ul li {
    background: #03c6d8;
    font-size: 0.9em;
}

.main-navigation ul.menu > li.current-menu-item > a, .main-navigation ul.nav-menu > li.current_page_item > a, .main-navigation ul.nav-menu > li:hover > a {
    color: #e3fafc;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    -webkit-transition: color 80ms ease-in-out;
    -moz-transition: color 80ms ease-in-out;
    transition: color 80ms ease-in-out;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    padding-top: 0;
}


#page .site-header .hs-primary-navigation {
    background-color: #03c6d8;
}


#page #site-navigation {
    border-bottom-color: #03c6d8;
}

#site-navigation {
    border-bottom: solid 9px #03c6d8;
        border-bottom-color: rgb(3, 198, 216);
    width: 100%;
}



.entry-content h2 {
    font-weight: 300;
    margin-top: 0.1em;
}


h2 {
    font-size: 1.5em;
    text-transform: uppercase;
}

.hentry .entry-header h1.entry-title {
    font-size: 1.8em;
    text-align-last: center;
}

h1, h2, h3, h4, h5, h6 {
    color: #868181;
} 

.vertical-menu {
    width: auto /* Set a width if you like */
}

.vertical-menu a {
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #e0166b; /* Add a green color to the "active/current" link */
    color: white;
}
Vertical Scroll Menu

Set a specific height and add the overflow property if you want a vertical scroll menu:
Example
.vertical-menu {
    width: 250px;
    height: 150px;
    overflow-y: auto;
}

Tip: Check out our How To - Side Navigation tutorial to learn how to create a fixed, full-height side navigation.

COLOR PICKER
colorpicker
LEARN MORE

Tabs
Dropdowns
Accordions
Convert Weights
Animated Buttons
Side Navigation
Top Navigation
JS Animations
Modal Boxes
Progress Bars
Parallax
Login Form
HTML Includes
Google Maps
Loaders
Tooltips
Slideshow
Filter List
Sort List
SHARE


CERTIFICATES

HTML, CSS, JavaScript, PHP, jQuery, Bootstrap and XML.




#masthead {
    margin-bottom: 1rem;
    background-size: cover;
    position: relative;
}

.widget-area .widget a:not(.button) {
    text-decoration: none;
}

#masthead {
    margin-bottom: 0.5rem;
}

h1, h2, h3, h4, h5, h6 {
    color: #7d7b7b;
}