﻿h1 {text-align:left;}
#hero {
position:relative;
margin:auto;
margin-bottom:25px;
}
#hero img {min-height_no:290px;width:100%;}
.herocopy {
position: absolute;
top: 90px;
max-width: 950px;
right: 0px;
left: 0px;
width: 100%;
margin: auto;
}
.herocopy h3 {
color: #ffffff;
line-height: 14px;
text-align: center;
}
@media (max-width: 80.8125em) {
.herocopy h3 {
color: #ffffff;
line-height: 34px;
text-align: center;
}
}@media (max-width: 40.8125em) {
.herocopy {
padding: 0 20px 0 20px;
top: 10px;
}
.herocopy h3 {
color: #ffffff;
line-height: 14px;
text-align: center;
}
}

.herocopy p {
color: #ffffff;
text-align: center;
font-size: 16px;
}

h3 {
color: #000000;
text-align: left;
/*line-height: 12px;*/
margin-bottom:20px;
}
#ProductIdeas h6 {
text-align: left;
}
#ProductIdeas .architect_product {
text-decoration: underline;
padding-top: 6px;
}

#ProductIdeas .products img {
border-radius: 10px;
}

#SearchProducts {
/*height: 75px;*/
margin-right: 15px;
margin-bottom: 15px;
}

#SearchProducts .SearchProductsInput {
position: relative;
}

#SearchProducts .SearchProductsInput input[type="text"] {
border-radius: 20px;
margin-bottom: 10px;
padding-left: 20px;
}

#SearchProducts .SearchProductsSubmit {
position: absolute;
top: 5px;
right: 20px;
background-color: #ffffff;
margin: 0;
padding: 0;
border:0px;
}

#SearchProducts .product-social {
text-align: center;
border-bottom: 1px solid #cccccc;
padding-bottom: 6px;
}

#SearchProducts .SearchPlansInput {
position: relative;
margin-bottom: 20px;
}

#SearchProducts .SearchPlansInput input[type="text"] {
display: inline-block;
width: 49%;
border-radius: 20px;
height: 40px;
padding-left: 20px;
}

#SearchProducts .SearchPlansSubmit {
/*        position: absolute; */
top: 5px;
/*right: 20px;*/
border-radius: 20px;
background-color: #066E9F;
margin: 5px 0 0 0;
padding: 2px 0 0 0;
width: 60px;
height: 40px;
}
#SearchProducts .SearchPlansSubmit:hover, #SearchProducts .SearchPlansSubmit:hover svg path {border:0px;background-color:#066E9F;fill:#066E9F;}
.BrowseHeader {margin-bottom:5px;}
.BrowseHeader a {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase;
    color: #555555;
}

.HeaderArrowShow, .HeaderArrowHide {
    float: right;
}

.HeaderArrowHide {
margin-right: 6px;
}

.HeaderItems a {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #717171;
}

.BrowseAll {
margin: 8px 0 10px 0;
}

.BrowseAll a {
color: #ffa500;
font-weight: 600;
}

.HomeIdeasIssue {
line-height: 30px;
}

.HomeIdeasIssue a {
text-decoration: underline;
font-weight: 600;
}

.HomeIdeasIssueMeta a {
color: #717171;
font-size: 11px;
text-decoration: none;
}

.HomeIdeasIssueMetaDate {
float: right;
color: #717171;
font-size: 11px;
}

.PopularArticle {
box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15);
border-radius: 16px;
margin-bottom: 30px;
}
.PopularArticle .imgcontainer {
    max-height:165px;
    overflow:hidden;
    vertical-align:middle;
}
.PopularArticle img {
    border-radius: 16px 16px 0px 0px;
}
.PopularArticleCopy {
padding: 8px;
text-align: left;
}

.PopularArticleCopy h6 {
text-align: left;
}

.PopularArticleCopy p {
color: #919191;
font-style: normal;
font-weight: 400;
font-size: 11px;
}

.BlogImage {
width: 250px;
height: 200px;
background-size: cover;
border-radius: 16px 0px 0px 16px;
}



.CopyCardDesktop {
    background-color: #F7F7F7;
    border-radius: 16px;
    margin-bottom: 15px;
}

.CopyCardDesktopLeft {
    display: inline-block;
    width: 29%;
    vertical-align: top;
}

.CopyCardDesktopRight {
    display: inline-block;
    width: 67%;
    vertical-align: middle;
    margin: 10px 0 0 25px;
}

.HBOLeft {
    background-color: #F7F7F7;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.HBOLeftImg {
    display: inline-block;
    max-width: 130px;
    vertical-align: top;
    margin-right: 15px;
}

.HBORight {
    display: inline-block;
    max-width: 250px;
    vertical-align: top;
    margin-top: 30px;
}

.HomeBuildingStory {
    background-color: #F7F7F7;
    border-radius: 20px;
    padding-bottom: 1px;
    margin-bottom: 15px;
}

.HomeBuildingStoryImg {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 200px;
    overflow: hidden;
}

.HBOMobile {
    background-color: #F7F7F7;
    border-radius: 15px;
}

    .HBOMobile img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

.HBOMobileCopy {
    margin: 20px;
    padding-bottom: 1px;
}

@media (max-width: 40.8125em) {
.BlogImage {
width: 100%;
height: 200px;
background-size: cover;
border-radius: 16px 16px 0px 0px;
background-position: center center;
background-repeat: no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
    .CopyCardDesktopLeft, .CopyCardDesktopRight {
        width: 100%;
        margin: 0px 10px 10px 0px;
    }

    .BlogCopy {
        margin: 10px;
    }

}
.BlogCopy h6, .BlogCopy p {
text-align: left;
}

.VideoImage {
width: 250px;
height: 230px;
background-size: cover;
border-radius: 16px 0px 0px 16px;
}
@media (max-width: 40.8125em) {
    #SearchProducts {margin-bottom:35px;}
    .VideoImage {
        width: 100%;
        height: 230px;
        background-size: cover;
        border-radius: 16px 16px 0px 0px;
    }
}
.VideoCopy h6, .VideoCopy p {
text-align: left;
}

.VideoImageGroup {
box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.15);
border-radius: 16px;
margin-bottom: 30px;
}

.VideoImageGroup img {
border-radius: 16px 16px 0px 0px;
}

.videos {
font-size: 12px;
color: #919191;
margin-bottom: 8px;
}

.videos a {
font-size: 12px;
color: #919191;
}

.videos svg {
position: relative;
top: 4px;
}
#AboutOurPlans .arrow {float:right;}
#AboutOurPlans, #AboutOurPlans a {color:#777777;font-size:14px;font-weight:600;}
#AboutOurPlans .AboutMenu {padding:10px 9px 8px 9px;border-bottom:1px solid #066E9F}
#AboutOurPlans .AboutMenu:hover {background-color:#e5e5e5;}
#AboutOurPlans .AboutSelected, #AboutOurPlans .AboutSelected:hover { background-color:#066E9F;}
#AboutOurPlans .AboutSelected { color:#ffffff;}
#AboutOurPlans .AboutSelected .right svg path { color:#ffffff;stroke:#ffffff;}
