/* IMPORT ROKKIT FONT */

@import url(http://fonts.googleapis.com/css?family=Rokkitt);

/*----------------------------------------------------------------------------------------------*/
/* CUSTOM
/*----------------------------------------------------------------------------------------------*/

body {
    background:url(images/bg.gif) repeat;
    margin:0;
    padding:0;
}

body .site {
    padding-left:30px;
    padding-right:30px;
    margin:1em auto;
}

/* Width */
header#header hgroup,
body .site,
body .site #main,
body .site footer {
    max-width:1150px;
}



/*----------------------------------------------------------------------------------------------*/
/* GENERAL PAGE
/*----------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,
div.h1,div.h2,div.h3,div.h4,div.h5,div.h6,
span.h1,span.h2,span.h3,span.h4,span.h5,span.h6 {
    font-family: 'Rokkitt', serif;
}

h1 {
    font-size:38px;
}

h2,
.entry-content h2{
    font-size:30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
}

a {
    color:#ff0000;
    text-decoration: none;
    outline:none;
}

a:hover {
    color:#b31212;
}

a:active {
    color:#ff6666;
}

.space,
.spacer {
    width:100%;
    clear:both;
}
/*----------------------------------------------------------------------------------------------*/
/* HEADER
/*----------------------------------------------------------------------------------------------*/

header#header {
    background-color:#222;
    margin:0 auto;
    padding:1em 1% .5em 1%;
    clear:both;
    width:98%;
}

header a {
    outline:none;
}

header#header hgroup {

    margin:0 auto;
}

header#header hgroup div.hgroup-left-side {
    float:left;
    /*border:1px solid tan;*/
    width:25%;
    padding:0;
}
header#header hgroup div.hgroup-right-side {
    float:right;
    /*border:1px solid tan;*/
    width:73%;
    margin:.5em 0 0 0;
    padding:0;
}

.top-of-header-right {
    width:100%;
    clear:both;
}

div.signup-mailchimp {
    float:right;
    width:80%;
    position:relative;
    text-align: right;
}


#mc_embed_signup_scroll label,
#mc_embed_signup_scroll input[type="email"],
#mc_embed_signup_scroll input[type="submit"] {
    display:inline;
}


#mc_embed_signup_scroll {
    position: relative;
}


#mc_embed_signup_scroll {
    font-size:.9em;
}

#mc_embed_signup_scroll label {
    font-size:10px;
    color:#999999;
    padding-top:1px;
    margin-right:10px;
}

#mc_embed_signup_scroll input[type="email"] {
    padding:1px 5px;
    width:150px;
    font-size:10px;
    border:none;
    margin:0;
}

#mc_embed_signup_scroll input[type="submit"] {
    border:none;
    color:#000000;
    background:#999999;
    font-size:9px;
    padding:1px 5px;
    margin:0;
}

#mc_embed_signup_scroll input[type="submit"]:hover {
    background:#666666;
    color:white;
}

#mc_embed_signup_scroll input[type="submit"]:active {
    background:white;
    color:black;
    outline:none;
}


a.sws-logo {
    width:252px;
    height:100px;
    display:block;
    background-image:url(images/social_wealth_strategies.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#nav-main {
    border-top:1px dotted #b2b2b2;
    border-bottom:1px dotted #b2b2b2;
    border-color:#b2b2b2;
    font-size:21px;
    padding:0;
    margin:0;
}

#nav-main ul {
    margin:0;
    padding:0;
    list-style: none;
    z-index:5000;
}

#nav-main ul li  {
    float:left;
    padding:0;
    margin:0;
    list-style:none;
    text-align: center;
}

#nav-main ul li a {
    color:#d6d6d6;
    outline:none;
    font-family: 'Rokkitt', serif;
    text-decoration: none;
    padding:.5em .8em;
    margin:0;
    text-align: center;
}

#nav-main ul li ul.children {
    background-color:#f5f5f5;
    position: absolute;
    margin-left:-4000px;
    width:240px;
    border:1px dotted grey;
    z-index: 5000;
    padding:0 5px;
}

#nav-main ul li.page_item_has_children:hover ul.children {
    margin-left:.5em;
    z-index: 5000;
    font-size:.9em;
}

#nav-main ul li ul.children li {
    clear:both;
    float:none;
    display:block;
    list-style: none;
    padding:0;
    margin:0;

}

#nav-main ul li ul.children li a {
    display:block;
    font-size:.9em;
    padding:5px 10px;
    margin:0;
    width:100%;
    text-align: left;
    color:#666666;
}

#nav-main ul li a:hover,
#nav-main ul li ul.children li a:hover {
    color:#ff0000;
}

#nav-main ul li:first-child  a {
    padding-left:0;
}

#nav-main ul li:last-child a {
    padding-right:0;
}




div.nav-social-icons {
    text-align: right;
    height:28px;
    padding-bottom:2em;
    float:right;

}

div.nav-social-icons a.social {
    display:inline-block;
    margin:0 .5em;
    float:right;
    text-align: right;
    width:30px;
    height:28px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0 top;
}

div.nav-social-icons a.social:first-child {
    margin-right:0;
}

div.nav-social-icons a.social:last-child {
    margin-left:0;
}


div.nav-social-icons a.social:hover {
    outline:none;
    border:none;
    background-position:0 bottom;
    box-shadow:none;
}

a.social.facebook {
    background-image: url(images/social_facebook_reg_30x56.png);
}

