@charset "UTF-8";
/*
Theme Name: OCV5
Theme URI: http://oujdacity.net
Author: Alaa-eddine KADDOURI
Author URI: 
Description: Based on ESPRESSO theme
Template: espresso
Version: 1.1.25
License:
License URI: 
Tags: black, white, one-column, two-columns, three-columns, right-sidebar, fluid-layout, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready, photoblogging
Text Domain: envirra 
Domain Path: /languages/
*/

@import url(https://fonts.googleapis.com/earlyaccess/amiri.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(https://fonts.googleapis.com/earlyaccess/lateef.css); 
@import url(https://fonts.googleapis.com/earlyaccess/scheherazade.css);
@import url(https://fonts.googleapis.com/earlyaccess/thabit.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url(https://fonts.googleapis.com/css?family=Asap:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic);


@font-face {
  font-family: 'DIN Next Arabic';
  src: url('./fonts/DINNextLTArabic-Light.eot?#iefix') format('embedded-opentype'),  url('./fonts/DINNextLTArabic-Light.woff') format('woff'), url('./fonts/DINNextLTArabic-Light.ttf')  format('truetype'), url('./fonts/DINNextLTArabic-Light.svg#DINNextLTArabic-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


.vw-post-view-count {
    display:none !important;

}
.sourat {
    width: 30%;
    display: block;
    border: 1px solid black;
    padding: 10px;
    float: right;
	font:700 30px Droid Arabic Kufi;
	text-align:center;
	margin:10px;
}
h2.sourat {
    width: 100%;
	clear:both;
    display: block;
    border: 1px solid black;
    padding: 10px;
	font:700 30px Droid Arabic Kufi;
	text-align:center;
	margin:10px;
}
.quran_line {
background:#F8EEE7;
margin-bottom:5px;
width:100%;
	clear:both;

display:block;
}
.quran_line span {
font:700 16px Droid Arabic Kufi;
margin-right:10px;
}

.ttsbtn-ar {

font-family: "DIN Next Arabic", serif;
    font-size: 18px;
    font-weight: 700;
}

.tts_exp-ar {
    font-family: 'Droid Arabic Kufi';
    font-size: 11px;
    font-weight: 700;
}
.tts_new-ar {
    font-family: 'Droid Arabic Kufi';
    font-size: 15px;
    font-weight: 700;
    padding-left: 10px;
}

.tts_exp-fr {
   font-family: verdana;
    font-size: 11px;
    font-weight: 700;
}
.tts_new-fr {
   font-family: verdana;
    font-size: 15px;
    font-weight: 700;
}

/
/* --oc mega entry -- */
.oc-mentry {
position:relative;
box-shadow: 0px 0px 20px 0px #320875;
}
.oc-mentry a {
width: 100%;
    height: 100%;
    display: block;
}
.oc-mentry .title {
position:absolute;
top:0px;
right:0px;
}

.oc-mentry a:hover .title p {
color:#ff7800;
}
.oc-mentry a .title p {
    margin-bottom: 0;
	font-size: 40px;
    line-height: 50px;
    margin-right:20px;
font-weight: 700;
text-shadow: 0px 0px 6px #4f2061;
    color: #fff;
}


.oc-mentry .title p.ar {
    font-family: 'Droid Arabic Kufi', serif !important;
}

.oc-mentry .title p.fr {
}


.single-ads-block-mid {
padding:20px 5px;
}

.vw-post-style-large .vw-post-box-thumbnail {
max-height:400px !important;
}


.vwspc-section-title {
font-size: 28px;
}
.oc-home-post-style .vw-post-box-thumbnail {
background-color:#492739;
}
.oc-home-post-style .vw-post-box-thumbnail img {
    max-height: 100%;

    width: 100%;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: block;
    height: 100%;
   object-fit: cover;
}
.no-touch .vw-post-style-medium .vw-post-box-thumbnail:hover .wp-post-image {
filter:none !important;
}
.vw-page-wrapper .container div.oc-post {
margin-left:0px;
}


/* Single post image */

.vw-embeded-media, .vw-embeded-media.vw-embeded-gallery, .vw-featured-image {
background: #bda6b1;
box-shadow: 0px 0px 20px #5a5959;
}

.vw-featured-image img {
max-height: 400px;
    margin: auto !important;
    display: block;
box-shadow: 0px 0px 150px #fff;
}
/********************/



.vw-page-title-box-inner .vw-page-title {
font-family:DIN Next Arabic;
}

.vw-menu .menu-item > .sub-menu, .vw-menu .menu-item > .sub-menu-wrapper {
    margin: 0px 15px;
    box-shadow: 0px 10px 100px #000!important;

}

/* override embeds */
.vw-embeded-media iframe {
max-height:500px!important;
}


/* overrides */
.vw-site-wrapper, 
.vw-page-navigation-pagination
{
background-color:transparent ! important;
}

.oc-home-ads {
    height: 400px !important;
    min-height: 400px;
}


@media (min-width: 768px) and (max-width:991px) {
.container {
    width: 100%;
}

.vwspc-section-content .row .col-md-6 {
width:50%;
}


.vwspc-section-content {
    width:100%;
}

.vw-embeded-media iframe {
	max-height:400px!important;
}

.oc-actu .vwspc-section-content .row > div.oc-ar {
float:right;
}
.oc-actu .vwspc-section-content .row > div.oc-fr {
float:left;
}


}

/* /overrides */


.oc-fr {
   direction: ltr;
   font-family: 'Droid Sans', Verdana, serif !important;
}

.oc-ar {
   direction: rtl;
   font-family: 'Droid Arabic Naskh', serif !important;
}


.oc-ar h3 a:hover,
.oc-fr h3 a:hover
{
	text-decoration:none !important;
}



.oc-ar h1, 
.oc-ar h2, 
.oc-ar h3,
.oc-ar h4
{
font-family: 'Droid Arabic Kufi', serif !important;
font-weight:700!important;
}

.oc-fr h1, 
.oc-fr h2, 
.oc-fr h3,
.oc-fr h4
{
font-family: 'Bree Serif', serif !important;
}



.oc-home-post-style {
   margin-bottom:20px;
   border:1px solid #ccc;
   background:#fff;
   box-shadow: 0px 0px 50px #bbb;

   height:400px;
   overflow:hidden;
/*	text-align:justify;*/
}
.oc-home-post-style .vw-post-box-inner {
   display:block;
   height:200px;
   overflow:hidden;
   padding:0px 10px;
   margin-bottom:20px;
}

.oc-home-post-style .vw-post-box-thumbnail {
   display:block;
   height:200px;
   overflow:hidden;
   background:#ccc;
}

.oc-home-post-style .vw-post-box-thumbnail img {
	width:100%;
}

.oc-ar .oc-home-post-style .vw-post-box-inner {
   display:block;
   height:200px;
   overflow:hidden;
   font-size:18px;
   
}

.comment-body {
    border: 1px solid #a7a7a7;
    padding: 15px;
    background: #eee;
}
.comment-text .text {
    font-size: 18px;
    line-height: 28px;
}


.vw-menu-main-inner {
	width:100%;
   box-shadow: 0px 0px 20px #222;
}
header .google-auto-placed {
	display:none;
}
.vw-menu-main-inner .google-auto-placed {
	display:none;
}
.vw-site-header, .vw-site-header-background {
    background-color: #ffffff;
    border-bottom: 1px solid #bbb;
    box-shadow: -30px 0px 100px #999;
}

.vw-main-post .entry-title {
 color:#933;
}


.oc-post-content {
   border:1px solid #ccc;
   background:#fff;
   box-shadow: 0px 0px 100px #aaa;

}
.oc-post-content .vw-post-content {
	font-size:22px;
	line-height:35px;

}

.oc-post-content .vw-post-content p,
.oc-post-content .vw-post-content div
 {
	text-align:justify !important;
}

.oc-ar .oc-post-content .vw-post-content {
	font-family: 'DIN Next Arabic', serif ;
    font-size: 22px;
    font-weight: 600;
    color: #26193e;

}

.oc-fr .oc-post-content .vw-post-content {
	font-family: 'Source Sans Pro', Georgia, serif ;
    font-size: 20px;
    line-height: 1.65;
    color: #26193e;

}


/* posts slider */

.oc_postslider_widget li div {
     position:relative;
}
.oc_postslider_widget li h2 {
     position:absolute;
     bottom:20px;
     right:0px;
     display:block;
     background:#49274A;
     color:#fff;
     width:100%;
     padding:10px;
     opacity:.9;
    box-shadow: 0px 0px 10px 7px #000;
}

.oc_postslider_widget li h2 a {

    display: block;
    width: 100%;
    height: 100%;

}

.oc_postslider_widget li h2 a:hover {
color:#fff900 !important;
text-decoration:none;
}
.oc_postslider_widget li h2.oc-ar a {
     direction:rtl;
     float:right;
     font-family: 'DIN Next Arabic', serif ;
     font-size: 26px;
    font-weight: 600;
     opacity:1.2;
text-align:right;
}




.tc-frontend {
    direction: ltr !important;
}


/* -- quran --*/
.sourat-line {
max-width:600px;
}

.audiojs audio { position: absolute; left: -1px; }
.audiojs { width: 100%; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px;           background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));           background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);           -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);           -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }

.audiojs .play-pause { width: 40px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
.audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .scrubber { position: relative; float: left; width: 60%; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;           background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));           background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;           background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));           background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;           text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
.audiojs .play { background: url("./js/audiojs/player-graphics.gif") -2px -1px no-repeat; }
.audiojs .loading { background: url("./js/audiojs/player-graphics.gif") -2px -31px no-repeat; }
.audiojs .error { background: url("./js/audiojs/player-graphics.gif") -2px -61px no-repeat; }
.audiojs .pause { background: url("./js/audiojs/player-graphics.gif") -2px -91px no-repeat; }
.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }




      .track-details { 
clear: both; 
min-height: 40px; 
width: 100%; 
padding: 1px 6px; background: #eee; color: #222; font-family: monospace; font-size: 11px; line-height: 240px;
margin-bottom:20px;
border:2px solid #222;
border-top:0px;
font:500 14px Droid Arabic Kufi;
        -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);

 }
      .track-details:before { content: ' '; }
      .track-details em { font-style: normal; color: #999; }



/* -- debats -- */
#oc-debats {
    box-shadow: 0px 0px 20px #49274a;
    background: #a693a7;
}
#oc-debats .widget-title {
margin-bottom:5px;
    margin-bottom: 5px;
    border: 0;
    background: #49274a;
    padding-top: 10px;
	color:#fff;
}
#oc-debats .post {
position:relative;
}
#oc-debats .entry-title {
font-family:'Bree Serif', serif;


    position: absolute;
    bottom: 0px;
    display: block;
    background: linear-gradient(to bottom, rgb(33, 3, 35), rgba(0,0,0,0));
    padding: 0px 5px;
    opacity: 1;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
	text-shadow: 0 0 10px #000;
}

