/************** Index of styles
1. Whole Site Custom Styles
2. Tiny House Plans-Main Content Section
3. Tiny House Plans-Sidebar
4. Tiny House Plans-Media Calls
5. Tiny House Plans-Tables  
6. Optin Landing Page
7. Error 404 Page
8. Newsletter Page
9. Free Plans Page
**************/

input[type='submit'], 
input[type='button'], input[type=submit].button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.mailerlite-form-inputs {
	width: 470px;
	margin: 10px auto 30px;
	display: block;
}

.mailerlite-form-title h3, .mailerlite-form-description {
display: none;
}

#mailerlite-1-field-email, 
#mailerlite-2-field-email, 
#mailerlite-3-field-email, 
#mailerlite-4-field-email {
width: 350px;
font-size: 16px;
padding: 5px;
}

@media (max-width: 719px) {
.mailerlite-form-inputs {
width: 400px;}
#mailerlite-1-field-email, 
#mailerlite-2-field-email, 
#mailerlite-3-field-email, 
#mailerlite-4-field-email {
width: 280px;}
}

@media (max-width: 480px) {
.mailerlite-form-inputs {
width: 300px;}
#mailerlite-1-field-email, 
#mailerlite-2-field-email, 
#mailerlite-3-field-email, 
#mailerlite-4-field-email {
width: 180px;}
}

.mailerlite-form .mailerlite-form-field, .mailerlite-form .mailerlite-subscribe-button-container {
display: inline;
}

.mailerlite-form .mailerlite-form-field label {
display: none;
}

input.mailerlite-subscribe-submit[type="submit"], input.mailerlite-subscribe-submit[type="button"] {
color: #fff;
background: #FC9A23;
border: 2px solid #fff;
border-radius: 5px;
font-size: 16px;
padding: 5px 10px;
}

input.mailerlite-subscribe-submit[type="submit"]:hover {
background: #FFBB11;
}

.tiny-house-plans-criteria {
font-size: 14px;
line-height: 1.2;
}

.tiny-house-plans-criteria img {
padding: 0 0 15px;
}


/*** Tag Cloud ***/
.category-cloud-tags {
padding: 10px 0 0;
}

.category-cloud-tags a {
color: #fff;
margin:0;
padding:0;
}

.category-cloud-tags p {
color: #fff;
border-radius: 5px;
padding: 7px;
margin-right: 3px;
text-transform: uppercase;
vertical-align: middle;
line-height: 1.0;
display: inline-block;
}

p.tiny-tags {
background: #729768;
}

p.minimalism-tags {
background: #4e7280;
}

p.homesteading-tags {
background: #a14727;
}

p.tag-size-1 {
font-size: 1.0em;
}

p.tag-size-2 {
font-size: 0.9em;
}

p.tag-size-3 {
font-size: 0.8em;
}

p.tag-size-4 {
font-size: 0.7em;
}

p.tag-size-5 {
font-size: 0.6em;
}

p.tag-size-6 {
font-size: 0.5em;
}

/*** General Custom Styles ***/
#navigation-menu ul.sf-menu > li > a > span {
padding: 9px 0 9px 20px;
}

#navigation-menu ul.sf-menu li li {
font-size: 13px;
}

a.tag-link-1641,
a.tag-link-3,
a.tag-link-624,
a.tag-link-460,
a.tag-link-1187,
a.tag-link-25,
a.tag-link-1169 {
display: none;
}

#top-elements .social_media_top {
padding: 5px 20px 5px 0;
}

#navigation-menu ul.sf-menu li li {
border-top: 1px dotted #6f773c;
margin-bottom: 0;
}

#page-content-title #page-title h1, #page-content-title #page-title h2, #page-content-title #page-title h3, #page-content-title #page-title .single-post-categories {
padding: 10px 0 0;
}

li.social_icon {
opacity: 1;
filter: alpha(opacity=100);
}

li.social_icon:hover {
opacity: .7;
filter: alpha(opacity=70);
}

ul.small-thumb .teaser-title {
line-height: 1.2;
}

.image-hover {
opacity: 1;
filter: alpha(opacity=100);
}

.image-hover:hover {
opacity: .7;
filter: alpha(opacity=70);
}

/************** Tiny House Plans Main Content Section **************/
.page-id-9667 #page-content-title,
.page-id-9806 #page-content-title,
.page-id-9807 #page-content-title,
.page-id-9808 #page-content-title,
.page-id-9809 #page-content-title,
.page-id-9810 #page-content-title,
.page-id-9811 #page-content-title,
.page-id-9812 #page-content-title {
display: none;
}

.page-id-9667 a {
color: #F7931E;
}

.page-id-9667 a:hover {
text-decoration: underline;
}

.page-id-9667 .top-of-page a {
color: #F7931E;
font-size: 1.2em;
}

.page-id-9667 #main-content li a {
color: #444444;
text-decoration: underline;
}

.page-id-9667 #main-content li a:hover {
color: #697548;
}

.page-id-9667 #main-content li {
padding-bottom: 0;
line-height: 1.3;
}

.page-id-9667 #main-content h3 {
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
color: #324A72;
border-bottom: 3px solid #F7931E;
padding-bottom: 5px;
}

.page-id-9667 #main-content h5 {
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
color: #324A72;
padding-bottom: 5px;
}

.page-id-9667 #main-content h4,
.page-id-9806 #main-content h4,
.page-id-9807 #main-content h4,
.page-id-9808 #main-content h4,
.page-id-9809 #main-content h4,
.page-id-9810 #main-content h4,
.page-id-9811 #main-content h4,
.page-id-9812 #main-content h4 {
color: #324A72;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
border-bottom: 1px solid #F7931E;
padding-bottom: 5px;
}

.page-id-9667 #main-content h3 i {
padding: 10px 7px;
color: #fff;
background: #324A72;
border-radius: 10px;
}

.page-id-9667 #main-content h3 i.fa {
vertical-align: 40% !important;
}

.summary {
background: #fff;
padding: 10px;
font-weight: 500;
color: #333;
border: 3px solid #324A72;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: 20px;
}

.page-id-9667 #main-content .dropcap {
color: #324A72;
font-size: 54px;
font-weight: 700;
line-height: 48px;
}

.page-id-9667 #main-content .liner {
border-bottom: 1px solid #fff;
margin: 0;
padding: 0;
}

