/*
Theme Name: Dappa Responsive Theme
Theme URI: http://www.dappa360.com
Author: Michael Sajuyigbe
Author URI: https://twitter.com/mike_saj
Description: Blog Theme.
Version: 1.0
Tags: bootstrap, high resolution, flex slider, redux framework, responsive, featured-images, post-formats, threaded-comments, translation-ready
*/



/**
*		Table of Contents:
*	1. NORMALIZE STYLES
*	2. ELEMENTS
*	3. HEADER STYLES
*	4. NAVIGATION STYLES
*	5. BODY STYLES
*	6. HOMEPAGE STYLES
*	7. PAGE CONTENT STYLES
*	8. SIDEBAR STYLES
*	9. SEARCH STYLES
*	10. WORDPRESS DEFAULT WIDGETS STYLES
*/


 
/*--------------------------------------------------
                    NORMALIZE STYLES
---------------------------------------------------*/

html, body{
width:100%;
height:100%;
}

@viewport {
width: device-width;
initial-scale: 1;
zoom: 1;
min-zoom: 1;
max-zoom: 3;
user-zoom: fixed;
}

@font-face{
font-family:'TGE';
src:url('includes/asset/fonts/trumpgoteasreg-webfont.eot');
src:url('includes/asset/fonts/trumpgoteasreg-webfont.eot?#iefix') format('embedded-opentype'),
url('includes/asset/fonts/trumpgoteasreg-webfont.woff') format('woff'),
url('includes/asset/fonts/trumpgoteasreg-webfont.ttf') format('truetype'),
url('includes/asset/fonts/trumpgoteasreg-webfont.svg#TrumpGothicEastRegular') format('svg');
font-weight:normal;
font-style:normal;
}

