/*
Theme Name: TeenDroid
Author: Osho Garg
Description: WordPress Theme For Tech Blogs
Version: 1.0
*/


@font-face {font-family:'FontAwesome';src: url('/wp-content/themes/Files/Fonts/fontawesome-webfont.woff2') format('woff2'), url('/wp-content/themes/Files/Fonts/fontawesome-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-home:before{content:'\f015'}
.fa-bars:before{content:'\f0c9'}
.fa-facebook:before{content:'\f09a'}
.fa-rss:before{content:'\f09e'}
.fa-folder-open:before{content:'\f07c'}
.fa-user:before{content:'\f007'}
.fa-envelope:before{content:'\f0e0'}
.fa-link:before{content:'\f0c1'}
.fa-comments:before{content:'\f086'}
.fa-arrow-right:before{content:'\f061'}
.fa-android:before{content:'\f17b'}
.fa-gamepad:before{content:'\f11b'}
.fa-newspaper:before{content:'\f1ea'}
.fa-mobile:before{content:'\f10b'}
.fa-star:before{content:'\f005'}
@font-face{font-family:'Bree Serif';src: url('/wp-content/themes/Files/Fonts/BreeSerif-Regular.woff2') format('woff2'), url('/wp-content/themes/Files/Fonts/BreeSerif-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;src: url('/wp-content/themes/Files/Fonts/PTSerif-Web-Regular.woff2') format('woff2'), url('/wp-content/themes/Files/Fonts/PTSerif-Web-Regular.woff') format('woff');font-display:swap}
@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;src: url('/wp-content/themes/Files/Fonts/PTSerif-Web-Italic.woff2') format('woff2'), url('/wp-content/themes/Files/Fonts/PTSerif-Web-Italic.woff') format('woff');font-display:swap}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;src: url('/wp-content/themes/Files/Fonts/PTSerif-Web-Bold.woff2') format('woff2'), url('/wp-content/themes/Files/Fonts/PTSerif-Web-Bold.woff') format('woff');font-display:swap}
*{margin:0;padding:0}
a{text-decoration:none}
body{background:url(images/BackGround.png);font-family:'Bree Serif'}
.wrapper{margin:0 auto;max-width:1000px}
header.logo{background:url(images/Header.png);height:60px;padding:10px}
header.logo a h1,a.shadow{color:#fff;float:left;font-size:40px;height:60px;width:280px}
.shadow{text-shadow:0 1px 0 #ccc,0 0 0 #c9c9c9,0 0 0 #bbb,0 1px 0 #b9b9b9,0 1px 0 #aaa,0 1px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}
.shadow span{background:#00E461;padding:0 10px 5px}
header form{float:right;padding:13px 0}
header form input[type=text]{background-color:transparent;border:0;border-bottom:2px dotted #00E461;color:#00E461;font-family:'PT Serif';font-size:16px;outline:0;padding:6px;width:150px}
header form:after{color:#00E461;content:'\f002';font-family:FontAwesome}
nav{background:#292929;border-bottom:3px solid #00E461;box-shadow:rgba(0,0,0,0.3) 0 2px 2px -1px;height:36px;overflow:hidden;margin-bottom:5px;width:100%}
nav ul{margin:0 auto;max-width:1000px}
nav ul:after{clear:both;content:' ';display:table}
nav ul li{display:inline;float:left}
nav ul li a span:nth-child(even){margin-left:5px}
nav ul li a{box-sizing:border-box;display:inline-block;padding:8px 7px 7px;width:100%}
nav ul li a:hover{background:#00E461}
nav ul li a span{color:#fff;font-size:15px}
nav a#pull{color:#fff;display:none}
i.fa.fa-bars{float:right;margin-top:3px}
section{background:#fff;border:1px solid #cdcdcd;box-shadow:1px 1px 4px rgba(0,0,0,.1);float:left;padding:10px;width:calc(68% - 22px)}
.news{border-bottom:3px solid #00E461;height:29px}
.news h2{background:#00E461;border-radius:2px 2px 0 0;color:#222;float:left;font-size:16px;height:19px;padding:5px 10px}
.posts article{border-bottom:1px solid #e2e2e2;float:left;padding:10px 0 0}
.posts article a img{float:left;margin-right:10px;width:38%}
.posts article header{float:left;height:auto;width:calc(62% - 10px)}
.posts article header h1 a,.posts article header h1 a,.posts article header h2 a,.posts article header h3 a{color:#222;display:inline-block;font-size:19px;font-weight:400;overflow:hidden}
.posts article p{color:#333;float:left;font-family:'PT Serif';height:78px;line-height:24px;overflow:hidden;width:calc(62% - 10px)}
.Top2{float:left;margin-bottom:5px;width:calc(62% - 10px)!important}
.Top2 span:first-child{margin-right:10px}
.Top2 span,.Top2 span a{color:#555;font-size:14px}
.fa-folder-open,.fa-comments,.fa-user{margin-right:5px}
.container{height:186px;overflow:hidden;position:relative;width:100%}
.item{position:absolute}
.item img{transition:.6s ease}
.container:hover .item img{transform:scale(1.2)}
aside{border:1px solid #cdcdcd;border-left:0;border-radius:0 0 4px 0;box-shadow:1px 1px 4px rgba(0,0,0,.1);float:left;width:calc(32% - 1px)}
aside .title{background:#f5f5f5;border-bottom:1px solid #e2e2e2;color:#666;font-size:17px;padding:5px 8px}
.ads{background:#f5f5f5;border-bottom:1px solid #e2e2e2;color:#666;padding:2px 20px 5px}
.facebook{background:#fff;border-bottom:1px solid #e2e2e2;height:180px}
.facebook img{float:left;margin:8px 10px;width:calc(100% - 19px)}
.random a{color:#666;font-family:'PT Serif';font-size:14px;line-height:26px;overflow:hidden}
.random img{border-radius:2px;display:block;float:left;height:48px;margin-right:8px;width:48px}
.random-post{background:#fff;border-bottom:1px solid #e2e2e2;color:#666;height:48px;overflow:hidden;padding:10px 8px}
.random-post:last-child{border:0}
footer{background:url(images/Header.png);border-top:3px solid #00E461;clear:both;float:left;font-size:14px;height:23px;line-height:23px;margin-top:5px;padding:5px 10px;width:calc(100% - 20px)}
footer p{color:#ddd}
footer p a{color:#fff}
#post{float:left;width:68%}
section.post{width:calc(100% - 22px)}
.post header{border-bottom:1px solid #CCC;padding-bottom:10px}
.post header h1 a{color:#333;font-family:'Bree Serif';font-size:22px;font-weight:400;height:auto;text-transform:capitalize;width:100%}
.post article{color:#000;font-family:'PT Serif';padding:8px 0 0;text-align:justify}
.post article p{font-size:15px;line-height:24px;margin:0 0 10px}
.post article img{height:auto;max-width:100%}
.post article h2,.post article h3{border-left:5px solid #00E461;color:#444;font-family:'Bree Serif';font-size:18px;font-weight:400;margin:0 0 5px -10px;padding:3px 5px 3px 10px;text-transform:capitalize}
.post article h2{font-size:20px}
.post article ol,.post article ul{font-size:15px;margin-bottom:10px;padding:0 35px}
.post article ol li{border-bottom:0;height:100%;line-height:21px;margin-bottom:5px}
.post article ul li{border-bottom:0;height:100%;line-height:21px;list-style:square;margin-bottom:5px;padding:0}
.post article p strong,.post article strong{font-weight:700}
.imgR{clear:both;float:right;margin-left:16px}
.imgL{clear:both;float:left;margin-right:16px}
.imgC{display:block;margin:0 auto!important}
.textC{text-align:center}
.youtube{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}
.youtube iframe,.youtube object,.youtube embed{border:0;height:100%;left:0;position:absolute;top:0;width:100%}
.tags{height:20px;overflow:hidden}
.tags a:before{color:#00E461;content:'\f292';font-family:FontAwesome;font-size:13px;margin-right:1px}
.tags,.author-box{background:#fff;border:1px solid #cdcdcd;box-shadow:1px 1px 4px rgba(0,0,0,.1);float:left;font-size:15px;margin-top:5px;padding:5px;width:calc(100% - 12px)}
.tags span{background:#00E461;color:#fff;margin:0 5px 0 -5px;padding:5px}
.author{border:2px solid #e6e6e6;float:left;height:56px;margin:2px;width:56px}
.author-box p{font-family:'PT Serif';line-height:20px;padding:0 0 4px 70px}
.author-box p b{font-family:'Bree Serif';font-weight:400}
#comments{background:#fff;border:1px solid #cdcdcd;box-shadow:1px 1px 4px rgba(0,0,0,.1);float:left;font-size:15px;margin-top:5px;padding:5px 10px;width:calc(100% - 22px)}
.comments-title:before{content:'\f086';font-family:FontAwesome;margin-right:10px}
#comments a{color:#00E461!important}
.children .comment{margin:10px 0 0 10px}
.comment{border:1px solid #eee;box-shadow:inset 0 2px 50px #f8f8f8;margin:10px 0 0;padding:10px}
.comment .avatar{border:1px solid #eee;box-shadow:inset 0 2px 50px #e0e0e0;float:left;margin-right:5px;padding:4px}
cite.fn{font-style:normal}
.reply{font-size:13px}
.commentmetadata{display:none}
.comment-body p{font-family:'PT Serif';font-size:14px}
h3#reply-title{margin:5px 0;text-transform:capitalize}
a#cancel-comment-reply-link{color:#222;display:none;font-size:14px}
.parent .comment-reply-title span{display:inline}
.comment-form-author span,.comment-form-email span,.comment-form-url span{color:#00E461;font-size:19px;left:10px;line-height:40px;position:absolute}
#author,#email,#url{padding:10px 13px 10px 36px}
.comment-form-author,.comment-form-email,.comment-form-url{float:left;margin-top:15px;position:relative;width:100%}
.form-submit{clear:both}
#submit{background:#00E461;border:0;color:#fff;font-family:'Bree Serif';font-size:14px;margin:15px;padding:6px 8px}
#comment{margin-top:20px;padding:10px;width:calc(100% - 22px)}
.comment-list,ul.children{margin-top:5px}
#author,#email,#url,#comment{border:1px solid #ddd;font-family:'PT Serif';font-size:14px;outline:0}
.wp-pagenavi{clear:both;padding:16px 10px 10px!important}
.pages,.current,.page,.nextpostslink,.last,.first,.previouspostslink{background:#00E461;border:3px double #fff;box-shadow:inset 0 0 2px white,0 0 5px #cacaca;color:#222;margin:0 5px 0 0;padding:4px 7px}
.current{background:#666}
.Top2 span a:hover,.posts article header h1 a:hover,.posts article header h1 a:hover,.posts article header h2 a:hover,.posts article header h3 a:hover,.posts article header span a:hover,.random-post a:hover,.post header h1 a:hover,.post article a,.tags a,footer p a:hover{color:#00E461}
.Display{display:none}
.wpcf7-form-control-wrap input[type=text],.wpcf7-form-control-wrap input[type=email],.wpcf7-form-control-wrap textarea{background:#fafafa;border:1px solid #ccc;font-family:'PT Serif';font-size:15px;margin-bottom:10px;padding:10px;width:96%}
input.wpcf7-form-control.wpcf7-submit{background-color:#49ac47;border:1px solid #309230;border-bottom:1px solid #166d16;border-radius:3px;color:#fff;display:inline-block;font-family:'PT Serif';font-size:17px;margin-top:10px;padding:5px 15px}
input[type='checkbox']{margin:4px 8px 4px 4px}
.wpcf7-form table{margin:10px auto;width:80%}
.wpcf7-response-output{text-align:center}
.screen-reader-response{display:none}
input.wpcf7-form-control.wpcf7-quiz {width:240px}
#error{text-align:center}
#error h2{border:0;color:#00E461;font-size:18vw}
#error h4{color:#00E461;font-size:2em;margin-bottom:20px;text-transform:uppercase}
.buttons{display:inline-flex;margin:25px 0}
.buttons a{background:#444;border-radius:5px;color:#fff!important;margin:10px;padding:10px 15px;transition:all .3s ease}
.buttons a:hover{background:#00E461}
#Cookie{background:url(images/Header.png);border-top:3px solid #00E461;bottom:0;color:#ddd;display:none;font-size:14px;line-height:23px;max-width:980px;padding:6px 10px;position:fixed;text-align:center;width:calc(100% - 20px);z-index:2}
#Cookie a{color:#00E461;text-shadow:1px 0px 1px #000}
a#accept{background:#00E461;border:0;border-radius:2px;color:#fff;cursor:pointer;font:inherit;margin-left:5px;padding:2px 8px;text-shadow:1px 0px 1px #000}

@media only screen and (min-width:768px) and (max-width:820px) {
nav ul li{width:33%}
nav ul li:nth-child(4),nav ul li:nth-child(7){border-right:0;width:calc(34% - 2px)}
.posts article p{font-size:15px}
}

@media only screen and (min-width:500px) and (max-width:767px) {
nav ul li{width:33%}
nav ul li:nth-child(4),nav ul li:nth-child(7){border-right:0;width:calc(34% - 2px)}
nav ul li span{font-size:15px!important}
section{width:calc(100% - 22px)}
.posts article p{font-size:15px}
#post{width:100%}
aside{border:0;box-shadow:none;margin-top:5px;width:100%}
.facebook,.random{border:1px solid #cdcdcd;box-shadow:1px 1px 4px rgba(0,0,0,.1);float:left;width:calc(50% - 5px)}
.random{margin-left:6px}
}

@media only screen and (min-width:0px) and (max-width:499px) {
nav ul li{width:50%}
nav ul li:nth-child(odd){border-right:0;width:calc(50% - 1px)}
nav ul li span{font-size:14px!important}
header form,.posts article p,.Top2,.pages{display:none}
section{min-width:298px;width:calc(100% - 22px)}
.posts article a img{height:48px;width:48px}
.posts article{width:100%}
.posts article header{width:calc(100% - 58px)!important}
.container{float:left;height:48px;width:48px}
.posts article header h1 a,.posts article header h1 a,.posts article header h2 a,.posts article header h3 a{color:#666;font-family:'PT Serif';font-size:14px!important;line-height:26px;overflow:hidden}
aside{border:1px solid #cdcdcd;margin-top:5px;min-width:318px;width:calc(100% - 2px)}
footer{height:45px;min-width:300px}
.wrapper{min-width:320px}
.tags,.author-box{min-width:308px}
#comments{min-width:298px}
#post,.random,.facebook{width:100%}
}

@media only screen and (min-width:0px) and (max-width:820px) {
nav ul li:first-child{display:none}
nav{height:auto}
nav ul li{border:1px solid #00E461;border-left:0;border-top:0}
nav ul{border-top:1px solid #00E461;display:none}
nav a#pull{display:block;padding:9px}
}