.page-id-9667 #main-content .custom {
color: #f30;
font-size: 26px;
font-weight: 500;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
line-height: 1.5em;
text-align: center;
}

.page-id-9667 #main-content .custom a {
color: #F7931E;
text-decoration: underline;
}

.page-id-9667 #main-content .custom a:hover {
color: #ffffff;
}

.page-id-9667 #main-content .flat-custom-button span {
margin-top: 20px;
}

.home-review {
background: #324A72;
color: #fff;
font-size: 26px;
font-weight: 500;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
line-height: 1.5em;
padding: 10px 20px;
margin: 15px 0 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.website {
color: #ddd;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.5em;
}

.plans-kit {
background: #fff;
padding: 10px;
font-weight: 500;
color: #333;
border: 3px solid #324A72;
border-radius: 10px;
margin-bottom: 20px;
}

/************** Tiny House Plans Sidebar **************/

#sidebarSubnav h3 {
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
border-bottom: 1px solid #fff;
background: none;
margin: 0 0 5px;
padding: 0 0 5px;
}

.page-id-9667 #sidebar,
.page-id-9806 #sidebar,
.page-id-9807 #sidebar,
.page-id-9808 #sidebar,
.page-id-9809 #sidebar,
.page-id-9810 #sidebar,
.page-id-9811 #sidebar,
.page-id-9812 #sidebar {
padding-top: 22px;
}

#text-57 .textwidget a:hover {
text-decoration: underline;
}

#text-57 .textwidget {
margin: 0;
padding: 0;
}

#text-57 .textwidget p {
margin: 0;
padding: 0;
}

#text-57 {
color: #fff;
font-size: 15px;
line-height: 1.5;
background: #324A72;
border: 2px solid #fff;
width: 260px;
padding-top: 15px;
margin-bottom: 15px;
box-shadow: 0 0 0 5px #324A72;
}

#text-57 h3 {
color: #ffffff;
padding-bottom: 5px;
}

#text-57 a {
color: #ddd;
}

#text-57 a:hover {
color: #ffffff;
}

#sidebar #text-57 i {
color: #ffffff;
}

#text-57 p.to-the-top {
background: #F7931E;
color: #ffffff;
font-size: 13px;
line-height: 1.5em;
font-weight: 700;
padding: 4px 10px 5px;
margin: 10px 50px 5px;
text-align: center;
border-radius: 3px;
border: 1px solid #fff;
}

#text-57 p.to-the-top:hover {
background: #fff;
}

#text-57 .to-the-top a {
color: #fff;
}

#text-57 .to-the-top a:hover {
color: #324A72;
}

#custom_html-3 {
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
background: #324A72;
border: 2px solid #fff;
box-shadow: 0 0 0 5px #324A72;
width: 260px;
padding-top: 0;
}

.subscribe-form.horizontal {
padding: 0 !important;
}



/************** Tiny House Plans Media Calls **************/
@media (min-width: 700px) {
.plans-mobile-nav {
display: none;
}}

@media (max-width: 700px) {
.plans-mobile-nav {
display: inline-block;
color: #fff;
font-size: 13px;
line-height: 1.3;
background: #324A72;
padding: 10px 10px 0;
width: 100%;
max-width: 420px;
border-radius: 10px;
}
	
.plans-mobile-nav a {
color: #ddd;
}
	
.plans-mobile-nav a:hover {
color: #fff;
}
	
.liner {
border: 1px solid #fff;
margin: 0;
padding: 0;
}
	
.plans-mobile-nav h6 {
font-family: Roboto Condensed, Helvetica, Arial, sans-serif;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 3px;
margin-top: 0;
text-transform: uppercase;
}
	
#sidebar {
display: none;	
}
}

@media (max-width: 480px) {
.plans-mobile-nav {
display: inline-block;
color: #fff;
font-size: 10px;
line-height: 1.3;
background: #324A72;
padding: 10px 10px 0;
width: 100%;
max-width: 280px;
border-radius: 5px;
}
	
#sidebar {
display: none;
}}

.half-page-left {
width: 50%;
max-width: 290px;
float: left;
}

.half-page-right {
width: 50%;
max-width: 290px;
float: left;
}

@media (min-width: 700px) {
.plans-mobile-form {
display: none;
}}

@media (max-width: 700px) {
.page-id-9667 #main-content .plans-mobile-form #gform_13 {
display: block;
padding: 10px 10px 0;
width: 96%;
color: #fff;
margin: 0 auto;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
background: #324A72 !important;
border: 2px solid #fff;
box-shadow: 0 0 0 5px #324A72;
}
	
.page-id-9667 #main-content .plans-mobile-form #gform_13 .gform_footer input.button, .page-id-9667 #main-content .plans-mobile-form #gform_13 .gform_footer input[type="submit"] {
background: #F7931E;
color: #fff;
border: 1px solid #fff;
font-weight: 700;
text-align: center;
border-radius: 3px;
padding: 5px 10px;
}
	
.page-id-9667 #main-content .plans-mobile-form #gform_13 .top_label .gfield_label {
margin: 10px 0 0;
}
	
.page-id-9667 #main-content .plans-mobile-form #gform_13 .gform_footer {
margin: 0;
padding: 1em 0 .25em;
}}

/************** Tables **************/
.page-id-9667 table.custom-table {
font-size: 13px;
}

.page-id-9667 table.custom-table th {
background-color: #324A72;
color: #ffffff;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
padding: 10px 5px 3px;
line-height: 1.3;
vertical-align: bottom;
}

.page-id-9667 table.custom-table tbody td {
font-weight: normal;
padding: 5px;
line-height: 1.1;
vertical-align: bottom;
}

.page-id-9667 table.custom-table tbody td:nth-child(even) {
background-color: #ddd;
}

.page-id-9667 table.custom-table tbody tr {
background-color: #eeeeee;
padding: 3px;
}

.page-id-9667 table.custom-table tbody td:first-child {
font-weight: 700;
background: #444;
color: #fff;
}

.page-id-9667 table.custom-table tfoot {
background: #444;
color: #fff;
height: 5px;
}

@media (max-width: 960px) {
.page-id-9667 table.custom-table {
font-size: 9px;
}
	
.page-id-9667 table.custom-table th {
font-size: 8px;
padding: 5px 2px;
line-height: 1;
font-weight: 300;
}}

