/*
Theme Name: Bluehost SPOKE Pro
Theme URI: www.ripeconcepts.com
Author: RipeConcepts
Author URI: http://ripeconcepts.com/bluehostspoke
Description: Wordpress theme for the Bluehost Spoke Project
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


@font-face {
    font-family:bluehost_sans500;
    src:url(../fonts/bluehostsans-500-webfont.eot?#iefix) format(embedded-opentype), url(../fonts/bluehostsans-500-webfont.woff) format(woff), url(../fonts/bluehostsans-500-webfont.ttf) format(truetype), url(../fonts/bluehostsans-500-webfont.svg#bluehost_sans500) format(svg);
    font-weight:400;
    font-style:normal;
}

body {
    background-color:#fff;
    font-family:bluehost_sans200,Arial, Helvetica, sans-serif;
    font-size:12pt;
    position: relative;
}

p {
    font:bluehost_sans200,Arial, Helvetica, sans-serif;
}

.bold {
    font-weight:700;
}

.alignCenter {
    text-align:center;
}

.alignRight {
    text-align:right;
}

.clear {
    clear:both;
    height:0;
}

.header {
    height:605px!important;
}

#site-header,.site-header {
    padding:32px 0 17px 31px;
}

#logo a {
    color:#FFF;
    display:block;
    height:72px;
    text-align:center;
    text-decoration:none;
    width:218px;
    margin:13px 20px 0 0;
    padding:0;
}

#banner-wrap {
    height:605px;
    position:relative;
    text-align:center;
}

.site-title {
    color:#FFF;
    font:34pt bluehost_sans500;
    text-transform:uppercase;
}

.site-subtitle {
    color:#F9A11B;
    font:30pt bluehost_sans300;
    text-transform:uppercase;
}

.banner-images {
    position:absolute;
}

.right.carousel-control,.carousel-control.left {
    background:none repeat scroll 0 0 rgba(0,0,0,0);
}

.carousel,.item,.item img {
    height:100%!important;
    width:100%;
}

.carousel-inner {
    height:100%;
}

.fill {
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
}

.icons-img {
    width:100px;
    height:100px;
    margin:0 auto;
}

.icons-img:hover img,.icons-img:hover > span {
    background-color:#f9a11b;
    -webkit-transition:background linear 50ms;
    -moz-transition:background linear 50ms;
    color:#f9a11b;
}

.icons-img:hover > span {
    background:none!important;
}

.icons-img img {
    background-color:#1850A3;
    border-radius:800px;
}

.icons-img > span {
    left:0;
    position:relative;
    top:23px;
    margin:0;
}

.icons p {
    font:16px/1.5em bluehost_sans200;
    color:#231f20;
}

.icons h3 {
    font:13pt bluehost_sans300;
    position:relative;
    text-transform:uppercase;
    margin:0 0 37px;
}

.icons h3 a {
    color:#1950a3;
}

#cont3 {
    color:#231F20;
    font-family:bluehost_sans200;
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1.5em;
    padding:100px 0 150px;
}

#cont4 {
    padding:0 15px 10px;
}

#cont3 h1 {
    color:#1950A3;
    font:26pt bluehost_sans300;
    padding-bottom:10px;
    text-transform:uppercase;
}

#cont3 p {
    padding:0 200px 100px;
}

#cont3 .row {
    padding:0 28px;
}

#cont3 .button1-c3 {
    font:22pt/1em bluehost_sans400;
    width:280px;
    height:60px;
    border-radius:10px;
    display:block;
    background-color:#373d91;
    color:#fff;
    text-align:center;
    margin:85px auto 0;
    padding:17px 0;
}

#cont4 .divcol-2 .col-lg-6 {
    text-align:left;
    padding:15px 50px;
}

#cont4 .highlighted-img .img_item {
    height:100%;
    overflow:hidden;
    width:100%;
}

#cont4 .highlighted-img img {
    padding-left:0;
}

#cont4 .highlighted-buttons #div1-c4 {
    margin-left:17px;
    margin-top:-386px;
}

#cont4 .highlighted-buttons #div2-c4 {
    margin-left:396px;
    margin-top:-386px;
    width:377px!important;
}

#cont4 .highlighted-buttons #div3-c4 {
    margin-left:776px;
    margin-top:-386px;
}

#cont4 .highlighted-buttons #div1-c4,#cont4 .highlighted-buttons #div2-c4,#cont4 .highlighted-buttons #div3-c4 {
    height:366px;
    width:376px;
    background:#f2b127;
    opacity:0.95;
}

#cont4 .hover-buttons a {
    padding:0 30px;
}

.hbuttons h3,.hbuttons p {
    color:#FFF;
}

.hbuttons h3 {
    font:12pt/1em bluehost_sans400;
    text-transform:uppercase;
    margin-bottom:30px;
}

.hbuttons p {
    font:12pt bluehost_sans300;
}

.hbuttons .hover-buttons {
    margin-top:30px;
}

.header-title {
    box-shadow:0 -2px 3px -1px rgba(0,0,0,0.06) inset;
    width:100%;
    background-color:#F2F2F2;
    text-align:center;
    margin:0 auto 40px;
    padding:30px 40px 32px;
}

.content {
    width:1170px;
    margin:0 auto;
    padding:0 20px;
}

.content p {
    color:#231F20;
    /*font-family:bluehost_sans200;*/
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1.5em;
}

