/* ---------- Overall Specifications ---------- */
* {
  outline: 0 !important;
}
body {
  line-height: 2;
  font-size: 100%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: #000;
}
a { color: #0072bd; text-decoration: underline; }
a:link,
a:visited {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
}
h1 {
  font-size: 1.357em;
  color: #000;
  font-size: 33px;
 Xbackground-image: linear-gradient(to right, rgba(94, 157, 200, 1), rgba(100, 156, 214, 0) 100%);
  padding-right: 30%;
  text-align: left;
  padding-left: 20px;
  line-height: 72px;

}

h2 {
  font-size: 1.143em;
  margin-top: 10px !important; margin-bottom: 10px !important;
}
p {
  margin: 0 0 1.2em;
}
del {
  text-decoration: line-through;
}
tr:nth-child(odd),
tr.odd {
  background-color: #dddddd;
}
tr:nth-child(even),
tr.even {
  background-color: #fdfdfd;
}
img {
  outline: 0;
}
code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
  font-size: 0.857em;
}
code {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent;
}
pre code,
pre samp,
pre var {
  padding: 0;
}
.description code {
  font-size: 1em;
}
kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
pre {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 15px;
  white-space: pre-wrap;
  text-align: left;
  direction: ltr;
}


/* ------------------ Fonts ------------------ */

body,
#site-slogan,
.ui-widget,
.comment-form label,
#header,
#footer-wrapper,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb,
input,
textarea,
select,
a.button {
  font-family:  Arial, "Times New Roman", Helvetica,sans-serif;
}


/* ------------------ Reset Styles ------------------ */

caption {
  text-align: left; /* LTR */
  font-weight: normal;
}
blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: -.4em;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -.45em;
}
blockquote > p:first-child {
  display: inline;
}
a.feed-icon {
  display: inline-block;
  padding: 15px 0 0 0;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
 INPUT {border-radius: 0; -webkit-appearance: none; }

/* page */
a { color: #00A1D6;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration: underline !important; }

BODY { background-color: #ebebeb; color: #000; direction: rtl; text-align: right; }
#page-wrapper {min-height: calc(100vh - 37px); padding: 20px; position: relative; Xwidth: 100%; max-width: 1200px; margin: 0 auto; }
#header { text-align: center; width: 100%; Xmax-width: 800px; display: inline-block; position: relative; }
#header #menu-wrapper { clear: both; display: inline-block; position: absolute;  width: 200px; top: 40px; right: 0px;  z-index: 999999; }
#header #menu-wrapper .menu-title { width: 30px; height: 35px; background: url(../images/menu.png) right 5px no-repeat; background-size: 30px; display: inline-block; position: absolute; right: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#header #menu-wrapper.menu-wrapper-open .menu-title {
  transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
}


#header #menu-wrapper #main-menu-links { margin: 35px 0 0 0; padding: 0; display: none; }
#header #menu-wrapper #main-menu-links li {width: 100%; float: left; /* LTR */ list-style: none; padding:0; margin: 0; background: #fff; color: #000; text-transform: uppercase; transition: all ease-in-out 0.3s; border-bottom: 1px solid #ececec; }
#header #menu-wrapper #main-menu-links li:last-child { border:none; }
#header #menu-wrapper #main-menu-links a { color: #000; display: block;  line-height: 24px; margin: 0; padding: 5px 10px; text-decoration: none; transition: all ease-in-out 0.3s; font-size: 20px; line-height: 35px; text-decoration: none !important; text-align: right; }
#header #menu-wrapper main-menu-links a:active { background: #b3b3b3; background: rgba(255, 255, 255, 1); }
#header .featured #main-menu-links li a:active,
#header .featured #main-menu-links li a.active { background: #f0f0f0; background: rgba(240, 240, 240, 1.0); }
#header #logo { width: 150px; height: 150px; vertical-align: bottom; }
XXX#header #title {width: calc(100% - 195px); text-align: center; line-height:115px; font-size: 400%; display: inline-block; text-decoration: none !important; color: #000; margin-right: 30px; }

#content-wrapper { margin: 40px 0; }

#footer { width: calc(100% - 40px); background-color: #d9d9d9; color: #4f4d6a; position: absolute; bottom: 5px;}
#footer .reights-reserved { width: 125px; float: left; text-align: left; padding: 0 20px; }
#footer .builder-credit { width: 124px; float: right; text-align: right; padding: 0 20px; }

/* Index */

#form { margin-bottom: 20px; }
#form .sort-order-title { margin-left: 10px; }

.page-login #password,
#form .filter {display: inline-block; font-size: 16px; color: #444444; padding: 0 3px; line-height: 30px; border: 1px solid #d9d9d9; }
.page-login #password { vertical-align: top; margin-left: -5px; }

.page-login #submit,
#form .sort-button { width: 80px; line-height: 25px; text-align: center; margin-left: 10px; color: #fff; background-color: #5e9dc8; border: none; }
.page-login #submit { line-height: 30px; margin: 0; vertical-align: top; }

#form .filter-wrapper { margin-top: 20px; }

#students-wrapper { width: calc(100% - 40px); text-align:center; margin: 0 auto; }
#students-wrapper .student-wrapper { width: 160px; height: 340px;  border: 1px solid #fff; display: inline-block; vertical-align: top; padding:10px; margin: 10px; text-align: right; }
#students-wrapper .student-wrapper A { display: block; }
#students-wrapper .student-wrapper A.inline { display: inline-block; }
#students-wrapper .student-name { font-size: 150%; }

/* students index */
.address { background: url(../images/waze.png) right 5px no-repeat; background-size: 21px; padding-right: 30px; }
.birthday { background: url(../images/birthday.png) right 5px no-repeat; background-size: 21px; padding-right: 30px; }
.gender-male { background: url(../images/male.png); }
.gender-female { background: url(../images/female.png); }
.gender-male,
.gender-female {width: 21px; height: 21px; display:inline-block; background-size: 21px; float: left; margin-top: 7px; }

.phone-home {  background: url(../images/home.png) right 5px no-repeat; background-size: 21px; padding-right: 30px; display: inline-block; }
.whatsapp { background: url(../images/whatsapp.png) right 5px no-repeat; width: 21px; height: 23px; background-size: 21px;  display: inline-block; }
.name-parent { background: url(../images/whatsapp.png) right 5px no-repeat; background-size: 21px; padding-right: 30px; display: inline-block; }
.phone-parent { background: url(../images/phone.png) right 5px no-repeat; background-size: 15px; padding-right: 21px; display: inline-block; }

/* equipment */

.page-equipment .table-wrapper { overflow: auto; }
.page-equipment .table-wrapper TABLE { width: 100%; max-width: 1000px; min-width: 500px; }
.page-equipment TR:nth-child(1) { font-weight: bold; }
.page-equipment TD { padding: 0 5px; }
.page-equipment TD:nth-child(1) { width: 110px; font-weight: bold;}
.page-equipment TD:nth-child(2) {width: 75px}
.page-equipment TD:nth-child(3) {width: 70px}



/* timetable */
.page-timetable .table-wrapper { overflow: auto; }
.page-timetable .table-wrapper TABLE { width: 100%; max-width: 1000px; min-width: 500px; }

/* login  */
#login { margin-top: 40px; text-align: center; }


/* PDFs */
.pdf-object { width: 100%; max-width: 1000px; min-width: 1000px; min-height: 100vh; }

@media screen and (max-width: 600px) {
    #students-wrapper .student-wrapper { width: 220px !important; }
    #students-wrapper .student-wrapper A { display: block; }
    pre { font-size: 16px; }
}