@media (max-width: 480px) {
.page-id-9667 table.custom-table {
font-size: 6px;
}
	
.page-id-9667 table.custom-table th {
font-size: 6px;
padding: 5px 2px;
line-height: 1;
font-weight: 300;
vertical-align: bottom;
}}

/************** Error 404 Page **************/

.error404 #page-content-title #page-title {
display: none !important;
}

h3.page-404-message {
font-family: 'Arvo', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 2.0em;
color: #4c4c2a !important;
text-align: center;
}

h4.page-404-message {
font-family: 'Arvo', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 1.8em;
color: #4c4c2a !important;
text-align: left;
}

.warning {
color: #222 !important;
font-size: 16px;
font-weight: 700;
}

.warning .msg-box-icon {
background: none;
padding: 0 10px;
margin-left:0;
}

.warning {
background: none;
border: none;
margin: 0 0 10px;
}

.warning hr {
margin: 0 0 10px;
}

.error404 img {
margin-bottom: 10px;
}

/************** Newsletter Page **************/

.page-id-9912 .sharedaddy {
display: none;
}

.topbar {
border-bottom: 5px solid #606060;
padding: 5px 0 10px;
margin: 0 auto;
width: 70%;
}

.optin {
width: 60%;
max-width: 720px;
margin: 0 auto;
}

.page-id-9912 #main-content h2 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 42px;
font-weight: 600;
color: #729768;
line-height: 1.2;
text-align: center;
margin: 5px 0 0;
}

.page-id-9912 #main-content h3 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 32px;
font-weight: 600;
color: #729768;
line-height: 1.2;
text-align: center;
margin: 5px 0 0;
text-transform: none !important;
}

.page-id-9912 #main-content h4 {
font-family: Poppins, serif;
font-size: 42px;
font-weight: 700;
color: #f48642;
line-height: 1;
text-align: center;
text-transform: uppercase;
margin: 10px 0 0;
}

.page-id-9912 .fa-ul .fa-li {
top: 14px !important;
}

.page-id-9912 .fa-ul li {
color: #729768;
margin-left: 20px;
}

.page-id-9912 .fa-fw {
	color: #729768;
}

.page-id-9912 #main-content h5 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 32px;
font-weight: 400;
color: #606060;
line-height: 1.1;
text-align: left;
margin: 10px 0 0;
}

.page-id-9912 #main-content h6 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 23px;
font-weight: 400;
color: #606060;
line-height: 1.1;
text-align: left;
margin: 0 0 0 50px;
}

@media (max-width: 960px) {
.optin {
width: 70%;
max-width: 720px;
}}

@media (max-width: 720px) {
.optin {
width: 100%;
max-width: 720px;
}
	
.page-id-9912 .firstline {
font-size: 36px !important;
}
	
.page-id-9912 .secondline {
font-size: 20px !important;
}
	
.page-id-9912 #main-content h5 {
font-size: 21px !important;
}
	
.page-id-9912 #main-content h6 {
font-size: 18px !important;
margin: 0 0 0 30px;
}}

@media (max-width: 480px) {
.optin {
width: 100%;
max-width: 720px;
}
	
.page-id-9912 .firstline {
font-size: 21px !important;
}
	
.page-id-9912 .secondline {
font-size: 17px !important;
}
	
.page-id-9912 #main-content h5 {
font-size: 18px !important;
}
	
.page-id-9912 #main-content h6 {
font-size: 15px !important;
}}

/************** Optin Landing Page ***************/
.page-id-10154 #main-content {
background: #fff;
}

.page-id-10154 #page-content #content-container {
padding: 0;
}

.page-id-10154 .no-breadcrumbs-padding {
padding: 0;
}

.page-id-10154 #page-content {
padding-bottom: 0;
}

.page-id-10154 #page-content-title {
display: none;
}

.page-id-10154 .sharedaddy {
display: none;
}

.page-id-10154 #main-content h2 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 38px;
font-weight: 400;
color: #4c4c2a;
line-height: 1.2;
text-align: center;
margin: 5px 0 0;
}

.page-id-10154 #main-content h3 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 30px;
font-weight: 400;
color: #66482e;
line-height: 1.2;
text-align: center;
margin: 5px 0 0;
text-transform: none !important;
}

.page-id-10154 #main-content h4 {
font-family: Bevan, Georgia, serif;
font-size: 28px;
color: #f15a24;
line-height: 1;
text-align: left;
margin: 10px 0 0;
}

.page-id-10154 #main-content h5 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 32px;
font-weight: 400;
color: #4c4c2a;
line-height: 1.1;
text-align: left;
margin: 10px 0 0;
}

.page-id-10154 #main-content h6 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-size: 23px;
font-weight: 400;
color: #66482e;
line-height: 1.1;
text-align: left;
margin: 0 0 0 50px;
}

@media (max-width: 720px) {
.page-id-10154 .firstline {
font-size: 24px !important;
color: #4c4c2a;
	}
	
.page-id-10154 .secondline {
font-size: 20px !important;
color: #66482e;
	}
	
.page-id-10154 #main-content h5 {
font-size: 21px !important;
	}
	
.page-id-10154 #main-content h6 {
font-size: 18px !important;
margin: 0 0 0 30px;
	}
}

@media (max-width: 480px) {
.page-id-10154 .firstline {
font-size: 21px !important;
	}
	
.page-id-10154 .secondline {
font-size: 17px !important;
	}
	
.page-id-10154 #main-content h5 {
font-size: 18px !important;
	}
	
.page-id-10154 #main-content h6 {
font-size: 15px !important;
	}
}

/************** Free Plans Page **************/
.page-id-11054 #main-content {
background: #fff;
}

.page-id-11054 #page-content #content-container {
padding: 0;
}

.page-id-11054 .no-breadcrumbs-padding {
padding: 0;
}

.page-id-11054 #page-content{
padding-bottom: 0;
}

.page-id-11054 #main-content .main-content-padding {
padding: 40px 20px;	
}

.page-id-11054 h2,
.page-id-11054 h3 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-weight: 400;
color: #4c4c2a;
line-height: 1.4;
text-align: center;
margin: 15px 0 10px;
text-transform: none !important;
border-bottom: 2px solid #ccc !important;
}

.page-id-11054 h4 {
font-family: 'Roboto Condensed', arial, helvetica, sans-serif !important;
font-weight: 400;
color: #4c4c2a;
line-height: 1.4;
text-align: center;
margin: 0px 0 10px;
text-transform: none !important;
}