.intro {
    padding:112px 0!important;
}

#cont4 .highlighted-buttons h3 {
    padding-top:50px;
    padding-bottom:20px;
}

#cont4 .highlighted-buttons p {
    font-family:bluehost_sans200;
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1.5em;
    padding:0 20px 20px;
}

#cont4 .divcol-2 .cols {
    display:block;
    width:910px;
    font-family:bluehost_sans200;
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1.5em;
    margin:0 15px;
    padding:0 130px;
}

.divider {
    clear:both;
    padding:50px 0;
}

.divcol-2 {
    font-size:16px;
    line-height:1.5em;
}

#cont5 {
    background-color:#CCC;
    padding:0 15px;
}



.icon-md-6 {
    padding-top:100px;
}

#cont5 .highlighted-buttons #div1-c5,#cont5 .highlighted-buttons #div2-c5,#cont5 .highlighted-buttons #div3-c5,#cont5 .highlighted-buttons #div4-c5 {
    height:285px;
    width:286px;
    background:#f2b127;
    opacity:0.95;
    display:inline-block;
}

#cont5 .highlighted-buttons h4 {
    padding-top:20px;
    padding-bottom:20px;
}

#cont5 .highlighted-buttons p {
    font-family:bluehost_sans200;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1.5em;
    padding:0 20px 20px;
}

.fill_1274 ul {
    list-style:none;
    margin:0;
    padding:0;
}

.gallery_menu {
    z-index:100;
    position:relative;
    display:inline-block;
    margin:80px 0 10px;
}

.gallery_menu ul li {
    float:left;
    display:inline-block;
    margin:0 5px;
}

.gallery_menu ul li:first-child a {
    padding:15px 30px 45px;
}

.gallery_menu ul li a {
    font-family:bluehost_sans200;
    font-size:20px;
    color:#6b7bba;
    text-transform:uppercase;
    text-decoration:none;
    background:url(../img/galmenu_bg.png) repeat-x 0 bottom;
    padding:15px 15px 45px;
}

.gallery_menu ul li.active a {
    color:#b3b8dc;
    background:#1a51a1;
}

.gallery_menu ul li:hover a {
    background:url(../img/galmenu_hoverbg.png);
    color:#fff;
}

.thumb_wrap {
    clear:both;
    padding:0 15px;
}

.thumb {
    display:block;
    position:relative;
    cursor:pointer;
}

.hover_img {
    height:100%;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    padding:20px 10px;
}

.hover_img p {
    color:#fff;
    font-size:17px;
}

.hover_img ul {
    margin-top:25px;
}

.hover_img ul li {
    display:inline-block;
    margin-left:40px;
}

#footer {
    padding:100px 0 0;
}

#footer .container > div.row {
padding:10px 35px;
}

.foot-widget ul {
margin:0;
padding:0;
}

.foot-widget ul li {
list-style:none;
}

.col-md-3.foot-widget {
margin-bottom:30px;
}

h1.widget-title {
font:18pt bluehost_sans300;
/*text-align:center;*/
text-transform:uppercase;
margin:0 0 26px;
}

.social-media {
clear:both;
margin:0;
}

.social-icons {
margin-bottom:45px;
float:left;
}

p.twitter-entry {
color:#1950A3;
font:11px/1.2em bluehost_sans200;
margin:0;
}

.twitter-feeds li {
margin:0 0 40px;
}

.blog-row .container {
position:absolute;
top:0;
left:0;
right:0;
z-index:100;
}