/* League Gothic - Regular */
@font-face {
font-family: 'League Gothic';
src: url('includes/asset/fonts/leaguegothic-regular-webfont.eot');
src: url('includes/asset/fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('includes/asset/fonts/leaguegothic-regular-webfont.woff') format('woff'),
url('includes/asset/fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
url('includes/asset/fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face{ 
font-family: 'Roboto';
src: url('includes/asset/fonts/Roboto-Regular-webfont.eot');
src: url('includes/asset/fonts/Roboto-Regular-webfont.eot?iefix') format('eot'),
url('includes/asset/fonts/Roboto-Regular-webfont.woff') format('woff'),
url('includes/asset/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
url('includes/asset/fonts/Roboto-Regular-webfont.svg#webfont') format('svg');
}
 
body { 
line-height: 1.6;
font-family: 'Roboto',Helvetica, Arial, sans-serif;
color: #2c2c2c;
}

h1, h2 , h3, h4, h5, h6, header{
font-family:'TGE';
}
 
.h1, .h2, .h3, h1, h2, h3{margin-top: 16px;}

 h1{font-size: 50px;}
h2{font-size: 45px;}
h3{font-size: 40px;}
h4{font-size: 37px;}
h5{font-size: 34px;}
h6{font-size: 28px;}

ul, ol{
list-style: square;
}

input[type="search"], input[type="submit"], input[type="button"], textarea{
padding: 8px 20px;
border: 0;
outline: 0;
transition: background 0.15s ease-in-out;
-webkit-transition: background 0.15s ease-in-out;
-moz-transition: background 0.15s ease-in-out;
-ms-transition: background 0.15s ease-in-out;
-o-transition: background 0.15s ease-in-out;
}

#author, #email, #url, textarea{ 
border:1px solid #D7D7D7;
}

img{ 
max-width: 100%;
}


a, a:hover, a:active, a:focus{
text-decoration: none;
}

ul, ol {
margin-top: 0;
margin-bottom: 10px;
}

.no-style{
list-style: none;
text-shadow: 2px 2px rgba(255, 255, 255, 0.08);
}

/* ==========================================================================
   ELEMENTS STYLES
   ========================================================================== */
blockquote {
font-style: italic;
border-left: 2px solid;
margin-left: 15px;
padding: 0 0 0 20px;
font-size: 17.5px;
line-height: 26px;
clear: both;
}

table {
  border: 1px solid #e3e3e3; /* Fallback for IE */
border: 1px solid rgba(0,0,0,0.1);
border-width: 1px;
margin: 0 0 25px 0;
text-align: left;
padding:0;
}

caption { text-align: left; }

tr { 
border-bottom: 1px solid #e3e3e3; /* Fallback for IE */
border-bottom: 1px solid rgba(0,0,0,0.1) 
}
 
th,
td {
border: 1px solid #e3e3e3; /* Fallback for IE */
border: 1px solid rgba(0,0,0,0.1);
padding: 8px;
vertical-align: middle;
text-align: left;
font-weight: normal;
}

th{font-weight: bold;}

var,
kbd,
samp,
code,
pre {
background: #efefef;
}

pre {
white-space: pre;
font-size: 14px;
overflow: auto;
padding: 10px;
border: 1px solid rgba(0,0,0,0.1);
clear: both;
}

/* ==========================================================================
   HEADER STYLES
   ========================================================================== */

header, .navbar-brand, .dropdown  a{
font-family: TGE;
line-height: 25.6px;
font-weight: normal;
font-size: 28px;
}

header {
clear: both;
margin: 0 auto;
padding: 0;
margin-bottom: 50px;
}

/* ==========================================================================
   NAVIGATION STYLES
   ========================================================================== */

.navbar-brand {
padding: 0 30px;
font-family: 'League Gothic';
font-size: 40px;
font-weight: 400;
height: 54px;
line-height: 54px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
.current-menu-parent>a, 
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
/* color: #555; */
text-decoration: none;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.1);
 transition: background 0.15s ease-in-out;
 -webkit-transition: background 0.45s ease-in-out;
 -moz-transition: background 0.45s ease-in-out;
 -ms-transition: background 0.45s ease-in-out;
 -o-transition: background 0.45s ease-in-out;
}

.navbar-default .navbar-nav>li>a,
.dropdown-menu>li>a{
color: #777;
}

.navbar {
height: auto;
margin-bottom: 0;
}

ul.nav.navbar-nav li a{
line-height: 30px; 
}

ul.dropdown-menu li   {
border: none;
}

ul.dropdown-menu li:last-child{
border: none;
}

ul#menu-menu1 li a{
height: 100%;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.dropdown-menu>li>a {
display: block;
padding: 15px;
}

.navbar-toggle {
margin-top: 13px;
margin-right: 15px;
margin-bottom: 10px;
}

.navbar-default, .dropdown-menu{
background-color: rgba(0, 0, 0, 0.08);
}

.nav>li {
position: relative;
display: block;
padding: 8px;
}

ul.nav.navbar-nav li a {
padding: 3px 8px;
}

@media (max-width: 767px){
.navbar-nav .open .dropdown-menu>li>a {
line-height: 50px;
}
.navbar-right .dropdown-menu {
right: 8px;
}

}

.nav_hdghv{
border: none; border-radius: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    border: 0;
}

/* ==========================================================================
   BODY STYLES
   ========================================================================== */

.site-logo{ 
margin: 10px 5%;
width: 90%;
}

.main{padding-bottom: 45px;}
.main_home{padding-bottom: 45px;}

/* ==========================================================================
   HOMEPAGE STYLES
   ========================================================================== */

.infotextwrap {
position: relative;
width: 100%;
margin: 0 auto;
margin-top: 12px;
}

.infotext {
position: relative;
margin-top: 0px;
text-align: center;
margin: 0 auto 0px auto;
width: 100%;
margin: 1px 0 3% 0;
background: green;
}

.infotext h5 {
font-size: 41px;
text-transform: uppercase !important;
line-height: 120%;
margin-bottom: 0px;
text-transform: none;
padding: 10px;
box-shadow: 0px 0px 0px 3px #101F3A;
border: 3px solid #ffffff;
color: #fff;
} 

@media (max-width:767px){
.infotext h5 {font-size: 30px;}
}

.fp{
-webkit-transition: all 0.5s linear 0s; 
-moz-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}

.fp:hover{
box-shadow: 0 3px 15px #b2b2b2;
-moz-box-shadow: 0 3px 15px #b2b2b2;
-webkit-box-shadow: 0 3px 15px #b2b2b2;
}

.fp_a{
z-index: 1;
position: relative; 
min-height: 163px;
margin: 15px auto;
max-width: 450px;
width: 100%!important;
border-radius: 5px;
overflow: hidden; 
}

@media (max-width:767px){/*xs*/
.fp_a{
height: 250px; 
}
}

@media (max-width:385px){/*custom*/
.fp_a{
height: 188px; 
}
}

@media (min-width:768px) and (max-width:991px){/*sm*/
.fp_a{
height: 192px; 
}
}

@media (min-width:992px) and (max-width:1199px){/*md*/
.fp_a{
height: 163px; 
}
}

@media (min-width:1200px){/*lg*/
.fp_a{
height: 200px; 
}
}


.fp_a{
background-size: cover;
background-repeat: no-repeat;
}
 
.fp_a img{
position: absolute; 
border-radius: 6px;
min-height: 100%; 
min-width: 100%; 
z-index: 2;
}

.fp_b{
height: 172px;
margin-bottom: 25px; 
background-color: white;
border-radius: 5px;
border: 1px solid #DDD;
overflow: hidden;
}
 
.fp_b_thumb_header{

height: 100%;
float: left;
margin-right: 10px;
border-right: 1px solid #DDD;
}
 
.fp_b_thumb{
padding:10px; 
 } 
 
.fp_bxyz{
padding:10px; 
height: 171px; 
max-height: 171px;
}
 
.thumb{
margin: 0 auto;
height: 100%;
width: 100%;
max-width: 150px;
border-radius: 4px;
}
 
.fp_bxyz>.post-title>a>h5{ margin: 0px; }

.dappa_title{
text-shadow: 0 1px rgba(0, 0, 0, 1);
width: 100%; 
}
.thumb_mobile{display:none;}


.dappa_blog_title_a{
position: absolute; 
bottom:0; 
width: 100%; 
padding: 5px 10px; 
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 1));
background: -o-linear-gradient(rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 1)); /*Standard syntax */
font-size: 16px; 
z-index: 3;
}