.page-id-11054 #main-content .one_fourth {
width: 23%;
}

.page-id-11054 #main-content .one_fourth, 
.page-id-11054 #main-content .one_half,
.page-id-11054 #main-content .three_fourth {
margin-right: 2.5%;
}

body #gform_wrapper_22 {
margin: 0 auto;
background: #f7f7f7;
border: 5px solid #4a492a;
padding: 10px;
}

body #gform_wrapper_22 .gform_footer input[type=submit] {
border: 3px solid #4c4c2a;
}

body #gform_wrapper_22 .gform_footer input[type="submit"] {
background: #4a492a;
border: 1px solid #ffffff;
box-shadow: #4a492a 0 0 0 4px;
color: #ffffff;
display: block;
font-size: 17px;
font-weight: 900;
width: 98.5%;
padding: 10px 0;
text-align: center;
margin: 0 auto 5px;
}

#gform_wrapper_22 .gform_wrapper input {
background: #fff;
border: 1px solid #808080;
padding: 7px;
vertical-align: middle;
display: inline-block;
overflow: hidden;
}

@media (min-width: 641px) { 
#gform_wrapper_22.gform_wrapper ul.gform_fields li.gfield, #gform_wrapper_22.gform_wrapper form li, #gform_wrapper_22.gform_wrapper li {
padding-right: 0px !important;
}}

body #gform_wrapper_23 
{
margin: 0 auto;
background: #f7f7f7;
border: 7px solid #4a492a;
padding: 10px;
}

body #gform_wrapper_23 .gform_footer input[type="submit"] {
background: #4a492a;
border: 1px solid #ffffff;
box-shadow: #4a492a 0 0 0 4px;
color: #ffffff;
display: block;
font-size: 17px;
font-weight: 900;
width: 98.5%;
padding: 10px 0;
text-align: center;
margin: 0 auto 8px;
}

#gform_wrapper_23 .gform_wrapper input {
background: #fff;
border: 1px solid #808080;
padding: 9px;
vertical-align: middle;
display: inline-block;
overflow: hidden;
}

@media (min-width: 641px) { 
#gform_wrapper_23.gform_wrapper ul.gform_fields li.gfield, 
#gform_wrapper_23.gform_wrapper form li,
#gform_wrapper_23.gform_wrapper li {
padding-right: 0px !important;
}}

#gform_wrapper_22 .top_label  .gfield_label,
#gform_wrapper_23 .top_label  .gfield_label {
	display: none !important;
}

body #gform_wrapper_22 .gform_footer input[type="submit"]:hover, 
body #gform_wrapper_23 .gform_footer input[type="submit"]:hover {
cursor: pointer;
opacity: 0.8;
}

body #gform_wrapper_24 
{
margin: 0 auto;
background: #f7f7f7;
border: 7px solid #4a492a;
padding: 10px;
}

body #gform_wrapper_25 
{
margin: 0 auto;
background: #f7f7f7;
border: 7px solid #4a492a;
padding: 10px;
}
body #gform_wrapper_26 
{
margin: 0 auto;
background: #f7f7f7;
border: 7px solid #4a492a;
padding: 10px;
}

#footer_text {
padding-bottom: 100px;
}

/*** Nav menu  ***/
#main-menu {
text-transform: uppercase;
border-top: 1px dotted #ddd;
}

#navigation-menu ul.sf-menu > li > a {
padding: 0 15px 0 15px;
}

#navigation-menu ul.sf-menu > li > a > span {
padding: 10px 0 0px;
letter-spacing: 0.05em;
}

#navigation-menu > ul.sf-menu {
margin-bottom: 0;
}

/*** Home Menu Item  ***/
#navigation-menu ul.sf-menu > li.menu-item-9153 > a span:hover {
color: #84a0bc !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-9153 > a > span {
color: #84a0bc !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-9153.hvr-underline-from-center:before, #navigation-menu ul.sf-menu > li.menu-item.menu-item-9153.hvr-underline-from-center:before {
background: #84a0bc !important;
}

/*** Tiny Houses Menu Item  ***/
#navigation-menu  ul.sf-menu > li.menu-item-12048 > a span:hover {
color: #729768 !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-12048 > a > span {
color: #729768 !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-12048.hvr-underline-from-center:before, #navigation-menu ul.sf-menu > li.menu-item.menu-item-12048.hvr-underline-from-center:before {
background: #729768 !important;
}

/*** Minimalism Menu Item  ***/
#navigation-menu ul.sf-menu > li.menu-item-12047 > a span:hover {
color: #4e7280 !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item, #navigation-menu ul.sf-menu > li.current-menu-item.menu-item-12047 > a > span {
color: #4e7280 !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-12047.hvr-underline-from-center:before, #navigation-menu ul.sf-menu > li.menu-item.menu-item-12047.hvr-underline-from-center:before {
background: #4e7280 !important;
}

/*** Homesteading Menu Item  ***/
#navigation-menu ul.sf-menu > li.menu-item-12049 > a span:hover {
color: #a4462e !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-12049 > a > span {
color: #a4462e !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-12049.hvr-underline-from-center:before, #navigation-menu ul.sf-menu > li.menu-item.menu-item-12049.hvr-underline-from-center:before {
background: #a4462e !important;
}

/*** Store Menu Item  ***/
#navigation-menu ul.sf-menu > li.menu-item-10129 > a span:hover {
color: #ea8959 !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-10129 > a > span {
color: #ea8959 !important;
}

#navigation-menu ul.sf-menu > li.current-menu-item.menu-item-10129.hvr-underline-from-center:before, #navigation-menu ul.sf-menu > li.menu-item.menu-item-10129.hvr-underline-from-center:before {
background: #ea8959 !important;
}