#oc-debats .entry-title > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    color: #fff;
    padding-top: 10px;
}

#oc-debats .entry-title > a:hover {
	text-decoration:none;
	color:#fff900;
}


#oc-debats .oc_lang-ar .entry-title {
    font-family: 'Droid Arabic Kufi', serif;
    font-weight: 700;
	font-size:15px;
direction:rtl;
}
#oc-debats .entry-header {
height:140px;
margin-bottom: 10px;
overflow:hidden;
}
#oc-debats .entry-header .wp-post-image {
	height: 100%;
    object-fit: cover;
}
/*
#oc-debats .vw-post-style-small-left-thumbnail.vw-post-box {
width:48%;
max-width:200px;
float:left;
height:250px;
border:5px solid white;
}

#oc-debats .vw-post-box-inner {
margin-left:0px;
}
#oc-debats a.vw-post-box-thumbnail {
height:100px;
}
#oc-debats .vw-post-style-small-left-thumbnail + .vw-post-style-small-left-thumbnail {
margin-top:0px;
padding-top:0px;
}

#oc-debats h5.vw-post-box-title {
font-family:'DIN Next Arabic', serif;
font-size:20px;
font-weight:700;
color:#26193e;
}
*/
/* -- polls -- */
.wp-polls-ul {
font-size:20px;
}
.wp-polls .Buttons {
    background-color: #d46f15 !important;
}