.dappa_blog_title_a>a>.dappa_title, 
.dappa_blog_title_a>.dappa_category,
.dappa_blog_title_a>.dappa_category>a{
color:white;
}

.dappa_blog_title_a>.dappa_category>a{
padding: 3px 0;
}

.fcontent{
height: 113px; 
overflow: hidden;
}

.fcontent:hover{
overflow: auto;
}

.body_bg_img{
opacity: 1;
}

.body_bg_img {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.overlay_bg_div {
background-color: rgba(213, 81, 81, 0.5);
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}   

.body_bg_img img {
min-width: 100%;
min-height: 100%;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

/* ==========================================================================
   PAGE CONTENT STYLES
   ========================================================================== */

header, footer, .top-header, .lower-header{
width: 100%
}

.entry-title, .page-title, .post-title, .reply-title 
{
color: #337ab7;
}

.category-title, .archive-title, .category-title, .author-title, .tag-title, .search-title {
color: black;
}

.archive-meta{color: grey;}
.page-header {
padding-bottom: 0px;
margin: 0px;
}
.pre_content{margin-top:10px;}
#page{
padding-bottom: 10px;
background: white;
}

h1>small{color: inherit;}

.entry-content{padding: 10px 15px 0 15px; min-height:60%;}
.entry-content *{max-width: 100%;}

.entry-content_b{padding: 10px 0 0 0px; min-height:60%;}
.archive-meta{color: rgb(140, 134, 125);}
.archive-image{margin: 2px auto;}

/*Thumbnail*/
.attachment-post-thumbnail{
height: auto;
border-radius: 5px;
margin: 0 auto;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}

.title { font-size: 11pt; font-family: verdana; font-weight: bold; }

/** Footer Pagination**/

/* The containing box with a nice white background */
.paging-navigation {
margin-top: 50px;
padding: 1em;
}

/* Remove bullets and list indentation */
.paging-navigation ul {
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
}

/* Make the list items appear horizontally */
.paging-navigation li {
display: inline;
}

/* Give each link and the current item some padding to make them easy to click */
a.page-numbers,
span.page-numbers {
font-weight: bold;
text-decoration: none;
padding: 4px 10px;
color: #3395d2;
}

/* Link hover state */
ul.page-numbers li a:hover {
border-bottom: 3px solid #3395d2;
}

/* Current page bold and dark */
 .page-numbers.current{
color: #2a678c;
border-bottom: 3px solid #2a678c;
}

/*Centre objects*/
.obj-center{
float: none;
display: block;
margin: 1px auto;
}

.e404-title{
font-size: 70px;
text-align: center;
}

.e404_pd{
padding-bottom: 15px;
}

.text_r{text-align: right;}

/*Post Meta*/
#p_meta{ margin: 22px 0 10px; }
#p_meta span { text-transform: capitalize; margin: 0 10px; }
#p_meta span i { margin-right: 10px; }
#p_meta span:first-child{margin-left: 0px;}

	
form#search{margin-bottom: 1%;
margin: 5px 0;
position: relative;
}

