/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'custom/styles/default/hs_default_custom_style.css'                      */
/****************************************************************************/



/** Reset stuff HubSpot overrides **/
.title-background {
    background: none !important;
}

/** Setup Fonts in Line With Main Website **/
body {
    font-size: 16px !important;
}

html body, li, ul {
        font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif ;!important
}

ul { 
    list-style-type: square !important;
    margin: 0 0 15px 20px !important;
}

li {
    list-style-type: square !important;
    color: #4C4C4C !important;
}

.blog-sidebar ul {
    list-style-position: inside!important;
    padding-left: 10px !important;
    margin: 0 !important;
    padding-top: 5px !important;
}

.blog-sidebar li {
    text-indent: 25px !important;
    padding-bottom: 5px !important;
    list-style-type: square !important;
    list-style-position: inside !important;
    text-indent: -1em !important;
    padding-left: 1em !important;
}

.hs-blog-social-share-item {
    list-style-type: none !important;
}

body label {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.container-fluid .row-fluid .back-to-top {
    background-color: #98999B !important;
    color: #fff;
}

.body-container-wrapper {
    padding-top: 70px;
    margin: 0px 15px 0px 15px;
}

.small-header .header-container .hs_cos_wrapper_type_logo a img {
    max-width: 125px !important;
}

/** Body Text & Links **/

p {
    color: #4C4C4C;
    line-height: 1.7em;
    word-wrap: break-word;
    margin-top: 1em;
    margin-bottom: 1em;
}

a {
    color: #00378C;
    text-decoration: none;
}

a:visited {
    color: #00378C !important;
}

a:hover {
    text-decoration: underline !important;
}

/** Header formatting **/

.headerWrap {
    min-height: 75px !important;
    height: 75px;
    width: 100%;
}

.headerWrap img {
    padding-top: 5px;
    margin-top: 0 !important;
}

.headerWrap img, .header-cta {
    transition: none !important;
}


/** Footer Formatting **/

.footer-wrapper {
    background-color: #666666;
    padding: 35px 0px 35px 0pc;
    line-height: 14px;
    box-shadow: 0px 500px 0px 500px #666666;
}

.footer-wrapper a, .footer-wrapper a:visited, .footer-wrapper a:hover {
    color: #E4C5A3 !important;
}



/** "Blog" Text at top of all blog pages **/

.blog-title a {
    color: #888 !important;
    font-size: 22px !important;
    font-weight: normal !important;
    padding-right: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding-left: 0px !important;
    margin-left: 3px !important;
    text-decoration: none !important;
}

.blog-title a:hover {
    text-decoration: underline !important;
}

/** Blog Post Formatting **/

/** Headers **/

h2 a, h2 {
    font-size: 30px;
    line-height: 1.2em;
    letter-spacing: 1px;
    color: #00378C;
    font-weight: 100;
    margin: 0;
    text-transform: uppercase;
}

h3 a, h3, .hs-search-module label {
    color: #00378C !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.lp-header h1 {
    font-weight: 600 !important;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
    font-size: 48px !important;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.lp-form h3 {
    color: #cd5a13 !important;
}

.landing-page .content-wrapper img {
    margin-left: 40px;
    margin-bottom: 20px;
}

.landing-page .hs-cta-img {
    width: auto !important;
    height: auto !important;
    float: inherit !important;
    margin-left: inherit !important;
    margin-right: inherit !important;
}

.widget-type-logo img {
    margin: 0;
}

/** Calendar Icon Spacing **/

.blog-post-wrapper .fa-calendar {
    margin-right: 3px;
}

/** Featured Image **/

.blog-section .featured-image {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hs-featured-image-link {
    width: 100% !important;
    height: 250px !important;
    background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
}

/** Post Listing **/
.blog-listing-wrapper .post-listing .post-item {
    padding-bottom: 30px !important;
}

.blog-listing-wrapper .post-header {
    margin-top: 10px !important;
}


/** Buttons **/

.download-cta a {
    margin-top: 10px;
}

.connect-right-cta a {
    width: 100%;
}

body .hs-button.primary, body input[type="submit"], body input[type="button"], .header-cta a, .download-cta a, .connect-right-cta a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
    border-color: #CD5A13 !important;
    color: #fff !important;
    background: #CD5A13 !important;
    border-radius: 0px !important;
}

body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover, .header-cta a:hover, .download-cta a:hover, .connect-right-cta a:hover {
    color: #CD5A13 !important;
    border-color: #CD5A13 !important;
    background: #fff !important;
    text-decoration: none !important;
}

.widget-type-blog_subscribe input[type="submit"] {
    margin-left: 0;
}

.widget-type-blog_subscribe input[type="email"] {
    margin-top: 0px !important;
    text-align: left !important;
}

.lp-form input[type="submit"] {
    width: 100% !important;
}

/** Form Inputs **/
.blog-sidebar input[type="text"], .blog-sidebar input[type="email"] {
    border-radius: 0px !important;
}

/** Blog Top Navigation **/

.custom-menu-primary ul {
    padding-top: 30px !important;
    list-style-type: none !important;
    margin: 0 !important;
}

.hs-menu-depth-1 {
    background: url("http://www.millikencarpet.com/Style%20Library/images/navDivider.png") no-repeat scroll right 2px transparent;
    padding: 0 10px 0 !important;
    margin-right: 0 !important;
    height: 24px !important;
    list-style-type: none !important;
}

.hs-menu-depth-1 a {
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #676767 !important;
}

.hs-menu-depth-1 a:hover {
    color: #00378C !important;
}

.hs-menu-depth-1 a:visited {
    color: #676767 !important;
}




/** Right Blog Navigation **/

.hs_cos_wrapper_type_post_listing ul, .hs_cos_wrapper_type_post_filter ul {
    list-style-type: square !important;
    list-style-position: inside !important;
}

.hs_cos_wrapper_type_post_listing li a, .hs_cos_wrapper_type_post_filter li a {
    color: #4C4C4C;
    font-size: 14px;
}

.blog-archive a {
    color: #4C4C4C !important;
    font-size: 14px !important;
}

.blog .blog-sidebar .widget-span {
    padding: 0 0 20px 0 !important;
}

/** Footer **/



.footer-wrapper .icons {
    width: 100% !important;
    min-width: 210px !important;
    box-sizing: border-box;
}

.footer-wrapper .copyright {
    width: 70% !important;
    float: right !important;
    box-sizing: border-box;
}

/** All Posts Page **/

.post-listing-simple ul {
    list-style-type: square !important;
    list-style-position: inside !important;
}

.post-listing-simple li a {
    color: #4C4C4C !important;
    font-size: 14px !important;
}

/** Blog Post Page **/ 

.post-page h1 {
    text-transform: uppercase !important;
    margin-bottom: 0 !important;
}

.post-page h2, .post-page h3, .post-page h4 {
    margin-top: 2em !important;
}

/** Mobile Media Queries **/

/** Fix Header **/
@media (min-width: 768px) and (max-width: 950px) {

    .headerWrap {
        height: auto !important;
        background: none !important;
    }
    
    .container-fluid .row-fluid .page-center {
        padding: 0px !important;
    }
    
    .header-container {
        margin: 0px !important;
        padding: 0px 20px 10px 20px !important;
    }
    
        
    .body-container-wrapper {
        padding-top: 80px !important;
        margin: 0px !important;
    }
    
    .main-nav {
        margin-left: 0 !important;
        float: none;
        min-width: 630px !important;
    }
    
    
    .main-nav .custom-menu-primary {
        width: auto !important;
    }
    
    .headerWrap ul {
        padding-top: 10px !important;
        float: left !important;
        margin-bottom: 20px !important;
    }    
    
    /*.header-cta {
        margin-top: 0px !important;
        float: left;
    }
    
    .header-cta a, .header-cta a:hover {
        width: 100% !important;
        padding-left: 10px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px !important;
        text-align: left !important;
        text-transform: uppercase;
        line-height: 45px !important;
        box-sizing: border-box !important;
        display: block !important;
        border: 0 !important;
        border-top: 1px dotted rgba(255,255,255,.35) !important;
        color: #fff !important;
        background: #CD5A13 !important;
    }
    
    .header-cta a:hover {
        text-decoration: underline !important;
    }*/
    
}

@media (max-width: 1080px) {
    .blog-sidebar input[type=submit] {
        margin-left: 0 !important;
    }
    
    .body-container-wrapper {
        padding-top: 110px !important;
        margin: 0px 15px 0px 15px !important;
    }
    
    .container-fluid .row-fluid .page-center {
        padding: 0px !important;
    }
    
    .page-center {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/** Small Devices: Phones/Tablets **/
@media (max-width: 768px) {
    
    .lp-header h1 {
        margin-left: 10px !important;
        margin-right: 10px !important;
        font-size: 36px !important;
    }

    .header-container {
        margin: 0px 10px 10px 0px !important;
        padding: 0px 10px 10px 10px !important;
        /*background: none !important;*/
    }
    
    .headerWrap {
        background: none !important;
        height: auto !important;
    }
    
    .blog-sidebar {
        border-top: 2px dashed #ccc;
        padding-top: 25px;
    }
    
    .row-fluid [class*="span"].header-cta{
        margin-left: auto;
        margin-right: auto;
        margin-top: 0 !important;
    }
        
    .hs-featured-image-link {
        height: 150px !important;
    }
    
    .custom-menu-primary .hs-menu-wrapper>ul {
        position: relative !important;
        padding-top: 0px !important;
        background: #00378C !important;
    }
    
    .hs-menu-depth-1 {
        background: none !important;
        padding: 0 10px 0 !important;
        margin-right: 0 !important;
        height: auto !important;
    }

    .hs-menu-depth-1 a {
        padding: 0 !important;
        font-size: 11px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        color: #676767 !important;
    }

    .hs-menu-depth-1 a:hover {
        color: #00378C !important;
    }

    .hs-menu-depth-1 a:visited {
        color: #676767 !important;
    }
    
    .content-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /*.header-cta a, .header-cta a:hover {
        white-space: normal !important;
        padding: 0 !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px !important;
        text-align: left !important;
        text-transform: uppercase;
        line-height: 45px !important;
        box-sizing: border-box !important;
        display: block !important;
        border: 0 !important;
        border-top: 1px dotted rgba(255,255,255,.35) !important;
        color: #fff !important;
        background: #CD5A13 !important;
    }
    
    .header-cta a:hover {
        text-decoration: underline !important;
    }*/
    
    .headerWrap ul {
        margin-bottom: 0px !important;
    }  
    
    .body-container-wrapper {
        padding-top: 30px !important;
        margin: 0px 15px 0px 15px !important;
    }
}

@media (max-width: 480px) {
    
    .headerWrap ul li:first-child {
        padding-left: 10px !important;
    }
    
    .lp-header h1 {
        margin-left: 10px !important;
        margin-right: 10px !important;
        font-size: 36px !important;
    }
    
    .lp-header {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }
    
    .landing-page .content-wrapper img {
        width: 150px !important;
        height: auto !important;
        float: right !important;
        margin-left: 20px !important;
        margin-bottom: 10px !important;
    }
    
    .landing-page .hs-cta-img {
        width: auto !important;
        height: auto !important;
        float: inherit !important;
        margin-left: inherit !important;
        margin-right: inherit !important;
    }
    
    /*.header-cta a, .header-cta a:hover {
        width: 100% !important;
        padding-left: 10px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px !important;
        text-align: left !important;
        text-transform: uppercase;
        line-height: 45px !important;
        box-sizing: border-box !important;
        display: block !important;
        border: 0 !important;
        border-top: 1px dotted rgba(255,255,255,.35) !important;
        color: #fff !important;
        background: #CD5A13 !important;
    }
    
    .header-cta a:hover {
        text-decoration: underline !important;
    }*/
}



/* Exit Pop-Up */

#bio_ep input[type=submit], .blog-sidebar input[type=submit] {
    border-top: 1px solid #cd5a13 !important;
    border-left: 1px solid #cd5a13 !important;
    border-right: 1px solid #cd5a13 !important;
    border-bottom: 1px solid #cd5a13 !important;
    text-shadow: none !important;
    border-color: #cd5a13 !important;
    color: #fff !important;
    background: #cd5a13 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#bio_ep input[type=submit]:hover, .blog-sidebar input[type=submit]:hover {
    color: #cd5a13 !important;
    background: #fff !important;
}

#bio_ep .field {
    margin-bottom: 10px;
    padding-left: 60px;
    padding-right: 60px;
}

#bio_ep {
    color: #444 !important;
}

#bio_ep .hs-error-msgs {
    margin: 0 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
}

#bio_ep label {
    font-size: 14px !important;
}

#bio_ep .hs-error-msgs label {
    font-size: 12px !important;
}

#bio_ep h1 {
    font-size: 28px !important;
    color: #cd5a13 !important;
    text-transform: uppercase;
    text-align: center !important;
    margin-bottom: 15px !important;
}

#bio_ep_close {
    display: none !important;
}

#bio_ep .submitted-message {
    padding: 30px !important;
    text-align: center !important;
}

#bio_ep a {
    line-height: 1 !important;
}

#bio_ep form {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#bio_ep h3 {
    text-align: center !important;
    line-height: 1.2 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
}

#bio_ep input[type=submit] {
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#bio_ep .actions {
    text-align: center;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media print {
    .main-nav, .blog-sidebar, .footer-container-wrapper, .social-sharing-wrapper, .featured-image {
        display: none !important;
    }
    
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}