/*fonts*/
@import url('https://fonts.googleapis.com/css?family=Raleway');

@import url('https://fonts.googleapis.com/css?family=Great+Vibes');

body {color: #000; font-size: 17px; font-family: 'Raleway', sans-serif;}

strong {font-weight: 700; color: #345a8f;}

/*footer*/
.footer-widgets {background-color: #fff;}  

#main-pagewidget {background: #d8d8d8;}

.site-footer p {
    color: #fff;
    margin-bottom: 0;
}

.site-footer {background-color: #345a8f;}

.footer-widgets .widget-title, .site-header .widget-title {
    color: #000;
}

/*Buttons*/

.servicebox {

    background: #fff;
    padding: 39px;
    box-shadow: 0px 1px 3px 0px #999;

}

.button     {font-size: 15px;
    padding: 3px 11px 4px 8px;
    background: #fff !important;
    border: 1px solid #345a8f;
    color: #345a8f!important;
}

body .themedy-shortcode-button {color: #fff !important;background: #345a8f !important; font-size: 20px !important;}
body .themedy-shortcode-button:hover {color: #345a8f!important;background: #fff !important;font-size: 20px !important;}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover, .home-top .more-link:hover {
    background-color: #345a8f !important;
    color: #fff!important;}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
    background-color: #345a8f;
}

.button:hover {
    background-color: #666 !important;
}

/*Header*/

.header-image .site-title > a {
    float: left;
    height: 80px;
    width: 100%;
}

.site-header {
   height: 200px;
   background-color: #fff!important;
}

.site-title {
    font-size: 39px;
}

.site-title a {
    background: url(http://www.cd48nord.com/wp-content/uploads/2018/11/logo-300-x-100.png) no-repeat !important;
    margin-top: 25px;
}

/*Nav Menu*/

.genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu a:hover, .genesis-nav-menu li:hover > a {
    background-color: #fff;
    color: #345a8f !important;
}

.nav-primary {
    background-color: #345a8f !important;
    border-top: 0.4px solid #345a8f;
    border-bottom: 0.4px solid #345a8f;
}

a {
    color: #fff;
}

a:link {color: #339966;} 

.genesis-nav-menu, .genesis-nav-menu a {
    color: #fff !important;
}

/*Inner*/


.home-bottom {background-color: #f1f1f1;}


.outreach-pro-home .site-inner {
    background: #999 none repeat scroll 0 0;
    padding: 2px 0;
}


.sidebar .widget {
    background-color: #fff;
    border-radius: 3px;
    padding: 30px;
    border: 1px solid #345a8f;
}

.content {
    background-color: #fff;
    border-radius: 3px;
    float: right;
    margin-bottom: 30px;
    padding: 40px;
    width: 760px;
    border: 1px solid #345a8f;
}


.site-inner {
    background: #666; }



img.alignnone, .alignnone {
    display: inline;}


.widget-title {
    color: #231F20;
}

.entry-title {
    color: #345a8f;
}

.highlighted {
    color: green;
    font-weight: bolder;
}

.home-bottom .featured-content img {
    border: 2px solid #fff;

}

table {
    color: #000;
}

#cm_phone {
    font-size: 15px;
    padding: 3px 11px 4px 8px;
    background: #fff !important;
    border: 1px solid #345a8f;
    color: #345a8f!important;
}

#cm_phone:hover {
    font-size: 15px;
    padding: 3px 11px 4px 8px;
    background: #666 !important;
    border: 1px solid #000;
    color: #fff !important;
}

/*responsive*/

@media screen and (max-width: 1024px) {
.site-header {
    height: 400px;
}
} 

@media screen and (max-width: 1024px) {
#wp_editor_widget-2 {
position: absolute;
left: 38%;
}
}


@media screen and (max-width: 1024px) {
.site-header .widget-area {
    padding: 16px;
}
}  

@media screen and (max-width: 768px) {
#wp_editor_widget-2 {
position: absolute;
left: 30%;
}
}

@media screen and (max-width: 480px) {
.site-header {
    height: 400px;
}
}

@media screen and (max-width: 480px) {
#wp_editor_widget-2 {
position: absolute;
left: 18%;
}
}


@media screen and (max-width: 480px) {
#cm_phone.mobile {
    display: -moz-stack;
    margin-top: 12px;
    padding: 12px;
}
}   

@media screen and (max-width: 320px) {
h5 {
    font-size: 12px;
}
}

@media screen and (max-width: 320px) {
h4 {
    font-size: 15px;
}
}