form#search button{
position: absolute;
right: 0;
top: 0;
border: 0;
height: 32px;
width: 32px;
background: 0;
color: #C7C4C4;
box-shadow: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
font-size: 14px;
outline: 0;
}

form { margin-bottom: 0; }

/* ==========================================================================
   SIDEBAR STYLES
   ========================================================================== */
.sidebar {
margin-bottom: 10px;
}

.widget-title{
clear: both;
position: relative;
height: 50px;
line-height: 50px;
background: rgba(200, 197, 197, 0.35);
font-size: 30px;
font-family: 'TGE';
margin: 20px 0 10px;
}

.widget-title i {
width: 50px;
height: 50px;
line-height: 50px;
vertical-align: top;
background-color: #3E88C3;
font-size: 20px;
color: #fff;
text-align: center;
margin-right: 10px;
}

.sidebar ul{
padding: 0px;
}

.sidebar li{
margin: 3px 0px!important;
margin-right: 3px!important;
font-size: 16px;
line-height: 24px;
list-style: none;  
}

.primary-sidebar{margin-top: 30px;}
/* ==========================================================================
   SEARCH STYLES
   ========================================================================== */

#search input[type="search"] {
border: 1px solid #D7D7D7;
height: 35px;
width: 100%;
padding: 0px 10px;
box-sizing: border-box;
outline: 0;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}

/* ==========================================================================
   POST PREVIOUS AND NEXT LINK STYLES
   ========================================================================== */

.nav-previous a, .nav-next a{
font-weight: bold;
}


/* ==========================================================================
   FOOTER STYLES
   ========================================================================== */

 footer {
margin-top: 50px;
clear: both; 
padding: 10px 0;
}
 
.left_cont{line-height: 30px;}

 
/* ==========================================================================
   SOCIALS STYLES
   ========================================================================== */

   
#p_soc{
margin: 40px 0;
clear: both;
}

#p_soc>hr{
margin: 5px;
}

.rrssb-buttons {
font-family: Helvetica,Arial,sans-serif;
height: 30px;
margin: 0;
padding: 0;
width: 100%;
}

.rrssb-buttons, .rrssb-buttons li, .rrssb-buttons li a {
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: normal;
}

.rrssb-buttons li:first-child {
padding-left: 0;
}

.rrssb-buttons li {
float: left;
height: 100%;
width: 55px;
list-style: none;
margin: 0;
padding: 0 2.5px;
}

.rrssb-buttons li a {
color: #4e4d4d;
}

.rrssb-buttons li a {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 0 10px 0 10px;
border-radius: 2px;
font-size: 11px;
line-height: 36px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
/* background-color: #ccc; */
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}

.rrssb-buttons li a i {
font-size: 19px;
margin: 5px auto;
}

.social_usr>li>a{color:white;}
.social_usr>li>a:hover{color:white;}
.social_usr{float: right; width:auto;}

@media (max-width: 991px){
.social_usr{margin: 0 auto; float: none; width:100%;}
}

li.facebook a {
background-color: #d7d7d7;
}

.rrssb-buttons li.facebook a:hover {
background-color: #CBCBCB;
}

li.linkedin a {
background-color: #d7d7d7;
}

.rrssb-buttons li.linkedin a:hover {
background-color: #CBCBCB;
}

li.twitter a {
background-color: #d7d7d7;
}

.rrssb-buttons li.twitter a:hover {
background-color: #CBCBCB;
}

li.googleplus a {
background-color: #d7d7d7;
}

.rrssb-buttons li.googleplus a:hover {
background-color: #CBCBCB;
}

li.whatsapp a {
background-color: #d7d7d7;
}

.rrssb-buttons li.whatsapp a:hover {
background-color: #CBCBCB;
}

li.email a {
background-color: #d7d7d7;
}

.rrssb-buttons li.email a:hover {
background-color: #CBCBCB;
}


