/*
Theme Name:   Fizzsy Custom
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Fizzsy Custom Theme
Author:       Themes
Template:     fizzsy
Version:      1.01.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
Text Domain:  fizzsy-custom
*/

.fa-surprise:before {
    content: "\f5c2";
}
.fa-grin-tongue-wink:before {
    content: "\f58b";
}
.fa-grin-squint-tears:before {
    content: "\f586";
}
.mvp-nav-left-in {
    margin-left: 200px;
}
#mvp-nav-menu {
    top: 0;
    max-width: 600px;;
    height: 60px;
}
#mvp-nav-menu ul.menu {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
    background: none;
    margin: 0;
    padding: 0;
}
#mvp-nav-menu ul.menu li {
    display: block;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
    background: none;
}
#mvp-post-area{padding-top:10px;}
.mvp-main-blog-wrap {
    border-top: 0px solid #ddd;
}


#mvp-nav-menu ul li a{
    font-size: 16px;
    padding: 21px 12px;
}
.mvp-feat2-main-title h2:hover {
    color: #ff3c36;
}
/*
.mvp-main-blog-in-thumb{
    display: inline;
    float: right;
}
.mvp-main-blog-in{
    width: calc(100% - 300px);
    margin-left: 0px;
    display: inline;
    float: left;
}
.mvp-main-blog-story li:nth-child(2n+2) .mvp-main-blog-in {
    float: right;
}.mvp-main-blog-story li:nth-child(2n+2) .mvp-main-blog-in-thumb {
    float: left;
}
.mvp-main-blog-img{
    width: 300px;
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}
#mvp-home-body .mvp-main-blog-img{border-radius: 0;}
.mvp-main-blog-img img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}
*/
.mvp-nav-right-out {
    float: left;
    margin-right: 0px;
    width: 100%;
}
.mvp-nav-right-in{
    width: calc(100% - 258px);
}
#mvp-nav-right{
    width: 258px;
}
.mvp-home-head-toggle-list li {
    font-size: 1rem;
    font-weight: 800;
}
.mvp-home-head-toggle-list li a{
    color: #444 !important;
}
#mvp-nav-menu ul li.current-menu-item a,
.mvp-home-head-toggle-list li.active a,
.mvp-home-head-toggle-list li.active i,
.mvp-home-head-toggle-list li:hover a,
.mvp-home-head-toggle-list li:hover i {
    color: #ff3c36 !important;
}
.mvp-home-head-toggle-list li:hover a, .mvp-home-head-toggle-list li:hover i {
    color: #ff3c36 !important;
}
h4.mvp-side-widget-head {
    text-align: center;
}
#mvp-post-content-mid{padding-top:0px !important;}

.mvp-main-blog-text{border-bottom: none;}
#mvp-main-content-wrap{margin-bottom: 5px;}
.mvp-post-content-in {
    margin-left: 0px;
}
#mvp-post-bot-wrap {
    margin-top: 15px;
}
.mvp-post-tags {
    margin-top: 0px;
}
input[type="submit"], input[type="reset"], input[type="button"], button, .g1-button-solid, .g1-button-solid:hover, .g1-arrow-solid, .author-link, .author-info .author-link, .g1-box-icon, .wyr-reaction:hover .wyr-reaction-button, .wyr-reaction-voted .wyr-reaction-button, .wyr-reaction .wyr-reaction-bar {
    border-color: #2bfa9c;
    background-color: #2bfa9c;
    color: #ffffff;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
::placeholder {
    color: inherit;
    opacity: .33;
}
[type="email"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="tel"], [type="text"], [type="url"] {
    height: 36px;
    width: 98%;
}
button, input, select, textarea {
    box-sizing: border-box;
    width: 98%;
    max-width: 100%;
    margin: 0;
    padding: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    border-color: var(--g1-border-color);
    background-color: transparent;
    color: inherit;
    border-radius: 4px;
    -webkit-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out;
    -moz-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out;
    -o-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out;
    transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out;
}
#mvp-search-wrap {
    position: fixed;
    top: 98px;
    right: 90px;
    left: unset;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    width: 350px;
    height: 60px;
    z-index: 999999;
}

#mvp-search-box {
    /*margin: -60px 0 0 -300px;*/
    position: absolute;
    top: 60px;
    left: unset;
    right: 40px;
    width: 300px;
}

#searchform input {
    background: none;
    border: 0;
    border-bottom: 1px solid #444;
    color: #444;
    float: left;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 100%;
    padding: 20px 0;
    width: 100%;
    height: 60px;
}

#searchform #searchsubmit {
    border: none;
    float: left;
}

#searchform #s:focus {
    outline: none;
}

.mvp-search-toggle {
    opacity: 1 !important;
    -webkit-transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -ms-transform: translate3d(0,0,0) !important;
    -o-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
}
.mvp-search-but-wrap {
    cursor: pointer;
    width: 30px;
    height: 35px;
}

.mvp-search-but-wrap {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
}

.mvp-search-but-wrap span {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    height: 3px;
}

.mvp-search-but-wrap span {
    top: 27px;
}

.mvp-search-but-wrap span:nth-child(1) {
    width: 30px;
}

.mvp-search-but-wrap span:nth-child(2) {
    width: 30px;
}

