/*
Bienvenue dans l’éditeur CSS de l’extension Design !

CSS (Cascading Style Sheets) est un langage qui fournit des informations à
votre navigateur concernant le style de la page web que vous visitez. Vous
pouvez maintenant supprimer ces commentaires et commencer à ajouter votre
propre code CSS.

Par défaut, cette feuille de style sera chargée après la feuille de
style de votre thème, ce qui veut dire que les nouvelles règles que vous
ajouterez ici pourront remplacer celles créées par le thème.

Vous pouvez donc ajouter ici les changements que vous souhaitez apporter à
votre thème, sans avoir à copier la feuille de style existante de
celui-ci, ou avoir à recréer toutes les règles de style de votre thème.
*/
body {
	background-size: 100%;
}

.g1-content .g1-button--simple,
.g1-content .g1-toggle--simple .g1-toggle__switch,
.g1-content .g1-tabs--button .g1-tabs-nav-item .g1-tab-title,
.g1-content .g1-simple-slider .g1-fullscreen > a,
.g1-content .g1-nav-item__switch {
	margin-bottom: 15px;
}

.widgets_on_page ul, .widgets_on_page ul li {
	padding: 0;
	margin: 0;
}

#g1-footer-area {
	padding-top: 0 !important;
}

#g1-prefooter-widget-area {
	padding-top: 20px;
}

.g1-content > .g1-layout-inner {
	min-height: 100px;
	padding-top: 40px;
	padding-bottom: 0;
}

.tablepress tbody td {
	vertical-align: middle;
}

.tablepress td, .tablepress th {
	text-align: center;
}

.tablepress .row-13 .column-2 {
	background-color: #4fb25d;
}

.tablepress .row-13 .column-3 {
	background-color: #ff4974;
}

.tablepress .row-13 .column-4 {
	background-color: #3a93d7;
}

.tablepress .row-19 .column-4 {
	background-color: #3a93d7;
}

.tablepress .row-4 .column-5 {
	background-color: #3a93d7;
}

.tablepress .row-12 .column-5 {
	background-color: #3a93d7;
	border-left: 1px solid #333333;
}

.tablepress .row-4 .column-6 {
	background-color: #ffe956;
	color: #333333;
}

.tablepress .row-12 .column-6 {
	background-color: #ffe956;
	color: #333333;
	border-bottom: 1px solid #c4ad16;
}

.tablepress .row-18 .column-6 {
	background-color: #ffe956;
	color: #333333;
}

.tablepress .row-3 .column-7 {
	background-color: #ff4974;
}

.tablepress .row-13 .column-7 {
	background-color: #ba69ff;
}

.tablepress .row-19 .column-7 {
	background-color: #ba69ff;
}

.tablepress .row-3 .column-8 {
	background-color: #ff4974;
	border-left: 1px solid #333333;
}

.tablepress .row-7 .column-8 {
	background-color: #ff4974;
}

.tablepress .row-12 .column-8 {
	background-color: #ff4974;
}

.tablepress .row-16 .column-8 {
	background-color: #ff4974;
}

.tablepress .row-19 .column-8 {
	background-color: #ff4974;
}

.tablepress .row-22 .column-8 {
	background-color: #ff4974;
}

.tablepress .row-4 .column-9 {
	background-color: #3a93d7;
}

.tablepress .row-12 .column-9 {
	background-color: #3a93d7;
}

.tablepress .row-18 .column-9 {
	background-color: #3a93d7;
}

.tablepress .row-22 .column-9 {
	background-color: #3a93d7;
}

.tablepress .row-4 .column-10 {
	background-color: #ffe956;
	color: #333333;
}

.tablepress .row-10 .column-10 {
	background-color: #268a53;
}

.tablepress .row-13 .column-10 {
	background-color: #268a53;
}

.tablepress .row-16 .column-10 {
	background-color: #268a53;
}

.tablepress .row-19 .column-10 {
	background-color: #268a53;
}

.tablepress .row-22 .column-10 {
	background-color: #268a53;
}

.tablepress .row-1 td {
	background-color: #333333;
	color: #fff;
}