.facebookx{background: #3b5998;}
.twitterx{background: #5ea9dd;}
.linkedinx{background: #007bb6;}
.google_plusx{background: #dd4b39;}
.youtubex{background: #e12b28;}
.vimeox{background: #17b3e8;}
.paypalx{background: #042761;}
.instagramx{background: brown;}
.pin_interestx{background: #c51e26;}


/* ==========================================================================
   BACK TO TOP STYLES
   ========================================================================== */
.cd-top {
position: fixed;
padding: 16px;
bottom: 40px;
right: 10px;
overflow: hidden;
color: white;
background: #3E88C3;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
 .cd-top:hover {
color: white;
opacity: 1;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 0.7;
}
.cd-top.cd-fade-out {
opacity: .5;
}

@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}

@media only screen and (min-width: 1024px) {
.cd-top {
right: 30px;
bottom: 30px;
}
} 

/* ==========================================================================
   COMMENT STYLES
   ========================================================================== */

.comments-title{
border-bottom: 1px rgba(162, 162, 162, 0.22) solid;
}
.comment-form-comment label {
vertical-align: top;
}

#commentform p label{
min-width: 70px;
}

#commentform p input, textarea, .share-container{
max-width: 100%;
}

.comment-author div img{
clear: both; border-radius: 2px;}
 
.comment-author {
border-bottom: 1px solid #E8E8E8;
}

.comment_author_meta span a { margin-left: 25px; }
.comment_author_meta span:first-letter {
text-transform: uppercase;
}

.comment-author.vcard{display: flex; clear: both; margin-bottom: 10px;}
.comment-author.vcard>.child{padding:0; min-width: 61px; max-width: 61px;}
.comment-author.vcard>.child>a{display: block; clear: both; text-align: center;}
.comment_author_meta>span{padding-top: 4px; display: block; font-weight: bold;}
.comment-awaiting-moderation{margin: 0 0 5px;}

/* ==========================================================================
   WORDPRESS BASIC STYLES
   ========================================================================== */
.alignleft {
float: left;
margin: 0 20px 10px 0;
}

.alignright {
margin: 0 0 10px 20px;
float: right;
}

.aligncenter {
display: block;
clear: both;
margin: 30px auto;
padding: 3px;
}
ol.commentlist li{
list-style: none;
}

.alignnone{
margin-bottom: 25px;
}
.photo_caption{
text-align: right;
font-size: 13px;
margin: -30px 10px 0 0;
float: right;
font-style: italic;
position: relative;
}
.single_b .photo_caption{
color: #FFF;
z-index: 2000;
}

.wp-caption {
max-width: 100%;
padding: 0;
text-align: left;
}

.wp-caption img{
margin: 0;
padding: 0;
border: none;
width: 100%;
height: auto;
}

.wp-caption .wp-caption-text {
margin: 0;
padding: 5px;
background: #e23a3e;
color: #FFF;
font-size: 14px;
font-style: normal;
}

.wp-caption .wp-caption-text a{
color: #FFF;
}

.wp-smiley {
max-height: 13px;
margin: 0;
}
/* ==========================================================================
   WORDPRESS DEFAULT WIDGETS
   ========================================================================== */

iframe{ 
border:0;
width:100%; 
}   
   
#wp-calendar {
width: 100%;
margin: 10px 0;
text-align: left;
}

table#wp-calendar th, table#wp-calendar td {
border: none;
border: 1px solid rgba(150, 146, 178, 0.18);
padding: 6px;
text-transform: capitalize;
text-align: center;
}

table#wp-calendar th {
color: white;
background-color: #1486CE;
border: 1px solid rgba(150, 146, 178, 0.18);
}

table#wp-calendar td {
background: rgba(205, 202, 202, 0.15);
border: 1px solid rgba(150, 146, 178, 0.18);
}


@media (max-width:553px){

.fp_bxyz > .post-title{	font-size: 30px; margin-bottom:4px;}
.fcontent > .entry-content_b{ font-size: 13px; line-height: 1.5em; }
.fcontent{ height: 109px; }
}

@media (max-width:410px){
.post-title{margin: 2px 0;}
.fp_b_thumb, .fp_b_thumb_header{display: none;}
.fp_b, .fp_bxyz, .fcontent{height: auto; max-height:100%;}
.fp_bxyz>.post-title>a>h5 { margin-bottom: 10px;}

.thumb_mobile>img{ width:100%;}
.thumb_mobile{display:block; max-height: 210px; margin: 3px 0; overflow:hidden;}
.thumb_mobile:hover{overflow:visible; width: 100%; max-height: 410px;}
}