/*!
Theme Name: SCWM Theme
Author: Chris Macvie @ Black Sheep Digital, Jan 2020, Sept 2023
Author URI: https://blacksheepdigital.uk
Description: SCWM WordPress Theme, developed for South Charlotte Wealth Management and based upon the Underscores.me theme.
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: SouthCharlotteWealth
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

southcharlottewealth is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/
html, body {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 100;
  color: #4E4C4C;
  font-size: 16px; 
}
body{
    padding-top: 123px;
}
ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
a{
	text-decoration: none;
}
p{
	margin: 0 0 1em 0;
}
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 155px;
    z-index: 999;
    background: #ffffff;
    //box-shadow: 0px 7px 11px -9px #84a03f;
}
.site-width {
    max-width: 1170px;
    margin: 0 auto;
}
#top-image .elementor-image img{width: 100%;height: 430px;}
.margin-buffer {
	padding-left: 5%;
	padding-right: 5%;
}
#masthead .margin-buffer .logo {
    width: auto;
    float: left;
    margin-top: 44px;
}
#masthead .margin-buffer #site-navigation {
    width: auto;
    float: right;
    margin-top: 99px;
}
#masthead .margin-buffer .logo img{
	width: 420px;
    height: auto;
}
#site-navigation li {
    display: inline-block;
    margin-left: 15px;
}
#site-navigation li.current_page_item a {
    color: #3d5110;
    border-bottom: 1px solid #3d5110;
    padding-bottom: 5px;
}
#burger {
    display: none;
    position: absolute;
    right: 5%;
    bottom: 35px;
}
#burger img {
    width: 18px;
    height: auto;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
.burger-expanded #burger img {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
#site-navigation li a {
    color: #3d5110;
    text-decoration: none;
    font-weight:400; 
}
#footer #footer-top {
   /* background: transparent url(./images/bg_footer_gray.png) top right repeat;*/
   background-color: #124734;
    height: 185px;
    padding-top: 45px;
    box-sizing: border-box;
    position: relative;
}
#footer-bottom {
    /*background: transparent url(./images/bg_footer_bottom.png) top center repeat;*/
    background-color:#124734;
    color: #F5F2E9;
    padding-top: 40px;
    padding-bottom: 40px;
	font-size: 14px;
	font-weight: normal;
}
#footer-top .footer-column {
    display: inline-block;
    vertical-align: middle;
}
#footer-left {
    position: relative;
    z-index: 500;
    width: 70%;
    box-sizing: border-box;
    padding-left: 13%;
}
#footer-left .logo {
    position: absolute;
    left: 4px;
    top: -10px;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
#footer-left .logo img {
    width: auto;
    height: 80px !important;
    display: block;
}
#footer-left nav:last-child {
    margin-right: 0;
}
#footer-left nav {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10%;
}
#footer-left ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%;
}
#footer-left li {
    line-height: 2;
}
#footer-right {
    position: relative;
    z-index: 500;
    width: 30%;
}
#footer-green-band {
    position: absolute;
    top: 0;
    right: 0;
    height: 185px;
    width: 50%;
   /* background: rgba(166, 180, 181, 0.3);*/
    z-index: 1;
}
#footer-right ul li {
    background: transparent 5px 50%/32px 24px no-repeat;
    padding: 10px 0 10px 60px;
    margin-bottom: 10px;
}
#footer-right #contact-by-email {
    background-image: url(./images/icon_email.png);
}
#footer-right #contact-by-phone {
    background-image: url(./images/icon_phone_footer.png);
    background-size: 33px;
}
#footer-bottom .content-width {
    max-width: 970px;
    margin: 0 auto;
}
#footer-bottom p a {
    text-decoration: underline;
}
.arrow-img img{width: 34px;}
.wpcf7-form input, .wpcf7-form textarea{display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #979797;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    line-height: 1.3;
    font-family: "Open Sans", sans-serif;
    color: #4E4C4C;
    font-size: 16px;
    width:90%;
    }

.wpcf7-form textarea{height: 100px;}
.wpcf7-form input[type="submit"] {
    width: 30%;
    border: none;
    padding-right: 40px;
    background: transparent url(./images/arrow_red.png) 100% 53%/25px 7px no-repeat;
    color: #883132;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    padding: 0px;
    padding-right:30px;
}
.wpcf7-form input[type="submit"]:hover{opacity: 0.8}
.contact-img img{max-width: 32px !important;}
/*.sleep-icon{transform: translateY(-50%);
    width: 80px;
    height: 90px;
    padding: 5px;
    background: transparent url(./images/spr_icon_circle.png) 0 0 no-repeat;
    display: inline-block;
}
.sleep-icon img{
    margin-left: -30px;max-width: 40px !important;
    margin-top: 10px;
}*/