/* hover Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 1px;
  background: #606060;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 15px;
  right: 15px;
}

#navigation-menu ul.sf-menu li li:hover {
background: #729768;
}

#top-elements .social_media_top {
padding: 0;
}

#top-elements .textwidget {
padding: 0 !important;
}

@media screen and (max-width: 719px) { 
#top-elements .textwidget {
padding: 10px 0 0 ;
}
}

#home-page-content #content-container {
padding: 0 0 20px;
}

#page-content #content-container {
padding: 10px 0;
}

.entry {
padding: 0 0 20px;
}

.single-post-nav-links .previous-post-links.has-post-thumb {
margin-left: 0;
}

.single-post-nav-links .next-post-links.has-post-thumb {
margin-right: 0;
}

.single-post-nav-links a, .single-post-nav-links .prev-title a, .single-post-nav-links .next-title a  {
font-size: 20px;
}

#sidebar ul.small-thumb .teaser-title {
font-size: 1.2em;
line-height: 1.2;
}


/*** Page Title Bar ***/
.page-id-11977 .center-main {
color: #729768 !important;
text-align: center;
text-transform: uppercase;
font-size: 36px;
line-height: 1.0;
margin-bottom: 7px;
}

.page-id-11977 .center-main::before, 
.page-id-11977 .center-main::after {
background: #729768;
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: 33%;
width: 20%;
}

.page-id-11978 .center-main {
color: #4E7280 !important;
text-align: center;
text-transform: uppercase;
font-size: 36px;
line-height: 1.0;
margin-bottom: 7px;
}

.page-id-11978 .center-main::before, 
.page-id-11978 .center-main::after {
background: #4E7280;
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: 33%;
width: 20%;
}

.page-id-11976 .center-main {
color: #a14727 !important;
text-align: center;
text-transform: uppercase;
font-size: 36px;
line-height: 1.0;
margin-bottom: 7px;
}

.page-id-11976 .center-main::before, 
.page-id-11976 .center-main::after {
background: #a14727;
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: 33%;
width: 20%;
}

.center-main::before {
margin-left: -20%;
right: 10px;
}

.center-main::after {
margin-right: -20%;
left: 10px;
}

@media screen and (max-width: 719px) {
.center-main {
font-size: 16px !important;
}
.center-main::before, 
.center-main::after {
width: 12%;
}
}

#sidebar #custom_html-6 h3 {
text-align: center;
}

.book-section {

}

.book-section h3 {
text-align: center;
}

.sidebar-books {
border: 1px solid #ddd;
width: 46%;
height: auto;
}

@media screen and (max-width: 970px) {
.sidebar-books {
width: 42%;
height: auto;
	}
}

/*
@media screen and (max-width: 1200px) {
.sidebar-books {
width: 120px;
height: auto;
	}
}

@media screen and (max-width: 970px) {
.sidebar-books {
width: 90px;
height: auto;
	}
}

@media screen and (max-width: 720px) {
.sidebar-books {
width: 100px;
height: auto;
margin: 0 auto;
	}
}

@media screen and (max-width: 480px) {
.sidebar-books {
width: 150px;
height: auto;
	}
}
*/
.book-section .alignleft, 
.book-section img.alignleft, 
.book-section a img.alignleft { 
margin: 4px 4px 4px 4px;
}

/*** FAQs Section ***/
.faqs p.faq-question {
margin-top: 15px;
}

.page-id-11977 p.faq-question {
color: #729768;
font-weight: 700;
}

.page-id-11978 p.faq-question {
color: #4E7280;
font-weight: 700;
}

.page-id-11976 p.faq-question {
color: #a14727;
font-weight: 700;
}

.faqs p {
padding: 0 100px;
}

@media screen and (max-width: 719px) {
.faqs p {
padding: 0;
}
}

.page-id-11977 .faqs a {
color: #729768;
margin-bottom: 5px;
}

.page-id-11978 .faqs a {
color: #4e7280;
margin-bottom: 5px;
text-decoration: underline;
}

.page-id-11976 .faqs a {
color: #a14727;
margin-bottom: 5px;
}

.page-id-11977 .faqs a:before {
background: #729768;
}

.page-id-11978 .faqs a:before {
background: #4e7280;
}

.page-id-11976 .faqs a:before {
background: #a14727;
}

/* Underline From Left */
.hvr-underline-from-left, 
.faqs a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before, 
.faqs a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 4px;
  background: #606060;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, 
.hvr-underline-from-left:focus:before, 
.hvr-underline-from-left:active:before, 
.faqs a:hover:before, 
.faqs a:focus:before, 
.faqs a:active:before {
right: 0;
}

.flat-custom-button, 
a.flat-custom-button {
margin: 10px;
}

.page-id-11977 .main-blog-post .small-custom-frame-wrapper, 
.page-id-11978 .main-blog-post .small-custom-frame-wrapper, 
.page-id-11976 .main-blog-post .small-custom-frame-wrapper {
width: 100%;
max-width: 100%;
}

.page-id-4762 .small-custom-frame-wrapper img {
border: 1px solid #ddd;
}

.page-id-11977 .main-blog-post .two_third img, 
.page-id-11978 .main-blog-post .two_third img, 
.page-id-11976 .main-blog-post .two_third img {
width: 100%;
}

.post .custom-frame-wrapper, 
.post .small-custom-frame-wrapper, 
.post .custom-frame-wrapper img {
width: 100%;
max-width: 100%;	
}

.search-center {
text-align: center;
}

@media screen and (min-width: 719px) {
#search {
display: none;
}
}

@media screen and (max-width: 719px) {
.page-id-11977 #search {
display: none;
}
}

.tiny-house-core-content p img.aligncenter, 
.aligncenter, 
img.aligncenter, 
a img.aligncenter, 
img.centered, 
a img.centered {
margin: 6px auto 0px !important;
}

.page-id-11977 .tiny-house-core-content h3, 
.page-id-11978 .tiny-house-core-content h3, 
.page-id-11976 .tiny-house-core-content h3 {
border-left: 7px solid #729768;
border-right: 1px solid #ddd;
color: #444444;
font-size: 20px;
font-weight: 700;
line-height: 1.0;
text-align: left !important;
text-transform: uppercase;
padding: 7px 7px 5px 7px;
position: absolute;
margin: -75px 0px 0 0px;
}

