/*
	Theme Name: Bioneers 2.0
	Theme URI: #
	Author: Metaware team / ZAP
	Author URI: #
	Description:  Revised theme created by the GURU team and adapted by ZAP
	Version: 1.2
	Tags: HTML5, CSS3
	License: MIT
	License URI: 
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}
 

.text5 ul {
    list-style: inherit;
    list-style-position: inside;
}
iframe {    
 border: 0;
}

.top-intro{padding-bottom:10px}
#content .top-intro p{font-size:20px !important; color:rgb(18, 70, 92);text-align:justify;}

.square-cards .singlePostList .imp-img {height:250px}
.square-cards .singlePostList .cont-titl {height:150px}


.bluebg{background-color:rgb(18, 70, 92)}




/* general style changes */
/*
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Roboto+Condensed:400,500,700&display=swap" rel="stylesheet">
*/
 
html{font-family: 'Montserrat', sans-serif !important;line-height:1.1;font-size:16px;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Condensed', sans-serif !important;line-height:1.2 !important;}

.singlePost .page-title h3{margin:20px 0}
#content .singlePost figcaption,#content .singlePost p.imgcaption{font-size:.9rem !important;text-align:left;}
.sid-ads > b{font-family: 'Montserrat', sans-serif !important;}
.suggestedVideo li a,.recommendedVideo li .card .cont-titl > b, .suggestedVideo li .card .cont-titl > b{font-size:1.1rem;line-height:1.2;font-family: 'Roboto Condensed', sans-serif !important;}
#content .suggestedVideo{margin-top:25px !important}

#content p, #content li{font-family: 'Montserrat', sans-serif !important;font-size:1.1rem !important;line-height:1.5 !important;}

#content .featuredsb p{font-size:1rem !important}

.vid-image-sec img{width:100%;height:auto;}
#content p, #content ul, #content ol{margin:0 0 1.6rem 0 !important;}
#content ul,#content ol{list-style:initial;list-style-position: outside;padding-left:3rem;}
#content ol{list-style:decimal}
#content ul.sid-ads{list-style:none;padding-left:0;}
#content li{margin:auto !important;}

#content blockquote{text-align:center;font-style: italic;color:#656565;padding-top:1rem;margin: 0 2rem 2rem 2rem;}
#content blockquote p{margin:0 !important;line-height:1rem;}
#content blockquote cite{font-size:.9rem !important;font-weight:normal;}
#content blockquote cite:before{content: "\2014 \0020";}

#content .page-title-sub p{margin:0 !important;line-height:1.5 !important;font-size:.9rem !important;}
#content .singlePost .page-title-sub p span{margin-left:10px;margin-right:0;font-size:.9rem !important;}
#content ul.heateor_sss_follow_ul, #content ul.heateor_sss_sharing_ul {
    margin: 1px 0!important;
}
.singlePost .text5 a,.singlePost .text5 a:visited{color:#dd5f13;text-decoration:none;}
.singlePost .text5 a:hover,.singlePost .text5 a:focus{color:#12465C;text-decoration:underline;}

#content ul.mis-divs{padding-left:0}

.pad30{padding:30px}
#content .featuredsb li:not(:first-of-type){margin-top:25px !important}

#content .featuredsb .img-overlay-text  {
  color: #ffffff;
  font-weight: normal;
  display: table-cell;
  vertical-align: bottom;
  opacity: 0;
  transition: .5s ease;
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 85%;
    -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  text-align: left;
  font-size:14px;
  }
#content .featuredsb .dat-typ2 span { border: 1px solid rgb(218, 96, 38); color: rgb(218, 96, 38); float: right; font-size: 13px; height: 20px; line-height: 20px; padding: 0 20px; text-transform: uppercase; }

#content .featuredsb .imp-img:hover .img-overlay-text  {
  opacity: 1;
  }

#content .featuredsb .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;
}

#content .featuredsb .imp-img:hover .overlay {
  opacity: .5;
}

#content .featuredsb .post-title { font-weight: bold; padding: 16px; }
.nops p{display:none}

.ba{padding-top:20px}
.bb{padding-bottom:20px}

.dat-typ{display:inline-block !important;}

.banner-sec{margin-top:-40px}