body { background:#f8f9fa; font-family: 'Lato', sans-serif !important; font-weight: 500 !important; text-align: justify; }
.post-template-default {   font-size: 1.6rem;}

footer									{ background-color: #fff; color:#625f5f; } 
footer a:hover {  color:#d3d3d3; } 

/* navbar */
.bg-light { background-color: #ffffff!important; }

a, a:hover { text-decoration: none; color:inherit;}
.sitePosition    			{ width: 40px; text-align: center; height: 40px; border-radius: 20px; padding-top: 7px; color:white; }
 

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; } 
.note {    font-size: 1.8em;    font-weight: bold;}
.rankingStars .fa-star { color:#ffc107 !important;}


/*
.navbar-default .navbar-brand	{ color: #3d5370; line-height: 1.2em; font-size:36px; height: auto; font-weight: 700; font-family: 'Lato', sans-serif !important;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus:hover { color: #0fb4e5; -webkit-transition: all .15s; transition: all .15s;}
.navbar-default .navbar-brand:focus { color: #0fb4e5;  }
.navbar-default .navbar-brand:hover {opacity:0.5;}
.navbar-default .nav li a 		{ color: #6e7e94; font-weight: regular; font-size: 16px; padding:10px 20px; }
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus	{ background-color: #0fb4e5; color:#fff; -webkit-transition: all .15s; transition: all .15s; }
.navbar-default .nav .dropdown .dropdown-menu a { color: #6D5050; text-shadow: #000 0 0; font-size: 1em; text-transform: capitalize; font-weight: normal;     padding: 6px 20px;}
.navbar-default .nav .dropdown .dropdown-menu a:hover { color:#fff;}
.dropdown:hover .dropdown a 	{ background-color: #0fb4e5;}
.navbar-default .navbar-nav>li.dropdown:hover>a + .dropdown-menu { display: block; padding: 0; border-radius: 4px;}
.navbar-default .fa { font-weight: normal; font-size: 0.8em; padding-left: 5px;}
.navbar-default .navbar-nav>li.dropdown:hover>a + .dropdown-menu { display: block;}
.navbar-nav>li 					{ height: 40px; background-color:#f3f3f3;}
.navbar-nav>li>a 				{ padding-top: 10px; padding-bottom: 10px;}
.navbar-nav						{ margin:0;}

.navbar-default                                     { background:none; }
.navbar-default .navbar-toggle						{ background-color: #187ab1 ; border-color: #187ab1;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus				{ background-color: #0fb4e5!important;}
.navbar-default.navbar-shrink 						{ padding:0;}
.navbar-default.navbar-shrink .heartStrokeFrame		{ display : none; }
.navbar-default.navbar-shrink .navbar-header	 	{ padding-bottom:0 !important;}
.navbar-default.navbar-shrink .navbar-right			{ padding-top: 38px !important;}
.navbar-default.navbar-shrink .navbar-nav			{ width:auto; background-color: transparent; padding-top: 0px;}
.navbar-default.navbar-shrink .navbar-nav li		{ background-color: transparent;}
.navbar-default.navbar-shrink .navbar-nav a 		{ color: #fff;}
.navbar-default.navbar-shrink span					{ font-size: 26px; color: #187ab1; padding-left:10px;}
.navbar-right 										{ padding-top: 38px !important;}
.navbar-header										{ width: 100%; }
.navbar-nav											{ width: 100%; background-color: rgba(255, 255, 255, 0.5); padding:0; margin-top: -38px;}
*/

/* CSS BLOG */

.nm-footer, .nm-header              { display : none !important;}
.nm-header-placeholder              { height:0 !important;}
.nm-post-header                     { height: auto !important; background-image: none !important; }
.nm-post-header h1                  { color :#3d5370;}
.nm-post-content h5                 { margin-bottom: 10px; margin-top: 30px; font-size:15px;}
.nm-post-content h2                 { margin-bottom: 0px !important; font-size:20px; font-weight:700; text-transform:uppercase;}
.nm-post-content h3                 { font-size: 1em; margin-bottom: 6px; color:#6c84a5;}
.nm-post-content .nm-post-excerpt p { height:175px;} 
.nm-blog-grid .nm-post-title        { min-height:52px;}

.btnArticle							{ width: 220px !important; margin: 30px auto !important; font-size: 2.3rem;}
/* END CSS BLOG*/
 


@media (max-width:576px) {
    .offerImage { width:250px;} 
    .headerImg { display: none;}
}

@media (min-width: 576px) {
    .offerImage { width:200px;} 
}