.page-id-11978 .tiny-house-core-content h3 {
	border-left: 7px solid #4e7280;}

.page-id-11976 .tiny-house-core-content h3 {
border-left: 7px solid #a14727;}

.tiny-house-core-content h3, 
.tiny-house-core-content a, 
.tiny-house-core-content a h3 {
color: #444444 !important;
}

.page-id-11977 .tiny-house-core-content h3, 
.page-id-11978 .tiny-house-core-content h3, 
.page-id-11976 .tiny-house-core-content h3 {
background-color: rgba(255, 255, 255, 1.0);
background-size: contain;
}

.tiny-house-core-content p {
padding: 0;
margin: 0;
}

@media screen and (max-width: 960px) {
.page-id-11977 .tiny-house-core-content h3 {
font-size: 16px;
}
}

@media screen and (max-width: 719px) {
.tiny-house-core-content {
background-size: cover;
width: 100%;
}
.page-id-11977 .tiny-house-core-content h3 {
font-size: 21px;
}
}
 
.core-content .one_third {
margin-bottom: 30px;
}

.core-content .one_third img, 
.search-section img {
border-radius: 10px;
}

.page-id-12130 .one_fourth {
width: 24.6%;
margin-right: .5%;
}

@media screen and (max-width: 719px) {
.page-id-11977 .core-content .one_fourth {
width: 100%;
margin-right: 0;
}
.page-id-11977 .core-content .one_third {
width: 100%;
margin-right: 0;
}
.page-id-11977 .main-blog-post .two_third {
width: 100%;
margin-right: 0;
}
}

@media screen and (max-width: 480px) {
.core-content .one_fourth, .core-content .one_third {
padding-bottom: 0px;
}
}

.page-id-11977 .main-blog-post .small-custom-frame-wrapper.alignleft, 
.page-id-11978 .main-blog-post .small-custom-frame-wrapper.alignleft, 
.page-id-11976 .main-blog-post .small-custom-frame-wrapper.alignleft {
margin: 0;
}

.page-id-11977 ul.small-thumb li, 
.page-id-11978 ul.small-thumb li, 
.page-id-11976 ul.small-thumb li {
background: none;
padding:0;
}

/*** Search Forms  ***/
.inline-search-form {
width: 40%;
margin: -130px auto 75px;
}

.inline-search-form input#s {
font-size: 15px;
padding: 9px;
border: 1px solid #000;
box-shadow: none;
}

@media screen and (max-width: 720px) {
.inline-search-form {
	width: 75%;
	}
}

.search-section {
margin-top: 40px !important;
}

.search-section form#searchform input#s {
font-size: 16px;
padding: 6px;
width: 400px;
}

.search-section form#searchform input#searchsubmit {
font-size: 16px;
padding: 4px 11px;
background: #4c4c2a url('../images/sidebar-search.png') 100% 0 no-repeat scroll transparent;
color: #fff;
border: 2px solid #fff;;
border-radius: 4px;
}

.search-center form#searchform input#searchsubmit {
font-size: 16px;
padding: 4px 5px;
background: #4c4c2a;
color: #fff;
border: none;
border-radius: 4px;
}

.search-box {
width: 410px;
margin: 0 auto 10px;
padding: 10px;
background: transparent;
}

.search-box input#s {
font-size: 15px;
padding: 9px;
border: none;
box-shadow: none;
max-width: 300px;
width: 70%;
}

.search-box input[type="submit"] {
color: #fff;
font-size: 18px;
padding: 4px 13px;
margin: 5px;
border: 2px solid #fff;
border-radius: 5px;
background: #fc9a23;
}

.search-box input[type="submit"]:hover {
background: #ffbb11;
}

@media screen and (max-width: 719px) {
.search-box input#s {
max-width: 250px;
width: 70%;
}
}


/*** Tiny House Sections ***/
.budget-plans-section h3 {
color: #fff;;
font-size: 2.0em;
margin-bottom: 15px;
}

.budget-plans-section ul {
list-style: none;
margin-left: 0 !important;
}

.budget-plans-section li {
margin-bottom: 15px;
}

.tiny-house-plans-section p {
color: #fff !important;
font-size: 1.3em;
line-height:1.4;
font-weight:400;
}

.tiny-house-plans-section .flat-custom-button span {
margin-top: -40px;
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Hover Grow */
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.05);
}

/* Hover Shrink */
.hvr-shrink, 
a.tag-cloud-link {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active,
a.tag-cloud-link:hover {
transform: scale(0.95);
}

/*** Tag Cloud ***/
a.tag-cloud-link {
background: #729768;
border-radius: 4px;
color: #fff;
line-height: 1.5;
margin: 2px;
padding: 2px 7px;
text-transform: uppercase;
}

a.tag-cloud-link:hover {
text-decoration: none !important;
opacity: 0.85;
filter: alpha(opacity=85);
}



/*** Home Main Section  ***/
.main-sections h3 {
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
letter-spacing: 0;
margin: 0;
padding: 0;
}

.main-sections h3 a:hover {
color: #606060;
text-decoration: none !important;
}

.main-sections p {
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: 400;
text-align: center;
margin: 0;
padding: 0;
line-height: 1.1;
}

.main-sections p a {
color: #606060;
}

.main-sections a {
text-decoration: none !important;
}

.tiny-houses-color {
border-bottom: 15px solid #729768;
}

.minimalism-color {
border-bottom: 15px solid #4e7280;
}

.homesteading-color {
border-bottom: 15px solid #a14727;
}

@media screen and (max-width: 719px) {
#top-wrapper {
    padding-bottom:0;
}
}

.home-banner {
margin-bottom: 25px !important;
}

.home-banner h2 {
color: #fff;
font-size: 60px;
font-weight: 500;
line-height: 1.0;
text-align: center;
text-shadow: 1px 1px 2px #000;
text-transform: uppercase;
}

.home-banner h4 {
color: #fff;
font-size: 32px;
font-weight: 400;
line-height: 1.2;
text-align: center;
text-shadow: 1px 1px 2px #000;
}


@media screen and (max-width: 719px) {
.home-banner {
	background-image: none !important;
	}
.home-banner h2 {
font-size: 48px;
	}

.home-banner .content-block-body {
padding: 30px 0 50px !important;
	}
}

img .sidebar-ad {
padding: 20px 0;
}

#home-page-content .entry {
padding: 0 0 20px;
}

.homepage-recent-posts ul.small-thumb li {
background: none
}

.homepage-recent-posts ul.small-thumb .teaser-title {
font-family: Poppins, arial, helvetica, sans serif;
font-size: 21px;
font-weight: 500;
word-break: keep-all;
}

#sidebarSubnav h3 {
background: none;
padding: 0;
}

/*** Newsletter signup section ***/
.newsletter-signup-box h3, .newsletter-signup-box p {
color: #fff;
text-align: center;
}

