@charset "utf-8"; 
/* CSS Document */

.blog-marquee-wrapper {
    
 }
 
.blog-marquee-padding-list {
    padding: 28px 12px 0px;
 }
 
 .blog-marquee-padding-detail {
    padding: 28px 0px 18px;
 }

/* -------- Blog Marquee for Light and Dark - Use Backgroung Image --------*/

.blog-marquee {	
    display:inline-block;
	width:100%;
	max-width:100%;
	padding:0px;	
	height:500px;
	text-align:center;
    vertical-align:middle; 
	background-color:#f9f9f9; 
	background-image: url("https://cms.realestatedesigner.com/user_images/big_2d83a2bc7ed7897b2d14edc388419fb8.jpg"); /* Specify BG Image Here from CMS Control */ 
	background-repeat:no-repeat;
    background-position:center;
    background-position: 50% 50% !important;
    background-size:cover;
    margin: 0px auto 5px;
	border-radius:8px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    overflow:hidden;	
    -webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
    }
    
 .blog-marquee:hover {
    -moz-box-shadow: 0 0 15px #c3c3c3; 
	-webkit-box-shadow: 0 0 15px #c3c3c3; 
	box-shadow: 0 0 15px #c3c3c3;      
    background-color:#fff;
}


/* -------- Blog Marquee for Color - No Background Image - Use Color BG --------*/

.blog-marquee-color {	
    display:inline-block;
	width:100%;
	max-width:100%;
	padding:45px 0px 55px;	
	height:auto;
	text-align:center;
    vertical-align:middle; 
	background-color:#808080; /* Specify BG Color Here from CMS Control */  
	background-image: none;
    margin: 0px auto 5px;
	border-radius:8px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    overflow:hidden;	
    -webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
    }
    
 .blog-marquee-color:hover {
    -moz-box-shadow: 0 0 15px #c3c3c3; 
	-webkit-box-shadow: 0 0 15px #c3c3c3; 
	box-shadow: 0 0 15px #c3c3c3;
}	

.blog-marquee-divider-white {
   height:1px;
   background-color: rgba(255, 255, 255, 0.3);
   width:60%;	
   margin:8px auto;   
 }	

/* Color Version - Use No BG or Shadow for Marquee Titles */

 .blog-marquee-container-color {
    text-align:center;
	padding:12px 22px 18px 22px;	
	max-width:85%;	
	text-align: center; 	 	
	margin: auto;	
 }
 
 h2.blog-marquee-title-1-color {
	font-size:1em;  
    line-height:.95em; 
    color:#fff; /* Using Light Font for Titles */
	font-weight:400;  	
	margin: 8px 5px 0px 5px;	
}

h1.blog-marquee-title-2-color {
	font-size:3.3em;  
	line-height:1.3em; 
	font-weight:400;  	
	margin: 0px 10px 3px;	
    color:#fff;	/* Using Light Font for Titles */
}

h3.blog-marquee-title-3-color {
	font-size:1.2em;  
	line-height:1.3em; 
	font-weight:400;  	
	margin: 0px 15px 5px;
    color:#fff; /* Using Light Font for Titles */
}

