@charset "utf-8";
/* CSS Document */
/* 
Theme Name: Golody
Them uri: http://www.golody.com
Description: جو لودي، قالب موقع عرض الأفلام العربية المترجمة والمدبلجة، قالب بسيط وسهل الإستخدام مدمج فيه مجموعة وسائل مساعدة تسهل عملية نشر ومشاركة حلقات المسلسلات بكل بساطة.
Version: 1.51
Author: أعرضي زوهير (Aardi Zouhir)
Author uri: http://www.aardi4web.com
tags: Go lody, Golody, Video, Streaming, Stream, Film, أفلام , جو لودي
*/


/* Reset HTML5-CSS3 */ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins {background-color:#ff9;color:#000;text-decoration:none;}mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}

/* Body CSS */
body{background-color:skyblue; color:#222; font:16px tahoma; line-height:145%; direction:rtl;}
#allwramp{width:1100px; margin:16px auto; background-color:#fff; overflow:hidden;}

/* Header CSS */
header{}
div#logo{margin:6px; overflow:hidden;}
div#logo img{width: 100%;}
div#searchandsocial{background-color:#beeaff; margin:0 6px 6px;}
div#search{display: inline-block; padding:5px ; position:relative; float:right;}
div#search input{padding:4px 5px 5px; font:12px tahoma;}
div#social{display: inline-block; padding:5px 5px 0; float:left;}
div#social img{width:28px; height:28px; transition:0.8s;}
div#social img:hover{transform: rotate(360deg);}

/* Wrapper CSS */
div#wramp{margin:6px;}
div#wramp #brud{padding:5px 5px 7px; background-color:#beeaff; margin-bottom:12px;}
div#wramp #brud, div#wramp #brud a{transition:0.5s; font:14px tahoma; color:#000; text-decoration:none;}
div#wramp #brud a:hover{color:dodgerblue; transition:0.5s;}

div#wramp #brud .post-categories{display:inline-block;}
div#wramp #brud .post-categories li{display:inline-block;}

/* Content CSS */
div#content{width:75%; float:left; margin-right:2%; margin-bottom: 15px; overflow:hidden;}

/* caroussel CSS */
.container{padding:0; margin:0 0 10px 0; }
#myCarousel{width:850px; height:320px;}
.item{width:850px; height:320px}
.item img{width:850px; height:330px}
.item p{margin:10px 0 0px; padding:0px; /* background:rgba(0, 0, 0, 0.6); border-radius:4px; */}
.item a{color:#fff; text-decoration:none;}

div.important{padding:5px 0px 7px 5px; background-color:#beeaff; margin-bottom:12px; color:red; font:bold 15px tahoma;}
div.important span{padding:7px 12px 9px; background-color:red; color:#fff; }
div.important a{color:red;}
.showfilm{border:1px #000 solid; margin-bottom:16px;}
.showfilm div{padding:10px; text-align:justify; font:17px tahoma; line-height:160%;}
#singletitle{padding:10px; background-color:blue; color:#fff; font:14px tahoma;}
#singletitle span{margin-left:10px;}

.aligncenter , img.aligncenter{ margin:auto; display:block; margin-bottom:10px; margin-top:5px; }
.alignleft , img.alignleft{ float:left; margin:4px 8px 8px 0; }
.alignright , img.alignright{ float:right; margin:4px 0 8px 8px;}


.showfilm p p{ margin:0px; padding:0 0 20px 0; }
.showfilm p a{ font-size:15px; font-family:tahoma; color:#0066FF; line-height:145%; text-decoration:none; font-weight:bold; }
.showfilm p a:hover{ font-size:15px; font-family:tahoma; color:#CC0033; line-height:145%; text-decoration:none; font-weight:bold; }
.showfilm p ol{ padding: 0 45px 20px 0; margin: 0; }
.showfilm p ol li{ padding-bottom: 2px; list-style-type: decimal; }
.showfilm p ul{ padding: 0 45px 20px 0; margin: 0; }
.showfilm p ul li{ padding-bottom: 2px; list-style-type: disc; }
blockquote{ background:#494e54 none repeat scroll 0 0; border-right:5px solid #FFA200; color:#FFF; margin: 10px 20px 10px 10px; padding:10px; clear:both; }
.showfilm p h1{ font-family:arial; font-size:30px; font-weight:bold; padding:12px 7px 20px 5px; color:#333333; }
.showfilm p h2{ font-family:arial; font-size:24px; font-weight:bold; padding:12px 7px 20px 5px; color:#333333; }
.showfilm p h3{ font-family:arial; font-size:18px; font-weight:bold; padding:12px 7px 20px 5px; color:#333333;}
.showfilm p h4{ font-family:arial; font-size:16px; font-weight:bold; padding:12px 7px 20px 5px; color:#333333; }
.showfilm p h5{ font-family:arial; font-size:14px; font-weight:bold; padding:12px 7px 20px 5px; color:#333333; }
.showfilm p h6{ font-family:arial; font-size:12px; font-weight:bold; padding:12px 7px 20px 5px; color:#333333;}

.showfilm div iframe{width:100%; height:460px; margin-bottom:6px;}
.showfilm div a{color:blue;}

/* ERREUR */
.EREUR p{
	width:100%; padding:10px 0 15px 0; line-height:200%;
}
.EREUR ul{
	width:100%; padding:10px 0 15px 0; line-height:170%; margin-right:60px; list-style:decimal-leading-zero;
}
.EREUR ul li a{
	color:#FFF; text-decoration:none;
}

.related{border-right:4px #222 solid; background-color:#beeaff; margin-bottom: 16px; padding:8px 8px 10px; font:bold 15px tahoma;}

div.showlist{}
div.showlist ul{width:100%;}
div.showlist ul li{margin:4px 0 0; list-style:inside decimal !important; color:#000;}
div.showlist ul li a{display:block; background-color:#beeaff; padding:4px 10px; color:#222; font:16px tahoma; text-decoration:none;}
div.showlist ul li a:hover{color:#06C;}

section.blockat{width:32%; height:263px; overflow:hidden; display:inline-block; float:right; margin-right:1%; margin-bottom:12px; }
section.blockat h3{padding:4px 4px; background-color:#beeaff; border-top:1px #222 solid; height:28px; font:bold 14px tahoma; color:#222; overflow:hidden;}
section.blockat h3 ul li{display:inline-block;}
section.blockat h3 a{font:14px tahoma; color:#222;}
section.blockat div, section.blockat div img{width:100%; height:190px; overflow:hidden; transition:0.7s;}
section.blockat div img:hover{width:105%; height:200px; transition:0.9s;}
section.blockat h2 a{padding:8px 4px; background-color:#beeaff; display:block; border-bottom:1px #222 solid; height:45px; font:bold 12px tahoma; color:#222; overflow:hidden;}
.loadmor{text-align: center;}
.loadmor a{display:block; padding:8px; background-color:#222; color:#beeaff; margin:5px 0;}

/* Ads Code */
#ads-content{width:728px; height:90px; overflow:hidden !important; margin:12px auto 8px; background:#eee;}
#ads-468{width:468px; height:60px; overflow:hidden !important; margin:12px auto 8px; background:#eee;}
#ads-mobile{width:98%; height:100%; overflow:hidden !important; background:rgba(250,250,250, 0.8); position:absolute; top:0px; z-index:9999; text-align:center; color:red; display:none;}
#ads-mobile aside a{color:red; font-size:12px; display:inline-block; padding:40px 4px 4px;}
#adse{width:250px; height:300%; text-align:center; margin:0 auto;}
.displaynon{display:none;}

/* sidebar CSS */
div#sidebar{width:23%; float:right; margin-bottom: 15px; overflow:hidden;}
section.blocksidbar{}
section.blocksidbar h4{padding:8px 6px; background-color:#222; margin-bottom:5px; color:#fff}
section.blocksidbar nav{}
section.blocksidbar nav ul{}
section.blocksidbar nav ul li{}
section.blocksidbar nav ul li a{display:block; padding:6px 5px 8px; text-decoration:none; background-color:#777; color: #fff; font:bold 14px tahoma; margin-bottom:4px; transition:0.2s;}
section.blocksidbar nav ul li a:hover{background-color:#444; transition:0.2s;}

/* Footer CSS */
footer{padding:16px; text-align:center;}

@media screen and (max-width:1099px){
	#allwramp{width:98%; margin:1% 1%;}
	
	/* caroussel CSS */
.container{padding:0; margin:0 0 10px 0; }
#myCarousel{width:100%; height:320px;}
.item{width:100%; height:320px}
.item img{width:100%; height:330px}
.item p{margin:10px 0 0px; padding:0px; /* background:rgba(0, 0, 0, 0.6); border-radius:4px; */}
.item a{color:#fff; text-decoration:none;}
#ads-content{display:none;}
}
}

@media screen and (max-width:840px){
#allwramp{width:98%; margin:1% 1%;}
div#content{width:100%; float:left; margin-right:2%; margin-bottom: 15px; overflow:hidden;}
div#sidebar{width:100%; float:none; margin-bottom: 15px; text-align:center; }
section.blocksidbar{margin-right:1%; width:48%; float:right;}
section.blockat{width:48%; height:247px;}
.showfilm div iframe{height:300px;}

/* caroussel CSS */
.container{padding:0; margin:0 0 10px 0; }
#myCarousel{width:100%; height:auto;}
.item{width:100%; height:auto}
.item img{width:100%; height:auto}
.item p{margin:10px 0 0px; padding:0px; /* background:rgba(0, 0, 0, 0.6); border-radius:4px; */}
.item a{color:#fff; text-decoration:none;}

#ads-content{display:none;}
#ads-468{}
#ads-mobile{display:block;}
#ads-mobile aside a{}
#adse{}
.displaynon{display:none !important;}
}

@media screen and (max-width:485px){
#ads-468{display:none;}
}