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

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

h1{font-size:40px; line-height:40px;}
h2{font-size:24px; line-height:24px;}
h3{font-size:20px; line-height:22px;}
h4{font-size:18px; line-height:22px;}
h5{font-size:16px; line-height:22px;}
h6{font-size:15px; line-height:22px;}

quote{font-size:16px; line-height:22px;}
small{font-size:12px; line-height:16px;}


/*------ body content ------*/
table td{width:100% !important; display:inline-block; padding-bottom:10px;}

#logo-block #logo{position:relative; text-align:center; height:100px;}
#logo-block #logo-lg{display:none;}
#logo-block #logo-sm{display:inline-block;}
#yym-badge{margin-top:0; right:64px; top:80px;}

#modal .content{width:90%; left:5%; margin-left:0;}

#main-navigation{display:none !important;}
#sub-navigation-wrap{background:#bd9a3f;}
#sub-navigation{display:none !important;}
#logo-block .social-icons{display:none;}
#mbl-toggle{display:block;}
#contact-number{display:inline-block; padding:8px 10px 0;}

#wrapper #inner-wrapper{padding-top:160px;}

#masthead{height:240px; margin-top:0;}
#masthead .desktop{display:none;}
#masthead .tablet{display:block;}
#masthead .mobile{display:none;}

#page-title small{font-size:24px; line-height:24px;}
.slogan span{font-size:40px !important; line-height:44px !important; text-indent:50px;}
.slogan small{font-size:14px !important; line-height:14px !important; text-indent:-150px;}

#page-title a small{display:none;}
#page-title #home-prev{left:0;}
#page-title #home-next{right:0;}

#slideshow-wrap{margin-top:0;}
.cycle-slideshow .slide-inner h2{font-size:40px; line-height:46px !important;}
.cycle-slideshow .slide-inner p{max-width:500px;}

#gallery-wrap{margin-top:0;}
#gallery-wrap a{font-size:52px;}
#gallery-wrap #control-prev span{margin-right:-30px;}
#gallery-wrap #control-next span{margin-left:-30px;}
#home-label{display:none;}

#left-column, #right-column{float:none; clear:both; text-align:center; border:0; margin:0 auto 20px; padding:0;}
#left-column{width:auto; border-bottom:1px solid #ccc;}
.promo-boxes table td{text-align:center;}
#community-wrap #left-column, #community-wrap #right-column{width:auto;}

table.info-table thead{display:none;}
table.info-table tr td{text-align:left !important; padding:0 10px; display:block !important; width:auto !important;}
table.info-table tr td:first-child{padding-top:10px;}
table.info-table tr td:last-child{padding-bottom:10px;}
table.info-table .label{display:inline-block; width:50%;}

#content-tabs .ui-tabs-nav li, #calc-tabs .ui-tabs-nav li{display:block;}
#content-tabs .ui-tabs-nav li a, #calc-tabs .ui-tabs-nav li a{font-size:14px; padding:8px 12px;}
#content-tabs .ui-tabs-panel, #calc-tabs .ui-tabs-panel{padding:20px 10px 0px;}

.yym #yym-form #contact-form{max-width:372px;}

@media all and (max-width:620px){
	#calculator .calc_row{padding:15px 0 10px;}
	#calculator label{float:none; clear:both; width:100%; padding:0 0 5px 15px;}
	#calculator label.spacer{display:none;}
}

#footer .social-icons{display:inline-block;}


.cta-form .form-field{
	width: 33.33%;
}
.cta-form .form-button{
	width: 100%;
	flex: 0 1 100%;
	text-align: center;
}