.newsletter-signup-box h3 {
font-family: 'Poppins', impact, arial, sans-serif !important;
font-weight: 500;
font-size: 2.7em;
}

@media screen and (max-width: 719px) {
.newsletter-signup-box h3 {
	font-size: 2.0em;
	}
}


/*
.mc4wp-form-theme input[type=email] {
border: 1px solid #fff !important;
border-radius: 0px;
display: inline-block;
margin-bottom: 10px;
margin-right: 0px;
font-size: 15px;
max-width: 350px;
}

.mc4wp-form-theme-light input[type=submit] {
background: #fc9a23  !important;
border: 1px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
font-size: 15px;
letter-spacing: .05em;
margin-bottom: 10px;
text-transform: uppercase;
}

.mc4wp-form-theme-light input[type=submit]:hover {
background: #ffbb11 !important;
color: #fff !important;
}

.mc4wp-form-fields {
width: 500px;
margin: 0 auto;
}
*/

/*** Home Page Featured Article Section ***/
.post-sort {
width: 100%;
}

.post-sort .tabs-wrapper ul.tabs {
margin: 20px auto 0px;
float: left;
border-bottom: none;
}

.post-sort ul.small-thumb li {
width: 33%;
background: none;
display: table-cell;
margin-right: 5px;
padding: 10px 0 15px;
}

.post-sort a.teaser-title {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.1em;
font-weight: 400;
display: table-cell;
padding-right: 10px;
}

.post-sort #tab-1-content a.teaser-title {
color: #729768 !important;
}

.post-sort #tab-2-content a.teaser-title {
color: #4e7280 !important;
}

.post-sort #tab-3-content a.teaser-title {
color: #a14727 !important;
}

.post-sort .tabs-wrapper .tab-content .tabs-inner-padding {
padding: 10px 0 0 0;
}

.post-sort .tabs-wrapper .tab-content {
border: none;
background: none;
}

.post-sort .tabs-wrapper ul.tabs {
float: none;
display: table;
text-align: center;
width: 480px;
margin: 20px auto 10px;
}

.post-sort .tabs-wrapper ul.tabs li {
border: none !important;
background: transparent;
color:#fff;
position: relative;
margin-right: 10px;
display: inline;
text-transform: uppercase;
font-weight: 400;
width: 150px;
}

.post-sort .tabs-wrapper ul.tabs li a {
font-size: 20px;
padding: 0;
width: 100%;
}

@media screen and (max-width: 960px) {
.post-sort .tabs-wrapper ul.tabs li a {
font-size: 16px;
padding: 0;
width: 100%;
}

.post-sort .tabs-wrapper ul.tabs li {
width: 135px;
}
}

.post-sort .tabs-wrapper ul.tabs li a span {
padding: 7px 12px 7px 12px;
}

.post-sort .tabs-wrapper ul.tabs li a,
.post-sort .tabs-wrapper ul.tabs li a span,
.post-sort .tabs-wrapper ul.tabs li a.selected,
.post-sort .tabs-wrapper ul.tabs li a.selected span {
background: transparent !important;
}

.post-sort .tabs-wrapper ul.tabs li a, 
.post-sort .tabs-wrapper ul.tabs li a span,
.post-sort .tabs-wrapper ul.tabs li a.selected {
background:#606060 !important;
color: #fff;
}

.post-sort .tabs-wrapper ul.tabs li:nth-child(1) a:hover,
.post-sort .tabs-wrapper ul.tabs li:nth-child(1) a span:hover, 
.post-sort .tabs-wrapper ul.tabs li:nth-child(1) a.selected {
background: #729768 !important;
color: #fff;
text-decoration: none !important;
}

.post-sort .tabs-wrapper ul.tabs li:nth-child(2) a:hover,
.post-sort .tabs-wrapper ul.tabs li:nth-child(2) a span:hover, 
.post-sort .tabs-wrapper ul.tabs li:nth-child(2) a.selected {
background: #507282 !important;
color: #fff;
text-decoration: none !important;
}

.post-sort .tabs-wrapper ul.tabs li:nth-child(3) a:hover,
.post-sort .tabs-wrapper ul.tabs li:nth-child(3) a span:hover, 
.post-sort .tabs-wrapper ul.tabs li:nth-child(3) a.selected {
background: #a14727 !important;
color: #fff;
text-decoration: none !important;
}

.post-sort .tabs-wrapper ul.tabs li:nth-child(1) a.selected:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #729768;
border-width: 12px 70px 0 70px;
margin-left: -70px;
}

.post-sort .tabs-wrapper ul.tabs li:nth-child(2) a.selected:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #507282;
border-width: 12px 70px 0 70px;
margin-left: -70px;
}

.post-sort .tabs-wrapper ul.tabs li:nth-child(3) a.selected:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: #a14727;
border-width: 12px 70px 0 70px;
margin-left: -70px;
}

@media screen and (max-width: 719px) {
.post-sort .tabs-wrapper ul.tabs li {
margin-bottom: 5px;
margin-right: 10px;
border-bottom: none;
width: 135px;
max-width: 135px;
font-size: 14px;
}
.post-sort ul.small-thumb li {
padding: 0 0 15px;		
	}
}

@media screen and (max-width: 480px) {
.post-sort .tabs-wrapper ul.tabs li {
margin-bottom: 5px;
margin-right: 5px;
border-bottom: none;
width: 95px;
max-width: 95px;
}
.post-sort .tabs-wrapper ul.tabs li a span {
font-size: 13px;
padding: 5px 0px;
}
.post-sort .tabs-wrapper ul.tabs li:nth-child(1) a.selected:after, 
.post-sort .tabs-wrapper ul.tabs li:nth-child(2) a.selected:after,
.post-sort .tabs-wrapper ul.tabs li:nth-child(3) a.selected:after {
border-width: 12px 46px 0 46px;
margin-left: -46px;
}
.post-sort a.teaser-title {
font-size: 0.9em;		
}
	ul.small-thumb .teaser-content {
font-size: 0.9em;
line-height: 1.2em;
}
}

/*** Tiny Homes page ***/
.page-id-11977 #page-content-title {
background: url('https://thetinylife.com/wp-content/uploads/2018/03/the-tiny-life-tiny-houses-1.jpg') center center no-repeat !important;
background-size: cover !important;
border-top: 7px solid #729768;
}