.ruled-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ruled-list li.step:nth-child(odd) {
    background-color: #eae9df;
}
.ruled-list li.step {
    border-bottom: 1px solid #C9C9C9;
}
.ruled-list .step {
    position: relative;
    z-index: 500;
}
.content-width {
    max-width: 760px;
    margin: 0 auto;
}
.ruled-list .wrapper {
    padding: 53px 0 53px 31px;
    position: relative;
}
.ruled-list .step {
    position: relative;
    z-index: 500;
}
.ruled-list .icon {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    height: 92px;
    padding-top: 28px;
    margin-left: -20px;
    background: transparent url(./images/spr_icon_circle.png) 0 0 no-repeat;
    display: inline-block;
}
.ruled-list .icon img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
}
.ruled-list .step-content {
    display: inline-block;
    padding-left: 85px;
}
.ruled-list .step-content p{
    margin: 0 0 1.3em 0;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    color: #4E4C4C;
}
.ruled-list .step-content p:empty{ display: none; }
.ruled-list .step-content p:last-child {
    margin-bottom: 0;
}
.ruled-list h2 {
    margin-bottom: 8px;
    color: #4E4C4C;
    font-size: 16px;
    font-weight: 600;
}

.ruled-list .wrapper::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 50%;
    bottom: 0;
    left: 53px;
    border-left: 1px solid #C9C9C9;
}
.ruled-list li.step:first-child .wrapper::before {
    display: none; 
}
.ruled-list .wrapper::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 50%;
    top: 0;
    left: 53px;
    border-left: 1px solid #C9C9C9;
}
.ruled-list .step:hover .icon {
    background-position: 0 -93px;
}
.ruled-list .step-content ul li {
    padding-left: 35px;
    position: relative;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    color: #4E4C4C;
}
.ruled-list .step-content ul li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border: 1px solid #4E4C4C;
    left: 16px;
    top: 8px;
    border-radius: 5px;
}
/* Blog */
.blog-listing{display: inline-block;}
.blog-listing{background-color: #f9f9f9;}
.blog-listing img{width: 100%;height: auto;}
.blog-listing .left{
	    width: 65%;
    float: left;
    margin: 0px 0 40px 0;
    background-color: #fff;
    padding-bottom: 0;}
.blog-listing .right{width: 30%;float: right;}

.blog-listing .article {border-bottom: 1px dashed #f9f9f9;position: relative;}
.blog-listing .article{padding-top: 25px;}
.blog-listing .article:first-child{padding-top: 0px;}
.blog-listing .article .article-content{padding: 0px 30px;}
.blog-listing .blog-header h2{font-size: 30px;
    color: #4E4C4C;
    font-family: Slabo 27px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: none;
    text-decoration: none;}
.blog-listing .metadatabox{color: #444;font-size: 15px;
    line-height: 1.8;
    display: inline-block;
    width: 100%;}
.blog-listing .metadatabox .metadata{display: inline-block;
    margin-right: 20px;
    float: left;}
.blog-listing .metadatabox .metadata  a,.metadatabox .metacomments a{color:#3d5110;}
.blog-listing .left .category-link .link-lable{width: 100px;float: left;}
.blog-listing .tags a,.blog-listing .post-categories a{color:#3d5110;font-weight: 400;font-size: 14px;}
.blog-listing .metadatabox .metacomments{float: right;}
.blog-listing .metadatabox .category-link {color: #e8590c;
    font-size: 16px;}
.blog-listing .post-meta-cats-tags{line-height: 1.8}
.blog-listing .post_content{padding: 20px 0px;}
.blog-listing .read-more{margin-bottom: 30px;}
.blog-listing .read-more a{background-color: #565656;padding: 5px;}
.blog-listing .read-more a.more-tag {
    padding: 5px 5px 5px 5px;color: white;
}
.blog-listing .bottom{border-bottom: 1px dashed rgb(204, 204, 204);}
.comment-list .comment-author img{width: 20px;height: 20px;}
.comment-list  .reply{padding-bottom: 25px;}
.comments input#submit{padding: 10px 15px;
    background: #f9f9f9;
    border: none;
    border-radius: 5px;}
p.comment-form-comment label{display: none;}
.comments a{color: #3d5110;}
.comments .comment-content p{margin: 10px 0px;font-weight: 400;}
.comments textarea#comment{width: 100%;}
/*End Blog*/

/*Sidebar Design*/
aside#secondary section{border-left: 3px solid #3d5110;padding:30px;
	margin-bottom: 35px;box-shadow: 3px 3px rgba(70, 70, 70, 0.05);
	background-color: #fff;}
aside#secondary section a{color: #444;font-size: 16px !important;}
aside#secondary section h2{margin: 0px 0px 10px 0px;}
#search-2 input.search-field, #search-2 input.search-submit{padding: 7px;}
/*End Sidebar*/

.contact-detail p>img{width: 30px;
    float: left;
    margin-right: 20px;}
.contact-detail p{margin-bottom: 30px !important;color: }
.not-display form#commentform{}

/*Archive page Design*/
.archive .article, .search .article, .single .article{border: none;padding-bottom: 25px;}
.archive .article article{border-bottom:1px dashed;padding-bottom: 20px;}
.archive article .entry-header .entry-meta, 
.search article .entry-header .entry-meta{padding-bottom: 10px;}
.archive article .entry-content, .search article .entry-content{padding-top: 10px;}
.tags-links a, .cat-links a, .edit-link a{padding: 0px 5px;}
/*End Archive*/

@media only screen and (max-width: 1078px){
    #masthead .margin-buffer .logo{
        margin-top: 64px;
    }
    #masthead .margin-buffer .logo img {
        width: 250px;
    }
    .wpcf7-form input[type="submit"]{
    	width: 35%;
    	background: transparent url(./images/arrow_red.png) 100% 57%/25px 7px no-repeat;
    }
    section#search-2{padding:18px !important;}
    #search-2 input.search-field, #search-2 input.search-submit{padding: 3px;}
}
@media only screen and (max-width: 980px){
    #footer-left ul {
        width: 80%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    #footer-left {
        padding-left: 20%;
    }
    #footer-left .logo {
        top: 8px;
    }
    .contact-detail .left{width:20%;}
	.contact-detail p{margin-bottom: 30px !important;}
	.contact-detail span{width:86%;float: right;}
}

@media only screen and (max-width: 860px){
    body {
        padding-top: 75px;
    }
    #burger {
        display: block;
        bottom: 50px;
    }
    #masthead {
        height: 120px;
    }
    #masthead .margin-buffer .logo {
        margin-top: 30px;
    }
    #site-navigation {
        position: absolute;
        top: 92px;
        left: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        background-color: #d7dfc2;
        font-size: 24px;
        z-index: 1000;
        -webkit-transition: height 0.5s ease-in-out;
        -moz-transition: height 0.5s ease-in-out;
        -ms-transition: height 0.5s ease-in-out;
        -o-transition: height 0.5s ease-in-out;
        transition: height 0.5s ease-in-out;
    }
    #site-navigation ul {
        position: static;
        margin-left: 5%;
        padding-top: 45px;
        padding-bottom: 15px;
    }
    #site-navigation li {
        margin-bottom: 30px;
        display: block;
    }
    #site-navigation li.current_page_item a {
        border-bottom: none;
    }
    #site-navigation li a {
        font-weight: 100;
        font-size: 20px;
    }
    #masthead .margin-buffer #site-navigation{
        margin-top: 27px;
        width: 100%;
    }
}
@media only screen and (max-width: 991px){
    #banner .elementor-image{
        height: 300px;
    }
    .blog-listing .left{width: 60%;margin: 0px;}
    .blog-listing .right{width: 38%;}
    .blog-listing .metadatabox .metacomments{float: left;}

    #banner .elementor-image img{
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
    }
}

