/* Theme Name: MDX OpenSource 
Theme URI: https://mdxopensource.wordpress.com/ 
Author: Ibadullah Khan 
Author URI: hhttps://mdxopensource.wordpress.com/author/mdxopensource/ 
Description: 2017 Theme for Professionals Bloggers, that is designed to help boost social shares and get you more viral traffic from top social media websites. 
Version: 1.6
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Tags: custom-background, custom-menu, featured-images, translation-ready, right-sidebar, two-columns, sticky-post, blog 
Text Domain: mdx-opensource 
This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */

 body {
     font-family: 'Open Sans', sans-serif;
     position: relative;
     overflow-x: hidden;
     background-color: #f1f1f1 !important;
}
 #wrapper {
     width: 100%;
}
/* HOMEPAGE POST-BOXES */
 .article {
     background-color: #f1f1f1;
}
 .article .postbox {
     background: #ffffff;
     overflow: hidden;
     height: 400px;
     margin-bottom: 20px;
     display: block;
     color: inherit;
     text-decoration: none;
     position: relative;
}
 .article .postbox:hover .read-more {
     height: 400px;
     width: 100%;
     color: #aaa;
     background-color: #2BBCDE;
     position: absolute;
     top: 0;
     opacity: 0.95;
     -webkit-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
}
 .article .postbox .featured-image img {
     height: 100%;
     width: auto;
}
 .article .postbox .postbox-content p {
     font-size: 12px;
     font-weight: 300;
     font-family: 'Open Sans', sans-serif;
}
 .article .postbox .postbox-content {
     padding: 0 10px;
}
 .article .postbox .postbox-content h3 {
     font-family: 'Open Sans', sans-serif;
     font-weight: 900;
     font-size: 16px;
     height: 60px;
}
 .article .postbox .featured-img {
     overflow: hidden;
     max-height: 180px;
}
 .read-more {
     height: 400px;
     width: 0%;
     color: #aaa;
     background-color: #2BBCDE;
     position: absolute;
     top: 0;
     opacity: 0.0;
     -webkit-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     text-align: center;
     padding-top: 180px;
}
 .read-more span {
     font-family: 'Open Sans', sans-serif;
     text-align: center;
     max-height: 400px;
     border: 1px solid #fff;
     display: inline-block;
     padding: 10px 30px;
     border-radius: 3px;
     color: #fff;
     font-weight: 900;
     font-size: 16px;
}
 .post-meta {
     font-family: 'Open Sans', sans-serif;
     clear: both;
     color: #999;
     font-size: 10px;
     font-size: 1rem;
     text-transform: uppercase;
     font-weight: bold;
     line-height: 22px;
}
/* END OF HOMEPAGE POST-BOXES */

/* START OF SINGLE POST PAGE */
 .post {
     font-family: 'Open Sans', sans-serif;
     background: #FFF;
     padding: 10px;
}
 .post p {
     font-size: 12px;
     color:#000;
     line-height: 22px;
}
 .post p span {
     display:block;
     color:#8f8f8f;
}
 .post h2 {
     font-family: 'Cabin', sans-serif;
     font-size: 49px;
}

.alignleft {
     float:left;
     margin-right:30px 
}
 .alignright {
     float:right;
     margin-left:30px 
}
 .aligncenter {
     text-align:center;
     display:block;
     margin-left:auto;
     margin-right:auto 
}
 .wp-caption, .wp-caption-text {
     text-align: center;
     font-size: 13px !important;
     font-family: 'Sans-serif';
     color: #666 !important;
}
 .gallery-caption {
     line-height:120%;
     font-size:90%;
     text-align:center;
     margin:5px 0 0 
}

/* NAV LINKS*/
 .nav-links {
     position: relative;
     font-size: 1.2em;
     line-height: inherit;
     margin: 10px 0px;
     padding: 1.5em 20px;
     border-top: 1px solid rgba(0,0,0,0.1);
     border-bottom: 1px solid rgba(0,0,0,0.1);
     background: #ffffff;
     float: left;
}
 .nav-links a {
     color: #000000;
     position: relative;
     display: inline-block;
}
 .nav-previous {
     float: left;
     width: 50%;
}
 .nav-next {
     float: left;
     width: 50%;
     border-left: 1px dotted #000000;
     padding-left: 25px;
}

.content-area {
     background: #FFFFFF;
     width: 1200px;
     margin: 0 auto;
     margin-bottom: 30px;
     padding: 10px 20px;
     height: 100vh;
}
/* Portrait phones and smaller */
 @media (max-width: 480px) {
     .post h2 {
         font-family: 'Cabin', sans-serif;
         font-size: 28px;
    }
     img {
         width: 100%;
         height: auto;
    }
     img.alignnone {
         width: 80%;
         display: block;
         margin-left: auto;
         margin-right: auto;
    }
}

/* SIDEBAR */
 .sidebar {
     background: #FFF;
     padding: 10px;
     float: right !important;
}

 h2.widgettitle {
     font-size:18px;
     padding-bottom: 20px;
}

 ul,li{
     padding:0;
     margin:0;
}
 li{
     list-style-type:none;
}


