/*
 Update style.css version to update this script's version
*/

:root {
    --main-color: #34ace1;
    --button-color: #34ace1;
    --button-hover-color: #2ea8d7;
    --button-shadow-color: #addfed;
    --text-color: #696969;
    --link-color: #555555;
    --quote-color: #9ccee4;
    --price-hover-color: #2c87b4;
    --first-price-color: #e1f8ff;
    --breadcrumbs-color: #ff2649;
    --main-font: "Work Sans", sans-serif;
    --head-font: "Poppins", sans-serif;
    --font-size: 1.1rem;
    --excerpt-font-size: 1.2rem;
    --mob-font-size: 1.1rem;
    --line-height: 1.55;
    --letter-spacing: -.04rem;
    --hamburger-width: 30px;
}

/* link style */
#mvp-content-main p a, .mvp-post-add-main p a {
    box-shadow: inset 0 -2px 0 var(--button-color);
    font-weight: 600;
}

/* shadow under navbar */
#mvp-main-nav-small {
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.3);
}

#mvp-post-mobile-widget-wrap {
    margin-top: 40px;
}

ul.mvp-feat1-list-buts {
    text-align: left;
    overflow: hidden;
}

/* widget titles */
div > .mvp-widget-home-title span.mvp-widget-home-title, div.mvp-widget-tab-wrap ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but {
    font-weight: 700;
    background-color: transparent;
    transform: none;
    font-family: var(--head-font);
    width: 100%;
    font-size: 1.7rem;
    color: #000;
    text-transform: initial;
    text-align: left;
    padding-left: 0;
    box-sizing: border-box;
    overflow: hidden;
}

/* hide the side lines on widget titles */
div > .mvp-widget-home-title::before {
    display: none;
}

/* blue line after the title of widget title */
div > .mvp-widget-home-title span.mvp-widget-home-title::after, span.mvp-feat1-list-but::after {
    content: '';
    position: absolute;
    width: 7.3rem;
    height: 2px;
    top: 1.7rem;
    border-radius: 0.1rem;
    background-image: linear-gradient(-89deg, var(--button-color), #fff);
}

/* lighter titles in last news widget */
.mvp-flex-story-text h2 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1rem;
    font-family: var(--main-font);
}


/* specific for iPhon colors */

/* align site logo */
.mvp-nav-small-logo img {
    margin-top: -2px;
}

/* desktop navbar background */
#mvp-main-nav-small #mvp-main-nav-small-cont {
    background-color: #ffffff;
}

/* color of menu button (hamburger) and fly menu close */
#mvp-main-nav-small .mvp-fly-but-wrap span, #mvp-main-nav-small .mvp-search-but-wrap span, .mvp-nav-top-left .mvp-fly-but-wrap span, #mvp-fly-wrap .mvp-fly-but-wrap span {
    background-color: var(--button-color);
}

/* dunno? */
#mvp-nav-top-wrap .mvp-fly-but-wrap:hover span, #mvp-main-nav-small .mvp-fly-but-wrap:hover span {
    background-color: #3093c4;
}

/* color of fly menu close button */
#mvp-fly-wrap .mvp-fly-but-wrap.mvp-fly-but-menu span {
    background-color: #ffffff;
}

#mvp-main-nav-small .mvp-nav-menu ul li a {
    color: #444;
}

/* featured stories section */
#mvp-feat4-wrap {
    background-color: var(--button-color);
}

#mvp-content-main li a {
    box-shadow: inset 0 -2px 0 var(--button-color);
}

/* color of follow us in fly menu */
#mvp-fly-wrap span.mvp-fly-soc-head {
    color: #fff;
}

/* white + sign on mobile submenus */
#mvp-fly-wrap nav.mvp-fly-nav-menu ul li.menu-item-has-children:after {
    color: #ffffff;
}

/* fix safari's bug on border-radius */
#mvp-side-wrap .mvp-flex-row .mvp-mob-img {
    border-radius: 1rem;
}

/* fix font size on feat6 */
#mvp-feat6-text h2 {
    font-size: 2.5rem;
}