/*
 * Theme Name: Sinnis Better
 * Description: Sinnis Wordpress Theme
 * Author: Sinnis
 * Template: bento
 * Version: 0.1
 * License: GNU General Public License V2
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: sinnis
*/


/** combined stylings **/
.site-content video, .site-footer.footer {
    width: 100%
}

/** generic **/
h1, h2, h3, h4, h5, h6, p, span {
    font-family: Nunito Sans, sans-serif ;
	line-height: 150%
}

h2 a, h2 a:hover {
    color: #333 ;
}

html, body {
    height: 100%;
    width: 100%
}

body {
    background: #f4f4f4;
    min-height: calc(100% - 340px);
    overflow-x: hidden;
    position: relative
}

.d-inline-block {
    display: inline-block
}

.logo {
    padding: 10px 0 0 0 !important
}

.full-width-div {
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw
}

/** buttons **/
.button {
    background: #329d6a;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    padding: 13px 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.button:hover {
    color: #fff
}

.button.button-danger {
    background-color: #ed272b
}

/** footer **/
footer {
    background: #5d5256
}

#footer-copyright {
    color: #ccc;
    padding-right: 34px
}

#footer-copyright span {
    bottom: 15px;
    position: relative
}

.site-footer a:hover {
    border-bottom: 0
}

#subscribe-newsletter {
    color: #ccc
}

/** menu **/
div.header-menu {
    padding-top: 16px
}

.widget-area {
    margin-bottom: 20px;
    margin-top: 11px
}

.widget-area .widget-container h3 {
    color: #fff
}

.widget-area .menu .menu-item a {
    color: #ccc
}

#copyright-container {
    background: #666;
    padding: 30px 0;
    text-align: right
}

/** social icons **/
.social-icon {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    margin-left: 2px
}

.social-icon-list-container {
    margin-top: 11px
}

.social-container {
    display: inline-block;
    margin: 6px 3px
}

.sinnis-social-container, .bottom-footer {
    background: #5d5256
}

.social-site {
    margin-left: 5px
}

.social-icon-container {
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
    height: 36px;
    text-align: center;
    width: 36px
}

#social-media-footer-container {
    margin-left: -7px;
    margin-top: 24px
}

.social-icon-container .social-icon i {
    color: #fff
}

#facebook-social-container {
    background: #3b5998;
    border-color: #3b5998
}

#instagram-social-container {
    background: #3d739c;
    border-color: #3d739c
}

#youtube-social-container {
    background: #f00;
    border-color: #f00
}

#email-subscribe-label {
    font-size: 15px
}

/** blog **/
.blog article, .archive article,
.search article, .widget_siteorigin-panels-postloop article {
    padding: 0 !important
}

.blog article.col-sm-12 {
    margin-bottom: 0
}

body.blog {
    background: #efefef
}

.post-collection-blog {
    background: #fff;
    margin: 20px 0
}

.post-thumbnail {
    margin: 15px 0
}

.featured-grid-item-container {
    padding: 0 43px
}

.blog-meta-data-container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.featured-grid-item-container {
    min-height: 217px
}

.featured-blog-post {
    border: 2px solid #b3b3b3;
    margin: 0 12px;
    max-height: 531px;
    min-height: 531px
}

.featured-blog-footer {
    background: #ececec;
    text-align: center
}

/** 404 page **/
.page-not-found-container {
    font-size: 45px;
    font-weight: 700;
    text-align: center
}

.page-not-found-container hr {
    border-top: 3px solid #000
}

.siteorigin-panels-stretch.panel-row-style.panel-row-style-for-180-1 {
    height: 660px
}

/** home page **/
div#pg-295-0, div#pg-295-1,
div#pg-295-2, div#pl-295 .so-panel {
    margin-bottom: 0
}

#home-page-testing-slider-container {
    color: #fff;
    font-size: 17px;
    left: 174px;
    max-width: 400px;
    position: relative;
    text-align: center;
    top: 134px
}

#who-are-we {
    font-size: 19px;
    left: 144px;
    max-width: 760px;
    position: relative;
    text-align: center;
    top: 44px
}

#who-are-we h2 {
    font-size: 42px
}

#testing-row-container {
    height: 850px
}

#home-page-intro {
    background-size: cover;
    min-height: 850px
}

.why-buy-news-container {
    margin-top: 30px
}

.home-page-testing-slider-text-container {
    bottom: 634px;
    color: #fff;
    font-size: 16px;
    left: 154px;
    max-width: 403px;
    position: relative;
    text-align: center
}

#home-page-warranty-text-container {
    color: #000
}

#award-winning-container {
    border: 2px solid;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 13px 0;
    text-align: center
}

#log-dealer-out-btn {
    margin-bottom: 15px
}

#second-home-page-slider {
    max-height: 913px
}

.second-home-page-slide-text {
    bottom: 570px;
    color: #fff;
    font-size: 24px;
    left: 1300px;
    max-width: 510px;
    position: relative;
    text-align: center
}

div#pg-295-3, div#pgc-295-3-0 {
    margin-bottom: unset
}

#scooter-range-home-page-text {
    bottom: 85px;
    left: 1730px;
    position: relative
}

#email-popup-container {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

#email-popup {
    background: url('/wp-content/themes/sinnis-better/images/popup.jpg') no-repeat;
    background-size: contain;
    bottom: 0;
    height: 50%;
    margin: auto;
    position: absolute;
    right: 25%;
    text-align: center;
    top: 0;
    width: 44.7%
}

#newsletter-popup-btn-row {
    left: -23px;
    position: relative;
    top: 92.9%
}

html {
    overflow-y: unset !important
}

div#pg-2059-3 div.siteorigin-panels-stretch.panel-row-style.panel-row-style-for-2059-3 {
    margin-bottom: 0
}

ul.primary-menu > li {
    margin: 0 0 0 2rem;
}

.sinnis-hero-header, .sinnis-hero-text {
    text-align: center
}

.sinnis-hero-header {
    font-size: 26px
}

.sinnis-hero-text {
    font-size: 24px
}