a.social.linkedin {
    background-image: url(images/social_linkedin_reg_30x56.png);
}

a.social.twitter {
    background-image: url(images/social_twitter_reg_30x56.png);
}

/*----------------------------------------------------------------------------------------------*/
/* FRONT PAGE SLIDESHOW
/*----------------------------------------------------------------------------------------------*/

.front-page-slideshow {
    width:100%;
    height:300px;
    overflow:hidden;
    position: relative;
    margin-bottom:2em;
}
.front-slide {
    clear:both;
    width:90%;
    padding:0;
    margin:0 5%;
    background:#f5f5f5;
    height:auto;
    min-height:100% !important;
    position:absolute;

}

.front-slide.active-slide {
    display:block;
}



.front-slide div.slide-image,
.front-slide div.slide-content {
    float:left;
    overflow:hidden;
}

.front-slide div.slide-image {
    width:40%;
    height:auto;
    overflow:hidden;
}

.front-slide div.slide-image img.wp-post-image {
    width:450px;
    height:300px;
}

.front-slide div.slide-content {
    width:60%;
}

.front-slide div.slide-content .front-slideshow-inner {
    position:relative;
}

.front-slide div.slide-content div.content {
    padding:1em;
}
.front-slide div.slide-content div.content h1,
.front-slide div.slide-content div.content h3 {
    padding:0 0 .2em 0;
    margin:0;
}

.front-slide div.slide-content div.content h4 {
    padding:1em 0;
}

.front-slide div.slide-content div.content p {
    line-height:1.1em;
}

.front-page-slideshow a.direction-arrows.left,
.front-page-slideshow a.direction-arrows.right {
   width:40px;
   height:60px;
   outline:none;
   background-size: cover;
   overflow:hidden;
   background-position: 0 0;
   display:block;
   top:40%;
   position: absolute;
}

.front-page-slideshow .direction-arrows.left {
    background-image:url(images/sws-arrow-left.png);
    left:0;
}

.front-page-slideshow a.direction-arrows.right {
    background-image:url(images/sws-arrow-right.png);
    right:0;
}

.front-page-slideshow a.direction-arrows.left:hover,
.front-page-slideshow a.direction-arrows.right:hover {
    background-position: 0 center;
}

.front-page-slideshow a.direction-arrows.left:active,
.front-page-slideshow a.direction-arrows.right:active {
    background-position: 0 bottom;
}

/* Make blank if there aren't multiple blogs to show */
.front-page-slideshow a.direction-arrows.blank,
.front-page-slideshow a.direction-arrows.blank:hover,
.front-page-slideshow a.direction-arrows.blank:active  {
    background:none;
    background:white;
}



/*----------------------------------------------------------------------------------------------*/
/* FRONT PAGE OTHER ITEMS
/*----------------------------------------------------------------------------------------------*/
.home-sections {
    position:relative;
    clear:both;
    width:100%;
}

.home-sections div {
    width:31%;
    float:left;
    border-right:1px dotted #cccccc;
    padding:0 1.5%;
}

.home-sections div:first-child {
    padding-left:0;
}

.home-sections div:last-child {
    padding-right:0;
    border-right:none;
}

.home-sections div h2 {
    padding:0;
    margin:0 0 .2em 0;
}

.home-sections p {
    padding:0;
    margin:0;
}


/*----------------------------------------------------------------------------------------------*/
/* WIDTH ADJUSTMENTS
/*----------------------------------------------------------------------------------------------*/
@media (min-width: 700px) and (max-width: 991px) {
    header#header hgroup div.hgroup-left-side {
        margin-left:10px;
        width:30%;
    }

    header#header hgroup div.hgroup-right-side {
        width:60%;
    }

}

@media (max-width: 992px) {
    #nav-main {
        font-size:.9em;
    }

    .front-slide div.slide-content div.content p {
        font-size:10px;
    }

}

@media (max-width: 767px ) {
    a.sws-logo {
        width:126px;
        height:50px;
        float:none;
        margin:0 auto;

    }

    header#header hgroup div.hgroup-left-side {
        float:none;
        width:100%;
        clear:both;
        text-align: center;
    }

    header#header hgroup div.hgroup-right-side {
        width:100%;
        clear:both;
        text-align: center;
    }

    div.nav-social-icons {
        padding:.2em 0;
        text-align: center;

    }

    div.nav-social-icons a,
    div.nav-social-icons a.social {
        text-align: center;
        float:none;

    }

    .front-page-slideshow {
        display:none;
    }



    .home-sections div {
        width:100%;
        clear:both;
    }


    div.signup-mailchimp {
        float:none;
        width:100%;
        text-align: center;
    }


    #mc_embed_signup_scroll label {
        display:block;
        clear:both;
    }
}


@media (max-width: 550px ) {

}

/*----------------------------------------------------------------------------------------------*/
/* HIGH-RES SCREEN IMAGE ADJUSTMENTS
/*----------------------------------------------------------------------------------------------*/
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    /* Retina-specific stuff here */
    /* Large screen, retina, stuff to override above media query */
    a.sws-logo {
        background-image:url(images/social_wealth_strategies_retina.png);
    }

    a.social.facebook {
        background-image: url(images/social_facebook_reg_30x56_retina.png);
    }

    a.social.linkedin {
        background-image: url(images/social_linkedin_reg_30x56_retina.png);
    }

    a.social.twitter {
        background-image: url(images/social_twitter_reg_30x56_retina.png);
    }

}