/* -- Pagination -- */

.oc-page-navigation-pagination {
    display: inline-block;
    padding: 4px 8px;
    position: relative;
    z-index: 100;
}
.oc-page-navigation-pagination .page-numbers {
    display: inline-block;
    padding: 6px 8px;
    text-decoration: none;
    color: inherit;
    font-weight: bold !important;
    color: #FFFFFF !important;
    background-color: #3E3E3E;
    min-width: 2.5em;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
    margin-right: 3px;
    margin-bottom: 3px;
}
.oc-page-navigation-pagination .page-numbers.current,
.oc-page-navigation-pagination .page-numbers:hover {
    color: white;
}
.oc-page-navigation-pagination .page-numbers:last-child {
    margin-right: 0;
}



/* ----------------- */


/* career styles */

.career .vw-post-box {

    background: #fff;
    box-shadow: 0px 0px 50px #aaa;
    margin: 20px;
    padding: 15px;

}

.career .vw-post-box a.link {
	font:700 16px Arial;
	color: #49274a;
}
/* ---------------- */




/* Forums override */
.bbp-forums {
border: 2px solid #49274a !important;
}

.vwbb-forum-cat-head {

    background-color: #49274a !important;
    color: #fff !important;
    font-size: 14px !important;
}


a.bb-new-topic {
border: 1px solid #49274a;
    padding: 5px;
    font: 700 14px arial;
    background: #49274a;

	color: #fff;
}


