@charset "utf-8";
/* 
	mobile.css
	
	Project:	Triumph Homes
	Colors:		Gold #bd9a3f
				Light Gold #d4bc83
	
*/


/*------ typography ------*/
body, td{font-size:13px; line-height:20px;}

ul, ol{ margin:0 0 0 20px;}

h1{font-size:30px; line-height:30px;}
h2{font-size:20px; line-height:20px;}
h3{font-size:17px; line-height:20px;}
h4{font-size:15px; line-height:20px;}
h5{font-size:14px; line-height:20px;}
h6{font-size:13px; line-height:20px;}

quote{font-size:15px; line-height:20px;}
small{font-size:11px; line-height:14px;}


/*------ body content ------*/
.input, .textarea{width:258px;}
.select{width:278px;}
.input_sm{width:148px;}

#contact-form .submit{width:160px; margin-right:60px;}
#contact-number{display:inline-block; padding:10px 10px 0;}

#masthead{height:150px;}
#masthead .desktop{display:none;}
#masthead .tablet{display:none;}
#masthead .mobile{display:block;}

#gallery-wrap a{font-size:32px;}
#gallery-wrap #control-prev span{margin-right:-20px;}
#gallery-wrap #control-next span{margin-left:-20px;}

#page-title small{font-size:20px; line-height:20px;}
#page-title .crown-decor{background-image:url(../images/crown_md.png); height:44px; top:-44px;}
.slogan span{font-size:30px !important; line-height:34px !important; text-indent:40px;}
.slogan small{font-size:12px !important; line-height:12px !important; text-indent:-110px;}

#page-title .arrow{font-size:32px;}
#page-title #home-prev .arrow{left:-10px;}
#page-title #home-next .arrow{right:-10px;}

#slideshow-wrap{max-height:350px;}
.cycle-slideshow .slide-inner{text-align:center;}
.cycle-slideshow .slide-inner h2{font-size:30px; line-height:35px !important; float:none; padding:15px 20px 18px;}
.cycle-slideshow .slide-inner p{float:none; padding:15px 20px; display:none;}

#right-column{width:280px;}

#home-specs{padding:10px 0;}
#home-specs li{font-size:20px; line-height:30px; padding:10px;}
#home-specs li small{font-size:14px;}

.promo-boxes li{width:280px; margin:0 0 25px;}
.promo-boxes img{width:278px; height:166px;}
.promo-boxes .overlay{height:168px; top:-168px; line-height:168px;}
.promo-boxes .crown-sm{top:138px;}

#calculator #graph_wrapper{display:none;}

.yym #yym-form #contact-form{max-width:282px;}
.yym #yym-form .input_sm{width:148px;}
.yym #yym-form .input_sm.required{width:146px;}


.cta-form .form-field{
	width: 100%;
}