.mvp-search-but-wrap span:nth-child(1),
.mvp-search-but-wrap span:nth-child(2) {
    width: 30px;
}
#mvp-logo-footer{text-align: center; padding-top:5px;}
#mvp-logo-footer img{width:100%; max-width: 150px;}
#mvp-foot-nav{margin-top: 0px;}
.mvp-foot-in-wrap{padding:10px 0px;}
.mvp-nav-soc-down {display: none;}
#mvp-side-wrap #content-2{position: relative;overflow: visible;min-height: 226px; padding: 0px;}
#mvp-nav-right-wrap #searchform { float: right; position: relative; margin-top:5px;}
#mvp-nav-right-wrap #searchform input { cursor:pointer;  background:url(../images/search-icon-black.png) no-repeat 50% 50%; float: left; font-size:25px;font-weight: 700; padding: 0px 0 0 10px; width: 60px; height: 49px;-moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s;border:0;border-left:1px solid #FFF;color:transparent;}
#mvp-nav-right-wrap #searchform input:focus, #mvp-nav-right-wrap .search-box.active #searchform input{ color: #000; cursor:text;background-color:#2bfa9c;background-image:none;width: 254px;}
#searchform .submit-button {
    background: #2bfa9c url(../images/search-icon-black.png) no-repeat center;
}
#mvp-nav-right-wrap .submit-button{height: 50px;padding: 0;width: 60px;margin:0;position: absolute;right: 0;border: none;display:none;cursor:pointer;color:#FFF;text-transform:uppercase;font-size:14px;}
#mvp-nav-right-wrap input#s:focus + .submit-button,  #mvp-nav-right-wrap .search-box.active input + .submit-button {display:block;}
.featured-thumbnails { float: left; display: flex; flex-wrap: wrap; }
.featured-thumbnails .featured-posts-image{min-height:0; width:28%;}
.featured-thumbnails li {}
.featured-thumbnails .featured-posts-text {margin-left: 5%; margin-top: 0;width:62%; }
.featured-thumbnails .featured-posts-title { padding: 2px 0 5px; }


#mvp-side-wrap #content-2{position: relative;overflow: visible;min-height: 226px; padding: 0px; margin-top:-18px;}
#sb_outer_container{width:401px; position:absolute; z-index:1000;}
#sb_inner_container{width: 100%; text-align: center;padding:0px;position:relative;>overflow:visible;min-height:226px;width:401px;}
#sb_inner_container iframe{width: 401px;min-height: 226px;border: 0px none;}
#leaderboard-single{
    width: 100%;
    position: relative;
    display: block;
}
#mvp-foot-bot-wrap{
    padding-bottom: 50px;
}
.mvp-main-blog-in-adv {
    margin-left: 5px !important;
}
.mvp-main-blog-text-adv{
    height: auto !important;
}
i.mvp-main-blog-adv-cat{
    color: #999999;
    margin: 3px;
}
@media screen and (max-width: 1003px) and (min-width: 900px){
    h1.mvp-arch-head, h4.mvp-arch-head {
        font-size: 1.3rem;
    }
    .mvp-feat1-info-adv {
        display: inline-block !important;
    }
    .mvp-feat1-info-adv .mvp-blog-site-info{
        font-size: .5rem !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text{
        height: auto !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text h2{
        font-size: .9rem;
    }
    .mvp-main-blog-in-adv p{
        display: inline-block !important;
        font-size: 0.6rem !important;
    }
}
@media screen and (max-width: 899px) and (min-width: 768px){
    h1.mvp-arch-head, h4.mvp-arch-head {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }
    .mvp-feat1-info-adv {
        display: inline-block !important;
    }
    .mvp-feat1-info-adv .mvp-blog-site-info{
        font-size: .5rem !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text{
        height: auto !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text h2{
        font-size: .9rem;
    }
    .mvp-main-blog-in-adv p{
        display: inline-block !important;
        font-size: 0.6rem !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 660px) {
    h1.mvp-arch-head, h4.mvp-arch-head {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }
    .mvp-feat1-info-adv {
        display: inline-block !important;
    }
    .mvp-feat1-info-adv .mvp-blog-site-info{
        font-size: .5rem !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text{
        height: auto !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text h2{
        font-size: .9rem;
    }

    .mvp-main-blog-in-adv p{
        display: inline-block !important;
        font-size: 0.6rem !important;
    }
}
@media screen and (max-width: 599px) and (min-width: 480px) {
    h1.mvp-arch-head, h4.mvp-arch-head {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }
    .mvp-feat1-info-adv {
        display: inline-block !important;
    }
    .mvp-feat1-info-adv .mvp-blog-site-info{
        font-size: .5rem !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text{
        height: auto !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text h2{
        font-size: .9rem;
    }

    .mvp-main-blog-in-adv p{
        display: inline-block !important;
        font-size: 0.6rem !important;
    }
}
@media screen and (max-width: 479px) {
    h1.mvp-arch-head, h4.mvp-arch-head {
        font-size: 1.3rem;
        margin-bottom: 10px;
    }
    .mvp-feat1-info-adv {
        display: inline-block !important;
    }
    .mvp-feat1-info-adv .mvp-blog-site-info{
        font-size: .5rem !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text{
        height: auto !important;
    }
    .mvp-main-blog-in-adv .mvp-main-blog-text h2{
        font-size: .9rem;
    }
    .mvp-main-blog-in-adv p{
        display: inline-block !important;
        font-size: 0.6rem !important;
    }
}