@media only screen and (max-width: 820px){
    .margin-buffer {
        padding-left: 7%;
        padding-right: 7%;
    }
}
@media only screen and (max-width: 768px){
    .blog-listing .left{
    float:left; 
    width: 100%;
    }
    .blog-listing .right{
    float:left; 
    clear: left;
    width: 100%;
    margin-top: 35px;
    }
    section#search-2{padding:30px !important;}
    #search-2 input.search-field, #search-2 input.search-submit {
    padding: 10px;
    }

}
@media only screen and (max-width: 710px){
    #footer-green-band {
        display: none;
    }
    #footer #footer-top {
        /*background-image: url(./images/bg_footer_mobile.png);*/
        background-position: 0 0;
        height: auto;
        padding-top: 0;
    }
    #footer-left {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 0 20px 5%;
    }
    #footer #footer-left .logo {
        position: relative;
        top: 0;
        display: inline-block;
        vertical-align: middle;
        width: 25%;
    }
    #footer #footer-left .logo img {
        width: auto;
        height: auto;
    }
    #footer #footer-left nav {
        width: 73%;
    }
    #footer #footer-right {
        padding: 54px 5% 40px 5%;
        line-height: 1;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    #footer #footer-right ul li {
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
    }
    #footer #footer-right #contact-by-email {
        width: 60%;
    }
    #footer #footer-right #contact-by-phone {
        width: 40%;
    }
}
@media only screen and (max-width: 480px){
    .margin-buffer {
        padding-left: 3%;
        padding-right: 3%;
    }
    #top-image .elementor-image img{width: 100%;height: auto;}
    #search-2 input.search-field, #search-2 input.search-submit {
    padding: 3px;
    }
    .contact-detail p>img{width: 24px;}
    #footer #footer-top {
        /*background-image: url(./images/bg_footer_mobile_smaller.png);*/
    }
    #footer #footer-left {
        padding-left: 0;
        font-size: 13px;
    }
    #footer #footer-left nav {
        width: 68%;
    }
    #footer #footer-left ul {
        width: 100%;
    }
    #footer #footer-right {
        font-size: 14px;
        padding: 45px 0 30px 0;
    }
    #footer #footer-right ul li {
        background-size: 22px;
        padding-left: 40px;
    }
    #footer #footer-left .logo{
        width: 30%;
    }
    #footer-left .logo img{
        height: 60px !important;
    }
    .wpcf7-form input[type="submit"]{
    	width: 68%;
    }
}
@media only screen and (max-width: 380px){
    #contact-by-email span {
        display: none;
    }
    #footer #footer-right #contact-by-email, 
    #footer #footer-right #contact-by-phone {
        width: 50%;
    }
}
@media only screen and (max-width: 360px){
    #masthead .margin-buffer .logo img {
        width: 230px;
    }
}