#blog h1 {
font:49px bluehost_sans200;
text-align:center;
text-transform:uppercase;
padding:28px 0;
}

.blog-meta p {
padding-bottom:30px;
font:28px bluehost_sans200;
text-align:center;
}

#blog .blog-meta img.img-responsive {
width:auto;
display:inline;
}

.blog-excerpt p {
font:21px bluehost_sans200;
text-align:center;
}

#red p,#red h1 {
color:#ed1c24;
}

#black p,#black h1 {
color:#231f20;
}

#blogpost h1 {
font:50px bluehost_sans200;
color:#231f20;
text-align:center;
}

#blogpost h2 {
font:44px bluehost_sans200;
color:#1951a0;
}

#blogpost textarea {
width:100%;
border:1px solid #1951a0;
font:15px bluehost_sans200;
color:#231f20;
padding:10px;
}

#blogpost button {
margin-top:7px;
border:none;
background:#1951a0;
font:28px bluehost_sans200;
color:#fff;
padding:11px 36px;
}

.comments-title {
margin:150px 0 30px;
}

.comments-add-title {
margin:60px 0 24px;
}

.comments img {
display:inline;
float:left;
margin-right:15px;
}

.comments p {
font:19px bluehost_sans200;
color:#231f20;
}

.alignLeft,h1.first-widget-title {
text-align:left;
}

.left,#cont4 .2column .cleft,#cont4 .divcol-2 .cleft,#cont5 .highlighted-buttons,.twitter-icon.col-md-2 {
float:left;
}

.right,#cont4 .2column .cright,#cont4 .divcol-2 .cright {
float:right;
}

#logo,#cont4 .highlighted-img a {
margin:0;
padding:0;
}

#about .icons,#cont2,#cont4 .highlighted-img .img_area.col-lg-4,.hbuttons,.mini-images .col-lg-6,.content-6 .col-lg-6,.thumb_wrap .col-lg-3 {
padding:0;
}

.icons-img:hover,#cont3 .button1-c3:hover {
text-decoration:none;
}

.video-img,.img_item img,.portfolio_item img,#blog .img-responsive {

width:100%;

}

#cont4 .highlighted-buttons h3,#cont4 .highlighted-buttons p,#cont5 .highlighted-buttons h4,#cont5 .highlighted-buttons p,#white p,#white h1 {
color:#fff;
}

#cont4.divcol-2,.mini-images {
padding:0 15px;
}

.divider img,.sidebar img {
margin:0 auto;
}

.contact .container,.blog-row {
position:relative;
}

.gallery_menu ul li:first-child,.hover_img ul li:first-child {
margin-left:0;
}

@media max-width 767px{
    body {
        padding-left:0;
        padding-right:0;
    }

    #blog h1 {
        padding-bottom:0;
        font:33px bluehost_sans200;
        text-align:center;
        margin:12px 0 5px;
    }

    .blog-meta p {
        padding-bottom:0;
        font:14px bluehost_sans200;
        text-align:center;
        margin:5px 0;
    }

    .blog-excerpt p {
        font:12px bluehost_sans200;
        text-align:center;
    }

    .sidebar {
        margin-top:15px;
    }

}

@media min-width 768px and max-width 979px{
    #blog h1 {
        margin-top:15px;
        font:36px bluehost_sans200;
        text-align:center;
        padding:0;
    }

    .blog-meta p {
        padding-bottom:0;
        font:17px bluehost_sans200;
        text-align:center;
    }

    .blog-excerpt p {
        font:14px bluehost_sans200;
        text-align:center;
    }

    #blog .blog-meta img.img-responsive {
        width:auto;
        height:18px;
        display:inline;
    }

    .sidebar {
        margin-top:15px;
    }

}

@media max-width 480px{
    #blog h1 {
        font:15px bluehost_sans200;
        text-align:center;
        margin:3px 0 0;
        padding:0;
    }

    .blog-meta p {
        padding-bottom:0;
        font:10px bluehost_sans200;
        text-align:center;
        margin:0;
    }

    .blog-excerpt p {
        font:8px bluehost_sans200;
        text-align:center;
    }

    #blog .blog-meta img.img-responsive {
        width:auto;
        height:10px;
        display:inline;
    }
}



@media only screen and min-width 245px and max-width 320px{
    #blog h1 {
        margin:10px 0 0;
    }

    .blog-excerpt p {
        display:none;
    }
}