a.bb-new-topic:hover {
	color: #fff;
background:#94618E;
}
.bbp-forums .bbp-forum-title {
    color: #49274a !important;
    font-size: 22px !important;
}

#bbpress-forums .bbp-breadcrumb {
width:100%;
}

#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
background: #49274a;
    width: 100%;
    display: block;
color:#fff;
    padding-left: 10px;

}
#bbpress-forums .bbp-breadcrumb a {
color:#fff !important;
}
div.bbp-template-notice.info {
    background-color: #94618E !important;
    border-bottom-color: #49274A !important;
}
div.bbp-template-notice p  a {
color:#fff !important;
}
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
font-size:16px !important;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background-color: #F4DECB;
    -box-shadow: 0px 0px 100px #aaa;

}

#bbpress-forums div.even, #bbpress-forums ul.even {
    background-color: #F4DECB;
    -box-shadow: 0px 0px 100px #aaa;

}

/* oc-bh override */

.oc-bh .vw-post-box-thumbnail {
height:250px;
box-shadow:0px 0px 50px #aaa;
}
.oc-bh .vw-post-categories, .oc-bh .vw-post-meta {
display:none;
}
.oc-bh .wp-post-image {
height:100%;
object-fit:contain;
}
.oc-bh .vw-post-box-inner {
position:absolute;
bottom:0px;
background: #49274A;
text-align:center;
opacity:0.9;
}


.oc-bh .vw-post-box-inner .vw-post-box-title a:hover,
.oc-bh .vw-post-box-inner .vw-post-box-title {
color:#fff;
position:relative;
}

/* ads */

.oc-after-content {
height:380px;
}

.oc-content {
min-height:120px;
}

/* mobile override */
.mm-menu {
    background: #49274A;
}
.mm-list > li > a, .mm-list > li > span {
color: #fff;
    font-weight: 700;
}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
border-color: #fff;
}

.vw-site-header-inner {
display:table-row;
}
.vw-site-header.vw-site-header-style-left-logo .vw-header-ads-wrapper {
overflow:hidden;
display:table-cell;
}
.vw-site-header.vw-site-header-style-left-logo .vw-mobile-nav-button-wrapper {
    position: fixed;
    top: 0px;
    z-index: 9999999;
    right: 0px;
    background: #49274A;
    padding-right: 15px;
}
.vw-hamburger-icon:before, .vw-hamburger-icon:after, .vw-hamburger-icon span {

background: #fff !important;
    content: '';
    display: block !important;
    width: 65% !important;
    height: 3px !important;
    position: absolute !important;
}

.vw-hamburger-icon {
height:50px !important;
width:50px !important;
/*background-color:#5e415f !important;*/
}

.vw-preloader-bg {
height:40px;
}


















@media (max-width: 991px) {
.vw-header-ads-wrapper {
display:none !important;
}

.container {
padding-left:0px !important;
padding-right:0px !important;
}

}

@media (max-width:768px) {
.oc-home-post-style {
    height: 230px !important;
}
.oc-ar .oc-home-post-style .vw-post-box-inner,
.oc-fr .oc-home-post-style .vw-post-box-inner {
margin-bottom:0px;
width:100%;
position: absolute;
bottom: 0px;
opacity: 0.9;
    height: 100%;
    background: #5a567d;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));;
}

.vw-post-style-medium .vw-post-box-title {
    color: #fff;
	position:absolute;
	bottom:0px;
}
.vw-post-box .vw-post-meta, .vw-post-box .vw-post-meta a {
    color: #ffae1b;
}
.vw-breadcrumb {
display:none;
}

#vwspc-section-1 {
display:none;
}

.vw-page-wrapper .container div.oc-post {
margin-left:0px !important;
margin-right:0px !important;
}


.vw-embeded-media iframe {
	max-height:300px!important;
}

.vw-logo-2x, .vw-logo {
max-width:50%;
margin:auto;
}
.vw-logo-2x {
display:block;
}

.vw-site-header-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
}


@media (min-width: 768px) {
/* override embeds */


}