.tablepress .column-1 {
	width: 96px;
	background: rgba(255,255,255,0.5);
	color: #000000;
}

.tablepress .column-2 {
	width: 96px;
	background: rgba(0,0,0,0.4);
}

.tablepress .column-3 {
	width: 96px;
	background: rgba(0,0,0,0.4);
}

.tablepress .column-4 {
	width: 96px;
	background: rgba(0,0,0,0.4);
}

.tablepress .column-5 {
	width: 96px;
	background: rgba(0,0,0,0.3);
}

.tablepress .column-6 {
	width: 96px;
	background: rgba(0,0,0,0.3);
}

.tablepress .column-7 {
	width: 96px;
	background: rgba(0,0,0,0.3);
}

.tablepress .column-8 {
	width: 96px;
	background: rgba(0,0,0,0.1);
}

.tablepress .column-9 {
	width: 96px;
	background: rgba(0,0,0,0.1);
}

.tablepress .column-10 {
	width: 96px;
	background: rgba(0,0,0,0.1);
}

.g1-section {
	margin: 0 auto;
	padding: 1em 0 1.5em;
}

label {
	padding: 0 !important;
}

#g1-precontent .g1-button--solid {
	margin-bottom: 4px !important;
}

.aya1 .aya2 {
	margin-left: 0 !important;
	margin-top: 0 !important;
	background: #fff !important;
	width: 100% !important;
	font-size: 20px !important;
	color: #333333 !important;
	border-color: #fff !important;
}

.suraName {
	border-bottom: 2px solid #FFFFFF;
	text-align: center;
	font-size: 30px !important;
	padding: 10px 0;
	background: none !important;
	color: #fff !important;
}

.aya {
	margin: auto;
	background: transparent !important;
	border: none !important;
}

.quran {
	padding: 10px;
	font-family: Traditional Arabic;
	color: #fff !important;
	border: none !important;
	font-size: 28px !important;
	direction: rtl;
	background: transparent !important;
}

.trans {
	font-family: Calibri;
	text-align: justify;
	border: none !important;
	color: #333333 !important;
	font-size: 16px;
	background-color: rgb(240,255,116) !important;
	background-color: rgba(240,255,116,0.2) !important;
	padding: 7px;
	border-radius: 4px;
}

.quranbadge-info {
	background-color: #333333 !important;
}

.sign {
	font-family: times new roman;
	font-size: .9em;
	color: #FB7600;
}

.upCoran {
	background: none !important;
}

#quran_main {
	display: block;
	float: left;
	margin: 0 auto !important;
	width: 100% !important;
	background: transparent !important;
}

#audio_sura audio {
	box-shadow: none !important;
}

.lcs_wrap {
	display: none !important;
}

.dl_sourate {
	display: none !important;
}

#select_name_recitator {
	height: 40px !important;
}

#bloc_name_sura {
	width: 100% !important;
}

#kb_select_quran {
	width: 40% !important;
	padding: 2% !important;
}

#kb_select_language {
	width: 40% !important;
	padding: 2% !important;
	float: right !important;
}

/*
======================
GRAVITY FORMS
======================
*/
.gform_wrapper .gform_footer input[type=image] {
	padding: 0 !important;
	margin-left: 6px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
	display: none;
}

body .gform_wrapper {
	max-width: 100%;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error {
	background: none;
	border: none;
	color: #f5f5f5;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin: 0;
}

body .gform_wrapper .validation_error {
	display: none;
}

.gform_wrapper .gfield_error .gfield_label {
	color: #fff;
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	border: none;
	color: #fff;
	background: none;
}

body .gform_wrapper .validation_message {
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
}

.gform_wrapper ul.gfield_radio li input[value=gf_other_choice] {
	margin-right: 6px;
	margin-top: 21px !important;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
	outline-style: none;
	font-size: 14px;
	font-family: inherit;
	padding: 3px;
	letter-spacing: normal;
	color: #333333;
}

.gform_wrapper li.gfield.gf_list_inline label.gfield_label {
	margin: 10px 5px 10px 0;
}

#gform_fields_2 {
	margin-left: 5% !important;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
	color: #ff5c5c;
}