/* -------- END Blog Marquee for Color - No Background Image - Use Color BG --------*/

    
/* Light BG for Marquee Title - Default Version */

 .blog-marquee-container-light {
    text-align:center;
	padding:22px 22px 25px 22px;	
	max-width:85%;
	background: rgba(255, 255, 255, 0.95); /* Using Light Background for Titles */
	text-align: center; 	 	
	margin: 100px auto 0px;
	border-radius:4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 
 h2.blog-marquee-title-1-light {
	font-size:1.2em;  
    line-height:1.3em; 
    color:#959595; /* Using Dark Font for Titles */
	font-weight:400;  	
	margin: 8px 5px 0px 5px;	
}

h1.blog-marquee-title-2-light {
	font-size:3.3em;  
	line-height:1.3em; 
	font-weight:400;  	
	margin: 0px 10px 3px;	
    color:#1b1b1b; /* Using Dark Font for Titles */
}

h3.blog-marquee-title-3-light {
	font-size:1.3em;  
	line-height:1.4em; 
	font-weight:400;  	
	margin: 0px 15px 5px;
    color:#1b1b1b; /* Using Dark Font for Titles */
}

 /* Dark BG for Marquee Title  */
 
 .blog-marquee-container-dark {
    text-align:center;
	padding:22px 22px 25px 22px;	
	max-width:85%;
	background: rgba(0, 0, 0, 0.7); /* Using Dark Background for Titles */
	text-align: center; 	 	
	margin: 100px auto 0px;
	border-radius:4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 
h2.blog-marquee-title-1-dark {
	font-size:1.2em;  
    line-height:1.3em; 
    color:#ffffff; /* Using Light Font for Titles */
	font-weight:400;  	
	margin: 8px 5px 0px 5px;	
}

h1.blog-marquee-title-2-dark {
	font-size:3.3em;  
	line-height:1.3em; 
	font-weight:400;  	
	margin: 0px 10px 3px;	
    color:#ffffff; /* Using Light Font for Titles */
}

h3.blog-marquee-title-3-dark {
	font-size:1.3em;  
	line-height:1.4em; 
	font-weight:400;  	
	margin: 0px 15px 5px;
    color:#ffffff; /* Using Light Font for Titles */
}



/* -------- Blog Listings --------*/	

.content-blog-wrapper {
		display:block;
		-webkit-box-flex: 1;
		margin:25px 0px;
		display: -webkit-box;     /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;     /* TWEENER - IE 10 */
		display: -webkit-flex;    /* NEW - Chrome */
		display: flex;            /* NEW, Spec - Opera 12.1, Firefox 20+ */  
		-ms-flex-direction: row;
		-ms-flex-wrap: wrap;
		-webkit-flex-flow: row wrap; 
		flex-flow: row wrap; 
		justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-around; 
   		justify-content: space-around; 		
	}

.blog-container {
	margin:15px 0px; 
	display:inline-block; 
    width:auto;
	}    

.blog-container-content {	
    background-color:#f9f9f9;
    border: solid 1px #fff;
    border-radius:12px;
    -webkit-border-radius: 12px;
	-moz-border-radius: 12px; 
	-moz-box-shadow: 0 0 4px #cccccc; 
	-webkit-box-shadow: 0 0 4px #cccccc; 
	box-shadow: 0 0 4px #cccccc;
    -webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;   
    overflow:hidden;	
	max-width:100%; 
	max-height:100%; 
	width:auto;
	padding:0px 0px 10px 0px; 
	margin:10px;
    }	
    
.blog-container-content-color {	
    background-color:#808080; /* Specify BG Color Here from CMS Control */
    border-radius:12px;
    -webkit-border-radius: 12px;
	-moz-border-radius: 12px; 
	-moz-box-shadow: 0 0 4px #cccccc; 
	-webkit-box-shadow: 0 0 4px #cccccc; 
	box-shadow: 0 0 4px #cccccc;
    -webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;   
    overflow:hidden;	
	max-width:100%; 
	max-height:100%; 
	width:auto;
	padding:0px 0px 10px 0px; 
	margin:10px;
    }	
    
.blog-container-content:hover {
    -moz-box-shadow: 0 0 15px #c3c3c3; 
	-webkit-box-shadow: 0 0 15px #c3c3c3; 
	box-shadow: 0 0 15px #c3c3c3;
    -webkit-transform: scale(1.005);
    -ms-transform: scale(1.005);
    transform: scale(1.005);  
    background-color:#fff;
}	

.blog-container-content-color:hover {
    -moz-box-shadow: 0 0 15px #c3c3c3; 
	-webkit-box-shadow: 0 0 15px #c3c3c3; 
	box-shadow: 0 0 15px #c3c3c3;
    -webkit-transform: scale(1.005);
    -ms-transform: scale(1.005);
    transform: scale(1.005);
}	

.blog-container-pic-wrapper {					
	max-width:100%; 
	height:216px !important;
    width:auto;     
    overflow:hidden;
}	

.blog-detail-margin-custom {
    margin-top:-9px !important;
}

.blog-container-pic {					
	max-width:100%; 
	max-height:100%; 
	width:auto; 
}	

.blog-titles-wrapper {
	display:block; 
	margin:4px 0px 6px 0px; 
	padding:6px 0px 7px 0px; 
    text-align:center;
}

.blog-titles-wrapper-color {
	display:block; 
	margin:4px 0px 6px 0px; 
	padding:50px 0px; 
    text-align:center;
}

h2.blog-title-1 {
	font-size:.95em;  
    line-height:1em; 
    color:#959595;
	font-weight:400;  	
	margin: 8px 5px 0px 5px;	
}

h2.blog-title-1-color {
	font-size:.95em;  
    line-height:1em; 
    color:#ffffff;
	font-weight:400;  	
	margin: 8px 5px 0px 5px;	
}


h1.blog-title-2 {
	font-size:1.4em;  
	line-height:1.3em; 
	font-weight:500;  	
	margin: 5px 10px;	
    color:#1b1b1b;	
}

h1.blog-title-2-color {
	font-size:2em;  
	line-height:1.3em; 
	font-weight:500;  	
	margin: 5px 12px;	
    color:#ffffff;	
}


.blog-title-3-highlight {
    display: block;
    margin: 3px 0px;
}

h3.blog-title-3 {
	font-size:.9em;  
	line-height:1.4em; 
	font-weight:400;  	
	margin: 5px 18px;
    color:#555555;
}

h3.blog-title-3-color {
	font-size:.9em;  
	line-height:1.4em; 
	font-weight:400;  	
	margin: 5px 18px;
    color:#ffffff;
}

/* Blog Details Page */

.blog-social-details {
   display:inline-block;
   margin:5px 10px 5px 0px;
   height:28px;
 }
.blog-date-details {
    font-size: .95em;
    font-weight:500;
    color:#959595;
    display:inline-block;
    margin:4px 10px 4px 0px;
    vertical-align:top;
 }
.blog-author-details {
    font-size: .95em;
    font-weight:600;
    color:#363636;
    display:inline-block;
    margin:4px 10px 4px 0px;
    vertical-align:top;
 }

/* Extra small devices (Phones)*/
@media (max-width: 767px) {
	

/* Color Version - Use No BG or Shadow for Marquee Titles */

.blog-marquee-color {	
    display:inline-block;
	width:100%;
	max-width:100%;
	padding:47px 0px 53px;	
	height:auto;
}

 .blog-marquee-container-color {
    margin: auto;
    max-width:100%;	
 }
 
h2.blog-marquee-title-1-color {
	font-size:1.1em;  
    line-height:1em;
	font-weight:500;  	
	margin: 8px 5px 0px 5px;	
}

h1.blog-marquee-title-2-color {
	font-size:2.1em;  
	line-height:1.3em; 
	font-weight:500;  	
	margin: 5px 12px;		
}

h3.blog-marquee-title-3-color {
	font-size:1.1em;  
	line-height:1.4em; 
	font-weight:500; 	
	margin: 5px 15px;
}

 /* Light BG for Marquee Title  */ 

.blog-marquee-container-light {
    max-width:100%;
 }
 
h2.blog-marquee-title-1-light {
	font-size:1.1em;  
    line-height:1em;
	font-weight:500;  	
	margin: 8px 5px 0px 5px;	
}

h1.blog-marquee-title-2-light {
	font-size:2.1em;  
	line-height:1.1em; 
	font-weight:500;  	
	margin: 5px 12px;		
}

h3.blog-marquee-title-3-light {
	font-size:1.1em;  
	line-height:1.4em; 
	font-weight:500; 	
	margin: 5px 15px;
}

 /* Dark BG for Marquee Title  */
 
 .blog-marquee-container-dark {
    max-width:100%;
 }

h2.blog-marquee-title-1-dark {
	font-size:1.1em;  
    line-height:1em;
	font-weight:500;  	
	margin: 8px 5px 0px 5px;	
}

h1.blog-marquee-title-2-dark {
	font-size:2.1em;  
	line-height:1.1em; 
	font-weight:500;  	
	margin: 5px 12px;
}

h3.blog-marquee-title-3-dark {
	font-size:1.1em;  
	line-height:1.4em; 
	font-weight:500; 	
	margin: 5px 15px;
}
    
/* -------- Blog Listings --------*/

.blog-container {
	margin:15px 0px; 
	display:inline-block;
	}
   
/*.blog-container-content {
	max-width:100%; 
	max-height:100%; 
	width:auto; 
	margin:10px; 
	}	
*/

.blog-container-content {	
		max-width:284px; 
        width:284px;
		max-height:inherit;
		margin:5px auto; 
		}	
        
.blog-container-content-color {	
		max-width:284px; 
		max-height:inherit;
		margin:5px; 
		}	
        
/*
.blog-container-pic {
		max-width:284px; 
		max-height:inherit; 
		width:100% !important;
		}	
        
 */


h2.blog-title-1 {	
    font-size:1.1em;    
}

h2.blog-title-1-color {	
    font-size:1.1em;    
}

h1.blog-title-2 {
	font-size:1.5em; 	
}

h1.blog-title-2-color {
	font-size:1.9em; 	
}

.blog-title-3-highlight {
    display: block;
    margin: 3px 0px;
}

h3.blog-title-3 {
	font-size:1.1em;
}

h3.blog-title-3-color {
	font-size:1.1em;
}

}

/* Small devices (Phones,  Tablets)*/
@media (min-width: 768px) and (max-width: 991px) {

.blog-container {
		margin:10px; 
		display:inline-block; 
	}        

.blog-container-content {		
		max-width:324px;
        width:324px;
		max-height:inherit;
		}	
        
.blog-container-content-color {	
		max-width:324px;
        width:324px; 
		max-height:inherit;
		margin:5px; 
		}	

.blog-container-pic {
		min-width:324px; 
		max-height:inherit; 
		width:100% !important;
		}	
	
.blog-title-3-highlight {
    /*background-color: #5490FE;*/
	display: block;
    margin: 0px;
	}
    
/* Color Version - Use No BG or Shadow for Marquee Titles */

 
h1.blog-marquee-title-2-color {
	font-size:2.6em;  
	line-height:1.3em;	
}

/* Light BG for Marquee Title  */

h1.blog-marquee-title-2-light {
	font-size:2.6em;  
	line-height:1.3em;		
}

/* Dark BG for Marquee Title  */

h1.blog-marquee-title-2-dark {
	font-size:2.6em;  
	line-height:1.3em;
}


}

/* Medium devices (Desktop) */
@media (min-width: 992px) and (max-width: 1199px) {

.content-blog-home {
		width:992px;		
	}
    
.blog-container {
		margin:10px; 
		display:inline-block; 
	}
  
.blog-container-content {		
		max-width:324px;
        width:324px;
		max-height:inherit;
		}	
		
.blog-container-content-color {		
		max-width:324px;
        width:324px;
		max-height:inherit;
		}
        
.blog-container-pic {
		/*min-width:284px; 
		max-height:inherit; 
		width:100% !important;*/
        max-width:324px;
		width:324px !important;
        margin-top:-15px;
		}	
		
.blog-title-3-highlight {
    display: block;
    margin: 0px;
	}

/* Color Version - Use No BG or Shadow for Marquee Titles */

h1.blog-marquee-title-2-color {
	font-size:2.6em;  
	line-height:1.3em;	
}

/* Light BG for Marquee Title  */

h1.blog-marquee-title-2-light {
	font-size:2.6em;  
	line-height:1.3em;		
}

/* Dark BG for Marquee Title  */

h1.blog-marquee-title-2-dark {
	font-size:2.6em;  
	line-height:1.3em;
}
   
}

/* Large devices (Desktop) */
@media (min-width: 1200px) {

.content-blog-home {
		width:1198px;		
	}

.blog-container-content {
		/*max-width:358px;
        width:358px; */
        max-width:324px;
        width:324px;
		max-height:inherit;
		}			    
        
.blog-container-content-color {
		/*max-width:358px;
        width:358px; */
        max-width:324px;
        width:324px;
		max-height:inherit;
		}		

.blog-container-pic {
		/*max-width:358px;
		width:358px !important;*/
        max-width:324px;
		width:324px !important;
        margin-top:-15px;
		}	
        
}


/* Extra Large devices (Desktop) 
@media (min-width: 1440px) {

.content-blog-home {
		width: 1440px;		
	}


}*/