/* showing the title in two rows and if the title is too long, the third row will be automatically hidden because of the max-height. */

.jrModuleItems .jrSlideshowLayout .jrModuleItemTitle {
max-height: 45px;
}

.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail img {
display: inline-block;
}



/* hide media name and report button */
.jrPhotoGallery .jrMediaDescription { display: none; }
.jrPhotoGallery .jrMediaActions .jrReport {margin-left: 5px; display: none;}
.jrVideoGallery .jrVideoInfo {display: none;}
.jrVideoGallery .jrMediaActions .jrReport {display: none;}



 



/*

Make the Facebook Like box responsive (fluid width)

https://developers.facebook.com/docs/reference/plugins/like-box/

*/ 

 

/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */

#fb-root {

  display: none;

}

 





/* custom field value width */

.jrFieldGroup .jrFieldValue {

margin-left: 80px;

}



.jrFieldGroup .jrFieldLabel {

float: left;

width: 80px;

font-size: 11px;

font-weight: bold;

text-align: left;

white-space: normal;

}






/* fix google chrome custom field text formatting issue */

ul.jrFieldValueList li {

white-space: nowrap;

}



.jrForm .jrFieldDescription {

margin: 5px 0 2px 0;

color: #397511;

font-style: normal;

}







/* hide image hits */

.jr-media-views {

display:none;

}



/* force the fields to output below the photos on mobile */

@media (max-width: 480px) {

.jrBlogview .jrCustomFields {

clear: both !important;

}

}











.











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

Add your custom styles for modules and plugins here

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
















 


 

























/* You can use this code for the module background:I added the sidebar-right so that only sidebar modules get this, but you can change it if you want.
You can also add some bottom margin to increase the space between items. */

.sidebar-right .jrModuleItems .jrListingsModule .jrModuleItem {
background-color: #f4f4f4;
margin-bottom: 10px;
}



/* Field titles in modules can be hidden with this: */

.jrListingsModule .jrModuleFieldTitle {
display: none;
}

/* Field titles in modules can be hidden with this: */
.jrForm .jrDecimal, .jrForm .jrInteger {
    width: 5em;
}









/* To make the second column drop below the first one in ipad */

@media (max-width: 768px) {
.jrListingDetail .jrGrid .jrCol3,
.jrListingDetail .jrGrid .jrCol9 {
clear: both;
width: auto;
}
}

/* height of textarea setting*/

.jrForm .jrFilterFieldWrap textarea {
height: 30px;
}

/* listing module title length: only first 2 lines of the title will be shown */

.jrModuleItems .jrModuleItemTitle {
max-height: 40px;
overflow: hidden;
margin-bottom: 10px;
}

/* ver 3 customisation start here: search module box height change to 40px */
.jrAdvSearchModule.jrForm .jrAutoSuggest, .jrAdvSearchModule.jrForm .jrKeywords, .jrAdvSearchModule.jrForm .jrSelect, .jrAdvSearchModule.jrForm .jrText {
    height: 40px;
    line-height: 30px;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#es form.jrForm input[type=text].jrAutoSuggest, #es form.jrForm input[type=text].jrKeywords, #es form.jrForm input[type=text].jrName, .jrForm input[type=text].jrAutoSuggest, .jrForm input[type=text].jrKeywords, .jrForm input[type=text].jrName {
    width: 100%;
}

.jrAdvSearchModule.jrRoundedPanel {
    padding: 5px;
}

.jrRoundedPanel, .jrRoundedPanelLt {
    padding: 14px 0;
    border: 0;
    /* border-bottom: 1px solid #dce0e0; */
    background: 0 0;
}

/* list page listings_thumbview */
.jrListColumn4 .jrListItem, [class*=jrListColumn] .jrListItem {
    float: left;
    text-align: left;
    margin: 0 1.428571429% 1.428571429% 0;
}

.jrThumbview .jrResults .jrListingTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    margin: 0 3px;
    font-size: 13px;
    line-height: 1.2;
}

.jrThumbview .jrResults .jrListItem {
    height: 230px;
}

/* fix card layout font size. can remove if using Bootstrap 4 template */
html {
	font-size: 16px;
}

/* change detail page gallery image background colour */
.galleria-theme-classic {
    position: relative;
    overflow: hidden;
    background: #fff;
}

/* remove space above listing detail page header image */
.jrDetailHeader {
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    margin: 0px auto 65px;
    height: 300px;
    position: relative;
}

/* change mobile filter button colour to yellow */
.jrButton.jrBlue, a.jrButton.jrBlue, a.jrButton.jrBlue:link, a.jrButton.jrBlue:visited {
    background-color: #ee9c1d;
    border-color: #ee9c1d;
    color: var(--fwd-color-white)!important;
}

/* change featured button colour to yellow */
.jrStatusLabel.jrBlue {
    background: #fbde89;
    color: #212529;
}

/* change search module size */
.jrForm input:not([type=checkbox]):not([type=radio]), .jrForm select, .jrPage input:not([type=checkbox]):not([type=radio]), .jrPage select {
    padding: 3px 10px;
    margin: 0 .75em 0 0;
}