cms_templates/www.teresasnowball.com/css/style.css

.page-header {
    /* background-image: url(../wp-content/uploads/2018/03/tess_working_04_final-e1522745432529.jpg ) !important; */
    background-position: center center;
    background-attachment: fixed;
    /* height: 511px */
}

/* General CSS */
.container {
    width: 1600px
}

@media only screen and (min-width:960px) {

    .content-area,
    .content-left-sidebar .content-area {
        width: 70%
    }
}

@media only screen and (min-width:960px) {

    .widget-area,
    .content-left-sidebar .widget-area {
        width: 30%
    }
}

#scroll-top {
    width: 39px;
    height: 39px;
    line-height: 39px
}

#scroll-top {
    font-size: 23px
}

#scroll-top {
    border-radius: 10px
}

/* Header CSS */
#site-logo #site-logo-inner,
.oceanwp-social-menu .social-menu-inner,
#site-header.full_screen-header .menu-bar-inner,
.after-header-content .after-header-content-inner {
    height: 80px
}

#site-navigation-wrap .dropdown-menu>li>a,
.oceanwp-mobile-menu-icon a,
.mobile-menu-close,
.after-header-content-inner>a {
    line-height: 80px
}

#site-header,
.has-transparent-header .is-sticky #site-header,
.has-vh-transparent .is-sticky #site-header.vertical-header,
#searchform-header-replace {
    background-color: #212121
}

#site-header {
    border-color: #595959
}

#site-header.transparent-header {
    background-color: rgba(10, 10, 10, 0.65)
}

#site-header.has-header-media .overlay-header-media {
    background-color: rgba(0, 0, 0, 0.5)
}

#site-logo #site-logo-inner a img,
#site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-width: 500px
}

@media (max-width:480px) {

    #site-logo #site-logo-inner a img,
    #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 175px
    }
}

#site-header #site-logo #site-logo-inner a img,
#site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-height: 500px
}

@media (max-width:480px) {

    #site-header #site-logo #site-logo-inner a img,
    #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-height: 500px
    }
}

#site-logo a.site-logo-text {
    color: #ffffff
}

#site-logo a.site-logo-text:hover {
    color: #ebc692
}

#site-navigation-wrap .dropdown-menu>li>a,
.oceanwp-mobile-menu-icon a,
#searchform-header-replace-close {
    color: #ffffff
}

#site-navigation-wrap .dropdown-menu>li>a:hover,
.oceanwp-mobile-menu-icon a:hover,
#searchform-header-replace-close:hover {
    color: #ebc692
}

#site-navigation-wrap .dropdown-menu>.current-menu-item>a,
#site-navigation-wrap .dropdown-menu>.current-menu-ancestor>a,
#site-navigation-wrap .dropdown-menu>.current-menu-item>a:hover,
#site-navigation-wrap .dropdown-menu>.current-menu-ancestor>a:hover {
    color: #ffffff
}

.oceanwp-social-menu ul li a,
.oceanwp-social-menu .colored ul li a,
.oceanwp-social-menu .minimal ul li a,
.oceanwp-social-menu .dark ul li a {
    font-size: 14px
}

.oceanwp-social-menu ul li a {
    margin: 0
}

@media (max-width:768px) {
    .oceanwp-social-menu ul li a {
        margin: 0
    }
}

body .sidr a,
body .sidr-class-dropdown-toggle,
#mobile-dropdown ul li a,
#mobile-dropdown ul li a .dropdown-toggle,
#mobile-fullscreen ul li a,
#mobile-fullscreen .oceanwp-social-menu.simple-social ul li a {
    color: #ffffff
}

#mobile-fullscreen a.close .close-icon-inner,
#mobile-fullscreen a.close .close-icon-inner::after {
    background-color: #ffffff
}

body .sidr a:hover,
body .sidr-class-dropdown-toggle:hover,
body .sidr-class-dropdown-toggle .fa,
body .sidr-class-menu-item-has-children.active>a,
body .sidr-class-menu-item-has-children.active>a>.sidr-class-dropdown-toggle,
#mobile-dropdown ul li a:hover,
#mobile-dropdown ul li a .dropdown-toggle:hover,
#mobile-dropdown .menu-item-has-children.active>a,
#mobile-dropdown .menu-item-has-children.active>a>.dropdown-toggle,
#mobile-fullscreen ul li a:hover,
#mobile-fullscreen .oceanwp-social-menu.simple-social ul li a:hover {
    color: #ebc692
}

#mobile-fullscreen a.close:hover .close-icon-inner,
#mobile-fullscreen a.close:hover .close-icon-inner::after {
    background-color: #ebc692
}

/* Blog CSS */
.loader-ellips__dot {
    background-color: #ebc692
}

/* Sidebar CSS */
.widget-area {
    background-color: rgba(235, 198, 146, 0)
}

.widget-area .sidebar-box {
    padding: 10px 0 0 0
}

.widget-title {
    border-color: #ebc692
}

.widget-title {
    margin-bottom: 7px
}

/* Footer Widgets CSS */
#footer-widgets {
    padding: 0
}

#footer-widgets {
    background-color: #212121
}

/* Footer Bottom CSS */
#footer-bottom {
    padding: 30px 0 15px 0
}

#footer-bottom a,
#footer-bottom #footer-bottom-menu a {
    color: #929292
}

#footer-bottom a:hover,
#footer-bottom #footer-bottom-menu a:hover {
    color: #ebc692
}

/* Typography CSS */
#site-logo a.site-logo-text {
    font-family: Times New Roman, Times, serif;
    font-size: 33px;
    letter-spacing: 1.3px
}

#site-navigation-wrap .dropdown-menu>li>a,
#site-header.full_screen-header .fs-dropdown-menu>li>a,
#site-header.top-header #site-navigation-wrap .dropdown-menu>li>a,
#site-header.center-header #site-navigation-wrap .dropdown-menu>li>a,
#site-header.medium-header #site-navigation-wrap .dropdown-menu>li>a,
.oceanwp-mobile-menu-icon a {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.page-header .page-header-title,
.page-header.background-image-page-header .page-header-title {
    font-family: Lora;
    font-weight: 900;
    font-style: normal;
    font-size: 50px;
    letter-spacing: 1px
}

#footer-bottom #copyright {
    font-size: 13px
}