.page-id-11977 #page-content-header h1.pagetitle {
color: #fff !important;
font-family: poppins, arial, helvetica, sans-serif !important;
font-size: 54px !important;
font-weight: 500 !important;
letter-spacing: 0.09em !important;
padding: 60px 0 110px !important;
text-shadow: 2px 2px 0px #000 !important;
text-transform: uppercase !important;
text-align: center !important;
}

.page-id-11977 #main-content ul.small-thumb .teaser-title, .page-id-11977 #sidebar ul.small-thumb .teaser-title {
color: #729768 !important;
}

.page-id-11977 a.read-more-align-right {
background: #729768;
color: #fff !important;
border: 2px solid #729768;
border-radius: 4px;
padding: 0 5px;
}

.page-id-11977 a.read-more-align-right:hover {
background: #fff;
color: #729768 !important;
border: 2px solid #729768;
border-radius: 4px;
padding: 0 5px;
}

@media screen and (max-width: 719px) { 
.page-id-11977 #page-content-header h1.pagetitle {
font-size: 36px !important;
}
}

/*** minimalism page ***/
.page-id-11978 #page-content-title {
background: url('https://thetinylife.com/wp-content/uploads/2018/03/the-tiny-life-minimalism-1.jpg') center center no-repeat !important;
background-size: cover !important;
border-top: 7px solid #4e7280;
}

.page-id-11978 #page-content-header h1.pagetitle {
color: #fff !important;
font-family: poppins, arial, helvetica, sans-serif !important;
font-size: 54px !important;
font-weight: 500 !important;
letter-spacing: 0.09em !important;
padding: 60px 0 110px !important;
text-shadow: 2px 2px 0px #000 !important;
text-transform: uppercase !important;
text-align: center !important;
}

.page-id-11978 #main-content ul.small-thumb .teaser-title,
.page-id-11978 #sidebar ul.small-thumb .teaser-title {
color: #4e7280 !important;
}

.page-id-11978 a.read-more-align-right {
background: #4e7280;
color: #fff !important;
border: 2px solid #4e7280;
border-radius: 4px;
padding: 0 5px;
}

.page-id-11978 a.read-more-align-right:hover {
background: #fff;
color: #4e7280 !important;
border: 2px solid #4e7280;
border-radius: 4px;
padding: 0 5px;
}

@media screen and (max-width: 719px) { 
.page-id-11978 #page-content-header h1.pagetitle {
font-size: 36px !important;
}
}

/*** homesteading page ***/
.page-id-11976 #page-content-title {
background: url('https://thetinylife.com/wp-content/uploads/2018/03/the-tiny-life-homesteading-1.jpg') center left no-repeat !important;
background-size: cover !important;
border-top: 7px solid #a14727;
}

.page-id-11976 #page-content-header h1.pagetitle {
color: #fff !important;
font-family: poppins, arial, helvetica, sans-serif !important;
font-size: 54px !important;
font-weight: 500 !important;
letter-spacing: 0.09em !important;
padding: 60px 0 110px !important;
text-shadow: 2px 2px 0px #000 !important;
text-transform: uppercase !important;
text-align: center !important;
}

.page-id-11976 #main-content ul.small-thumb .teaser-title, .page-id-11976 #sidebar ul.small-thumb .teaser-title {
color: #a14727 !important;
}

.page-id-11976 a.read-more-align-right {
background: #a14727;
color: #fff !important;
border: 2px solid #a14727;
border-radius: 4px;
padding: 0 5px;
}

.page-id-11976 a.read-more-align-right:hover {
background: #fff;
color: #a14727 !important;
border: 2px solid #a14727;
border-radius: 4px;
padding: 0 5px;
}

@media screen and (max-width: 719px) { 
.page-id-11976 #page-content-header h1.pagetitle {
font-size: 36px !important;
}
}

/*** postmetadata ***/
.single-postmetadata-divider-top {
display: none;
}

.postmetadata {
text-transform: uppercase;
font-size: 75%;
line-height: 1.3em;
font-family: Poppins, arial, sans-serif;
margin: 2px 0 5px !important;
}

ul.small-thumb .teaser-title {
font-family: 'Roboto Condensed', sans-serif;
line-height: 1.3em;
padding-right: 10px;
}

ul.small-thumb .teaser-content {
padding-right: 10px;
}

#home-page-content, 
#page-content, 
.no_title_section #page-content {
padding-bottom: 60px !important;
}

/*** The Modal ***/
.modal {
display: none; 
position: fixed; 
z-index: 10000;
padding-top: 200px; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0); 
background-color: rgba(0,0,0,0.6); 
}

/* Modal Content */
.modal-content {
position: relative;
background: #fff;
margin: 0 auto;
padding: 9px 0 0 0;
border: 1px solid #000;
width: 460px;
height: auto;
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}

.modal-content form#searchform input#s {
font-size: 16px;
padding: 6px;
width: 260px;
}


/* Add Animation */
@-webkit-keyframes animatetop {
from {top:-280px; opacity:0} 
to {top:0; opacity:1}
}

@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}

/* The Close Button */
.close {
color: #000;
float: right;
font-size: 1.3em;
font-weight: bold;
line-height: 1.5em;
margin: 10px 7px 0 0;
}

.close:hover,
.close:focus {
text-decoration: none;
cursor: pointer;
}

.modal-header {
padding: 2px 16px;
background: #fff;
color: white;
text-align: center;
}

.modal-body {
border: none;
padding: 0px 5px;
text-align: center;
}

.modal-body input[type=text] {
background-color: #fff;
font-size: 20px;
padding: 10px;
border: none;
width: 290px;
float: left;
}

@media screen and (max-width: 719px) { 
.modal-body input[type=text] {width: 200px;}
.modal-content {width: 380px;}
}

.modal-body input[type=submit]{
font-size: 18px;
padding: 10px 10px;
background: #729768;
color: #fff;
border: none;
border-radius: 4px;
text-transform: uppercase;
}

.modal-body input[type=submit]:hover { 
background: #8bb275;
}

.modal-footer {
text-align: center;
padding: 2px 16px;
background: #fff;
color: #000;
margin-top: 10px;
}

.modal-footer .one_fourth {
background: #fff;
}

#myBtn {
background: none;
border: none;
color: #606060;
font-size: 18px;
font-weight: 700;
padding: 2px 3px;
text-transform: uppercase;
}

.modal .screen-reader-text {
display: none;
}