/* COMMENTS */
.comments-template {
     font-family: 'Open Sans', sans-serif;
     background: #FFF;
}

ul.comment-list {
     list-style:none;
     margin:0 0 1em;
     padding:0;
     text-indent:0;
}
 ul.comment-list li {
}
 ul.comment-list li.alt {
}
 ul.comment-list li.bypostauthor {
}
 ul.comment-list li.byuser {
}
 ul.comment-list li.comment-author-admin {
}
 footer.comment-meta {
     padding: 7px;
     font-size: 11px;
     margin-bottom: 20px;
}
 ul.comment-list li.comment {
     border-bottom:1px dotted #666;
     padding:1em;
}
 ul.comment-list li.comment div.comment-author {
}
 ul.comment-list li.comment div.vcard {
     font:normal 16px georgia,times,serif;
}
 ul.comment-list li.comment div.vcard cite.fn {
     font-style:normal;
}
 ul.comment-list li.comment div.vcard cite.fn a.url {
}
 ul.comment-list li.comment div.vcard img.avatar {
     border: 5px solid #ccc;
     float:right;
     margin:0 0 1em 1em;
}
 ul.comment-list li.comment div.vcard img.avatar-32 {
}
 ul.comment-list li.comment div.vcard img.photo {
}
 ul.comment-list li.comment div.vcard span.says {
}
 ul.comment-list li.comment div.commentmetadata {
}
 ul.comment-list li.comment div.comment-meta {
     font-size:9px;
}
 ul.comment-list li.comment div.comment-meta a {
     color:#ccc;
}
 ul.comment-list li.comment p {
     font-size:11px;
     margin:0 0 1em;
}
 ul.comment-list li.comment ul {
     font-size:11px;
     list-style:square;
     margin:0 0 1em 2em;
}
 ul.comment-list li.comment div.reply {
     font-size:11px;
}
 ul.comment-list li.comment div.reply a {
     font-weight:bold;
}
 ul.comment-list li.comment ul.children {
     list-style:none;
     margin:1em 0 0;
     text-indent:0;
}
 ul.comment-list li.comment ul.children li {
}
 ul.comment-list li.comment ul.children li.alt {
}
 ul.comment-list li.comment ul.children li.bypostauthor {
}
 ul.comment-list li.comment ul.children li.byuser {
}
 ul.comment-list li.comment ul.children li.comment {
}
 ul.comment-list li.comment ul.children li.comment-author-admin {
}
 ul.comment-list li.comment ul.children li.depth-2 {
     border-left:5px solid #555;
     margin:0 0 .25em .25em;
}
 ul.comment-list li.comment ul.children li.depth-3 {
     border-left:5px solid #999;
     margin:0 0 .25em .25em;
}
 ul.comment-list li.comment ul.children li.depth-4 {
     border-left:5px solid #bbb;
     margin:0 0 .25em .25em;
}
 ul.comment-list li.comment ul.children li.depth-5 {
}
 ul.comment-list li.comment ul.children li.odd {
}
 ul.comment-list li.even {
     background:#fff;
}
 ul.comment-list li.odd {
     background:#f6f6f6;
}
 ul.comment-list li.parent {
     border-left:5px solid #111;
}
 ul.comment-list li.thread-alt {
}
 ul.comment-list li.thread-even {
}
 ul.comment-list li.thread-odd {
}
 .sticky {
}

/* FOOTER */
 footer {
     background-color:#0c1a1e;
     font-family: 'Open Sans', sans-serif;
}
 .footer-col {
     margin-top:50px;
}
 .logofooter {
     margin-bottom:10px;
     font-size:25px;
     color:#fff;
     font-weight:700;
}
 .footer-col p {
     color:#fff;
     font-size:12px;
     font-family: 'Open Sans', sans-serif;
     margin-bottom:15px;
}
 .footer-col p i {
     width:20px;
     color:#999;
}
 .footer-ul {
     list-style-type:none;
     padding-left:0;
     margin-left:2px;
}
 .footer-ul li {
     line-height:29px;
     font-size:12px;
}
 .footer-ul li a {
     color:#a0a3a4;
     transition: color 0.2s linear 0s, background 0.2s linear 0s;
}
 .footer-ul i {
     margin-right:10px;
}
 .footer-ul li a:hover {
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
     color:#ff670f;
}
 .copyright {
     min-height:40px;
     background-color:#000000;
     font-family: 'Open Sans', sans-serif;
}
 .copyright p {
     text-align:left;
     color:#FFF;
     padding:10px 0;
     margin-bottom:0;
}
 .heading7 {
     font-size:21px;
     font-weight:700;
     color:#d9d6d6;
     margin-bottom:22px;
}
 .bottom_ul {
     list-style-type:none;
     float:right;
     margin-bottom:0;
     font-family: 'Open Sans', sans-serif;
}
 .bottom_ul li {
     float:left;
     line-height:40px;
}
 .bottom_ul li:after {
     content:"/";
     color:#FFF;
     margin-right:8px;
     margin-left:8px;
}
 .bottom_ul li a {
     color:#FFF;
     font-size:12px;
}
 
/* Text meant only for screen readers. */
 .screen-reader-text {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute !important;
     width: 1px;
     word-wrap: normal !important;
}