/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Site Styles            
2.  Page Styles
3.	960px
4.  720px
5.  lt 720px 


**********************************************************************************************/
	
	
/********************************************************************************************* 

1.  SITE STYLES           

*********************************************************************************************/  

html,body { height:100%; }

body{ font-family: 'Open Sans', sans-serif; font-size:100%; line-height:130%; font-weight:400; margin:0px; padding:0px; background-color:#FFFFFF; color:#000000; background-image:url(../buildgfx/background.jpg); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; }

h1, h2, h3, h4{ font-family: 'Playfair Display', serif; font-weight:400; color:#000000; line-height:120%; margin:0px 0px 14px 0px; }
h1{ font-size: 1.5em; }
h2{ font-size: 1.125em; font-style:italic; }
h3{ font-size: 1em; }
h4{ font-size: 1em; }
p{ font-size:0.875em; font-weight:400; line-height:130%; margin:0px 0px 14px 0px; }

.main-container{ background-color:#FFFFFF; }

.text-content{ padding:20px 0px 20px 6px; }
.text-content.notop{ padding:0px 0px 20px 6px; }
.text-content a{ color:#484559; text-decoration:underline; }
.text-content a:hover{ text-decoration:none; }
.text-content ul, .text-content ol{ margin:12px; padding-left:20px; }
.text-content ul li, .text-content ol li{ color:#000000; font-size:0.875em; line-height:130%; }

ul.pagination{ margin:20px 0px 0px 6px; padding:0px; }
ul.pagination li { font-family:'Open Sans', sans-serif; display: inline; font-size:0.875em; list-style-type: none; font-weight:normal; }
ul.pagination li.disabled a { cursor: default; }
ul.pagination li a { display: block; float: left; margin-right: 3px; padding: 6px 12px; color:#FFFFFF; text-decoration:none; margin-bottom:36px; }
ul.pagination li.selected a.page { background-color: #FFFFFF; color:#000000; border:1px solid #484559; }
ul.pagination li a.page { background-color: #000000; color:#FFFFFF; border:1px solid #000000; }
ul.pagination li a.page:hover { background-color: #FFFFFF; color:#000000; border:1px solid #484559; }
ul.pagination li a.pagination-previous{ padding-left:0px; }

.as-field{ display:none; }

.masthead{ background-color:#000000; color:#FFFFFF; }
.logo{ font-family: 'Playfair Display', serif; font-weight:400; font-size:1.688em; line-height:120%; padding:18px 0px 18px 6px; }
.logo a{ color:#FFFFFF; text-decoration:none; }

.main-navigation{ float:right; }
.main-navigation ul{ margin:0px; padding:0px; }
.main-navigation ul li{ margin:0px; padding:0px; list-style:none; display:block; float:left; border-left:1px solid #484559; }
.main-navigation ul li a{ display:block; float:left; padding:24px 18px; color:#FFFFFF; text-decoration:none; font-size:0.875em; }
.main-navigation ul li a.active, .main-navigation ul li a:hover{ background-color:#FFFFFF; color:#000000; }
.show-menu { text-decoration: none; color: #FFFFFF; font-size:0.875em; text-align: center; padding: 18px 0px; display: none; cursor:pointer; }
.show-menu:after{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #FFFFFF; content: "&darr"; display: inline-block; height: 0; margin-left: 8px; margin-top: 9px; opacity: 1; text-indent: -99999px; vertical-align: top; width: 0; }
input[type=checkbox]{ display: none; }
input[type=checkbox]:checked ~ #menu{ display: block; }

.footer{ background-color:#000000; color:#FFFFFF; padding:14px 0px; }
.copyright{ padding-left:6px; font-size:0.813em; line-height:130%; }
.footer-links{ float:right; padding:0px 6px 0px 0px; }
.footer-links ul{ margin:0px; padding:0px; }
.footer-links li{ margin:0px; padding:0px; list-style:none; display:block; float:left; border-right:1px solid #FFFFFF; }
.footer-links li:last-child{ border-right:none; }
.footer-links li a{ display:block; float:left; padding:0px 4px; color:#FFFFFF; text-decoration:none; font-size:0.813em; line-height:100%; }
.footer-links li a:hover { text-decoration:underline; }

/********************************************************************************************* 

2.  PAGE STYLES

*********************************************************************************************/  

.read-more{ font-family: 'Playfair Display', serif; font-weight:400; font-size:1.25em; line-height:120%; margin-bottom:14px; }
.read-more a{ color:#000000; text-decoration:none; }
.read-more a span{ border-bottom:1px solid #000000; padding-bottom:4px; }

.back-link{ font-family: 'Playfair Display', serif; font-weight:400; font-size:1.25em; line-height:120%; padding:20px 0px 24px 6px; }
.back-link a{ color:#000000; text-decoration:none; }
.back-link a span{ border-bottom:1px solid #000000; padding-bottom:4px; }

.slideshow{ padding-left:3px; }
	
.blocks{ padding:40px 0px 40px 0px; }
.item-block.one, .news-item-block.one{ margin-left:6px; }
.item-block.two, .news-item-block.two{ margin:0px 3px; }
.item-block.three, .news-item-block.three{ margin-right:6px; }
.item-block a, .news-item-block a{ text-decoration:none; color:#000000; }
.item-block .item-title{ display:block; font-family:'Playfair Display', serif; font-weight:400; font-size:1.375em; line-height:120%; margin-bottom:16px; }
.item-block .item-title.gallery{ line-height:170%; }
.item-block .item-title span{ border-bottom:1px solid #000000; padding-bottom:4px; }
.item-block .item-image{ display:block; margin-bottom:16px; }
.item-block .item-text{ display:block; font-size:0.875em; line-height:130%; }
.item-image.cursor{ cursor:pointer; }

.news-blocks{ padding:25px 0px 40px 0px; background-color:#F4F4F4; }
.news-blocks-title{ font-family:'Playfair Display', serif; font-weight:400; font-size:1.375em; line-height:120%; margin:0px 0px 32px 6px; }
.news-blocks-title span{ border-bottom:1px solid #000000; padding-bottom:4px; }
.news-item-block a:hover .news-item-title{ text-decoration:underline; }
.news-item-block .news-item-date{ display:block; font-size:0.875em; margin-bottom:8px; }
.news-item-block .news-item-title{ display:block; font-size:1em; margin-bottom:16px; }
.news-item-block .news-item-image{ display:block; margin-bottom:16px; }
.news-item-block .news-item-text{ display:block; font-size:0.875em; line-height:130%; }

.images{ padding:0px 0px 20px 0px; }
.item-title.small{ font-size:1em; }
.item-title.small span{ border-bottom:none; padding:0px; }
.news-grid{ padding:0px 0px 0px 0px; }
.news-read-more{ font-family: 'Playfair Display', serif; font-weight:400; font-size:1.188em; line-height:120%; margin:12px 0px; display:block; }
.news-read-more span{ border-bottom:1px solid #000000; padding-bottom:4px; }
.news-item-block.grid, .item-block.grid{ margin-bottom:40px; }

.pdf-whole{ border-bottom:1px solid #E8E8E8; margin-top:20px; margin-bottom:28px; }
.pdf-block a{ display:block; border:1px solid #E8E8E8; border-bottom:none; background-color:#F4F4F4; padding:6px; text-decoration:none; color:#000000; }
.pdf-block a:hover .pdf-text{ text-decoration:underline; }
.pdf-block i{ font-size:0.875em; display:block; float:left; padding:6px 10px 5px 2px; line-height:100%; color:#000000; }
.pdf-text{ display:block; float:left; font-size:0.875em; line-height:120%; padding-top:5px; }
.gallery{ padding:0px 6px; }

.contact-form{ padding:0px 0px 30px 6px; }
.contact-form-title{  font-family:'Playfair Display', serif; font-weight:400; font-size:1.375em; line-height:120%; margin:0px 0px 32px 0px; }
.contact-form-title span{ border-bottom:1px solid #000000; padding-bottom:4px; }
.contact-form .label{ font-size:0.875em; line-height:130%; padding-bottom:6px; }
.contact-form .input{ background-color:#F4F4F4; border:1px solid #F4F4F4; margin:0px 0px 12px 0px; padding:6px; }
.contact-form .input input, .contact-form .input textarea{ border:none; margin:0px; padding:0px; width:100%; font-size:13px; color:#000000; background-color:#F4F4F4; line-height:130%; font-family:'Open Sans', sans-serif; }
.contact-form input:focus, .contact-form textarea:focus{ outline:none; }
.contact-form .submit-button input{ background-color:#000000; color:#FFFFFF; border:none; padding:6px; margin:0px; cursor:pointer; font-size:16px; font-family: 'Playfair Display', serif;margin-top:12px;  }
.map-container{ padding:0px 6px 30px 0px; }
.contact-form .help-block, .contact-form .form-error{ font-size:13px; }

.link-item.one{ margin-left:6px; }
.link-item.two, .link-item.three, .link-item.four, .link-item.five{ margin:0px 3px; }
.link-item.six{ margin-right:6px; }
.link-item a{ color:#000000; text-decoration:none; }
.link-item .link-image{ display:block; margin:0px 0px 30px 0px; position:relative; }
.link-item .link-image-wrapper{ width:100px; height:100px; display:table-cell; vertical-align:middle; text-align:center; }

.item-block ul{ margin:0px; padding:0px; list-style:none; }
.item-block ul li{ list-style:none; }
#list{ overflow:auto; width:auto; height:463px; position:relative; }
.up-arrow{ position:absolute; top:0px; left:40%; z-index:1; }
.down-arrow{ position:absolute; bottom:0px; left:40%; z-index:1; }

.sale-cat-title{ font-family: 'Playfair Display', serif; font-size:1.25em; font-weight:400; color:#000000; line-height:120%; margin:0px 0px 20px 16px; }

/********************************************************************************************* 

4.  720px 

*********************************************************************************************/ 

@media only screen and (min-width: 720px) and (max-width: 959px) {
 
 	.main-navigation ul li a{ padding:24px 12px; }
	.logo{ font-size:1.25em; padding:23px 0px 18px 0px; }
 	.item-block .item-title{ line-height:170%; }
	#list{ height:343px; }
}
 

/********************************************************************************************* 

5.  lt 720px 

*********************************************************************************************/ 

@media only screen and (max-width: 719px) {
	
	.logo{ padding:23px 20px; }
	.main-navigation ul{ border-top:1px solid #484559; }
	.main-navigation ul li a{ padding:12px; }
	.text-content{ padding:20px; }
	.slideshow{ display:none; }
	.item-block.one, .item-block.two, .item-block.three{ margin:0px 3px 30px 3px; }
	.item-title, .item-text{ padding:0px 17px; }
	.blocks{ padding:10px 0px 10px 0px; }
	.news-blocks-title{ margin:0px 20px 32px 20px; }
	.news-item-block.one, .news-item-block.two, .news-item-block.three{ margin:0px 3px 30px 3px; }
	.news-item-date, .news-item-title, .news-item-text, .news-read-more{ padding:0px 17px; }
	.news-blocks{ padding:30px 0px 10px 0px; }
	.copyright{ padding:0px 20px; }
	.footer-links{ float:none; padding:12px 16px 0px 16px; }
	#list{ height:auto; }
	
}


@media only screen and (max-width: 560px) {
	
	.show-menu { display:block; }
	.main-navigation{ float:none; border-top:1px solid #484559; }
	.main-navigation ul{ position:static; display:none; }
	.main-navigation ul li{ list-style:none; display:block; float:none; border-left:none; }
	.main-navigation ul li a{ display:block; float:none; width:100%; text-align:center; color:#FFFFFF; text-decoration:none; font-size:0.875em; padding:18px 0px 18px 0px; line-height:100%; border-bottom:1px solid #484559; }
	.main-navigation ul li a.active, .main-navigation ul li a:hover{ background-color:#000000; text-decoration:underline; color:#FFFFFF; }
		
}