/*
Theme Name: School Theme
Theme URI: http://schooltheme.ort.org.il
Author: the ORT Israel R&D team
Author URI: http://creative.ort.org.il/
Description: A theme for schools
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, two-columns, left-sidebar, fixed-width, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, rtl-language-support, translation-ready
Text Domain: schooltheme
*/

/*ie fix for background position in rem from here: https://philipnewcomer.net/2014/04/target-internet-explorer-10-11-css/*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {  direction: rtl;}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing:         border-box;
}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}
/* =Layout
-------------------------------------------------------------- */
#container {
    background-color: #f4faff;
    padding: 1.5rem 2rem;
}
.search #container{
    min-height: 30rem;
}
.home #container{
    padding: 0;
}

#container #content {
    margin: 0 0.5rem;;
}
#primary,
#secondary {
    float: right;
    overflow: hidden;
    width: 220px;
}
#secondary {
    clear: right;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
    margin: 0 auto;
    width: 640px;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
    margin: 0 auto;
    width: 900px;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url,
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
.site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
body {
    direction:rtl;
    unicode-bidi:embed;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
    background-image: -moz-linear-gradient(top, #739bb7 0%, #d1e9f3 81%, #d1e9f3 100%); /* gradient overlay */
    background-image: -o-linear-gradient(top, #739bb7 0%, #d1e9f3 81%, #d1e9f3 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(top, #739bb7 0%, #d1e9f3 81%, #d1e9f3 100%); /* gradient overlay */
    background-image: -ms-linear-gradient(top, #739bb7 0%, #d1e9f3 81%, #d1e9f3 100%); /* gradient overlay */
    background-image: linear-gradient(top, #739bb7 0%, #d1e9f3 81%, #d1e9f3 100%); /* gradient overlay */
    /*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#739bb7', endColorstr='#d1e9f3', GradientType=0 );*/
    background-size: 1rem 13rem;
    background-repeat: repeat-x;
    background-color: #d2e9f3;

    /*background: url("images/header-bg.gif") repeat-x scroll 0 0 #D2E9F3; - it is needed only for ie8 + ie9*/
}
body,
input,
textarea {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}
hr {
    background-color: #e7e7e7;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 18px;
}

/* Text elements */
p {
    margin-bottom: 18px;
}
ul {
    list-style: none;
    margin: 0 0 18px 1.5em;
}
ol {
    list-style: decimal;
    margin: 0 0 18px 1.5em;
}
ol ol {
    list-style: upper-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
ol ol ol ol {
    list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
}
dl {
    margin: 0 0 24px 0;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 18px;
}
strong {
    font-weight: bold;
}
cite,
em,
i {
    font-style: italic;
}
big {
    font-size: 131.25%;
}
ins {
    background: #ffc;
    text-decoration: none;
}
blockquote {
    font-style: italic;
    padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
    font-style: normal;
}
pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
input[type="text"],
textarea {
    background: #f9f9f9;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    padding: 2px;
}
a:link,
a:hover,
a:active{
    color: #0066cc;
}
a:visited {
    color: #743399;
}
.post .entry-utility a:hover,
.entry-meta a:hover,
.entry-utility a:hover{
    color: /*#7b7b7b*/#0062ab;
}

/* Text meant only for screen readers */
.screen-reader-text {
    left: auto;
    text-indent:-9000px;
    overflow:hidden;
}

/*From RTL.css file*/
/* =Menu
-------------------------------------------------------------- */
#access {
    float:right;
}

#access .menu-header,
div.menu {
    margin-right: 0;
    margin-left: 0;
}

#access .menu-header li,
div.menu li{
    float:right;
}

#access ul ul {
    left:auto;
    right:0;
    float:right;
}
#access ul ul ul {
    left:auto;
    right:100%;
}

/*-------------------------------------------------------------- */
/* =Sprite
-------------------------------------------------------------- */

.ort_site,
#mainPage .widget-title:before,
.static_links li a:before,
.credits  a:first-child:before,
.credits  a:last-child:before{
    background-image: url("images/elements.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}

/*-------------------------------------------------------------- */
/* =Accessible Poetry Plugin
-------------------------------------------------------------- */
body #acp_toolbarWrap button.acp_hide_toolbar.acp-icon-small{
	box-shadow: none;
	background-size: auto;
	border-radius: 0;
	cursor: pointer;
}
body #acp_toolbar{
	border: none;
	background-color: #000;
	font-family: arial,helvetica,sans-serif;
}
body #acp_toolbar li {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	display: block;
}
body #acp_toolbar li button{
	box-shadow: none;
	cursor: pointer;
}
body #acp_toolbar li button i,
body #acp_toolbar li button span{
	font-size: 1.6rem;
	text-shadow: none;
}


/*-------------------------------------------------------------- */
/* =Header
-------------------------------------------------------------- */
#branding {
    padding: 1rem 1rem 2rem;
    border-bottom: 0.7rem solid #9FC1DA;
    text-align: center;
}
#mainPage {
    padding: 1rem;
}

.site-info {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
#site-generator {
    float: right;
    width: 220px;
}
.site-title,
.site-description{
    display: inline-block;
    line-height: 1;
}
.site-title a ,
.site-description a {
    color: #022F59 ;
    font-weight:bold;

}
.site-title a{
    font-size:32px;
    text-decoration:none;
    line-height: 0.7;
}
.site-description a{
    margin: 4px 0 0 0;
    font-size:2.4rem;
    line-height: 0.9;
    text-decoration: none;
}
.ort_site,
.Sci-Tech{
    text-indent: -9999px;
    overflow:hidden;
}
.ort_site{
    /*background: url(images/titles-icons.png) no-repeat 4px -368px transparent;*/
    width:127px;
    height: 60px;
    display:inline-block;
    margin-bottom: 5px;
}
.Sci-Tech{
    display: none;
}

/* =Search
-------------------------------------------------------------- */
#searchform {
    background: url("images/site-wide-imgs.png") no-repeat scroll left -305px transparent;
    height: 25px;
    margin: 0;
    padding: 0 350px 0 0;
    width: 550px;
	position: relative;
}
#searchform input{
    color: #022F59 ;
    font-family: Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
#searchform  #s{
    background-color: transparent;
    box-shadow: none;
    border: medium none;
    margin: 3px 15px 0 0;
    outline: medium none;
    width: 140px;
}
#searchform  #searchsubmit{
    margin: 6px 19px 0 0;
    vertical-align: top;
}
#searchform .wpa-hide-rtl{ /* label is only for a11y. hide when not active */
	position: absolute;
	right: -999em;
}

/* =Menu (horizontal menu)
-------------------------------------------------------------- */
/*there was no need of syle because of the mega menue - CSS of custom.css need to be here!!*/



/* =Content
-------------------------------------------------------------- */

#main {
    clear: both;
    overflow: hidden;
    background:#F4FAFF;
}
#content {
    margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
    color: #333;
    font-size: 16px;
    line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
    margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
    margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
    font-size: 15px;
    line-height: 21px;
}
#content code {
    font-size: 13px;
}
#content dt,
#content th {
    color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    color: #022F59;
    line-height: 1.5em;
    margin: 0 0 20px 0;
}
#content table {
    border: 1px solid #e7e7e7;
    margin: 0 0 24px -1px;
    text-align: right;
    width: 100%;
}
#content tr th,
#content thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
#content tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}
#content tr.odd td {
    background: #f2f7fc;
}
.hentry {
    margin: 0 0 48px 0;
}
.home .sticky {
    background: #f2f7fc;
    border-top: 4px solid #000;
    margin-left: -20px;
    margin-right: -20px;
    padding: 18px 20px;
}
.single .hentry {
    /*margin: 15px 0;*/
}
.page-title {
    color: #022F59;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 36px 0;
}
.page-title span {
    color: #022F59;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
    color: #022F59;
    text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
    color: #022F59;
}
#content .entry-title {
    color: #022F59 ;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
    color: inherit;
    text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
    color: inherit;
}
.entry-meta {
    color: #022F59 ;
    font-size: 14px;
    margin-bottom: 15px;
}
.entry-meta abbr,
.entry-utility abbr {
    border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
    border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
    clear: both;
    font-family: arial;
    font-weight: 400;
    line-height: 1.4;
    margin: 20px 0 0 30px;
    color:#022F59 ;
}
.entry-content a,
.entry-summary a {
    color: #0062AB;
    border-bottom: 1px solid #0062AB;
    text-decoration: none;
}

#content .entry-summary p:last-child {
    margin-bottom: 12px;
}
#content .entry-summary a:last-child {
    font-size:14px;
    line-height: 2;
}
.entry-content fieldset {
    border: 1px solid #e7e7e7;
    margin: 0 0 24px 0;
    padding: 24px;
}
.entry-content fieldset legend {
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 0 24px;
}
.entry-content input {
    margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
    margin-left: 24px;
}
.entry-content label {
    color: #888;
    font-size: 12px;
}
.entry-content select {
    margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
    font-size: 10px;
}
.entry-content blockquote.left {
    width: 33%;
    float: right;
    margin-right: 0;
    margin-left: 24px;
    text-align: left;
}
.entry-content blockquote.right {
    float: left;
    margin-right: 24px;
    margin-left: 0;
    text-align: right;
    width: 33%;
}
.page-link {
    color: #000;
    font-weight: bold;
    margin: 0 0 22px 0;
    word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
    background: #f1f1f1;
    color: #333;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
}
.home .sticky .page-link a {
    background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
    color: #ff4b33;
}
body.page .edit-link {
    clear: both;
    display: block;
}
#entry-author-info {
    background: #f2f7fc;
    border-top: 4px solid #000;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    margin: 24px 0;
    overflow: hidden;
    padding: 18px 20px;
}
#entry-author-info #author-avatar {
    background: #fff;
    border: 1px solid #e7e7e7;
    float: right;
    height: 60px;
    margin: 0 0 0 -104px;
    padding: 11px;
}
#entry-author-info #author-description {
    float: right;
    margin: 0 104px 0 0;
}
#entry-author-info h2 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
}
.entry-utility {
    clear: both;
    color: #888;
    font-size: 12px;
    line-height: 18px;
}
.entry-meta a,
.entry-utility a {
    color: /*#888*/ #022f59;
}
.entry-meta a:hover,
.entry-utility a:hover {
    /*color: #ff4b33;*/
}
#content .video-player {
    padding: 0;
}


/* =Asides
-------------------------------------------------------------- */

.home #content .category-asides p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}
.home .hentry.category-asides {
    padding: 0;
}
.home #content .category-asides .entry-content {
    padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img {
    border: 10px solid #f1f1f1;
    margin-bottom: 0;
}
.category-gallery .gallery-thumb {
    float: right;
    margin-left:20px;
    margin-right:0;
}
.home #content .category-gallery .entry-utility {
    padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
    font-size: 140%;
    margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
    content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
    content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

#content .wp-post-image {
    margin: 0 0 -5px;
    height: auto;
    width: 100%;
}
#content .category_thumbnail_right img{
    max-height: 80px;
}

#content .alignleft,
#content img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
#content .alignright,
#content img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
    margin-bottom: 12px;
}
#content .wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}
#content .wp-caption img {
    margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
#content .wp-smiley {
    margin: 0;
}
#content .gallery {
    margin: 0 auto 18px;
}
#content .gallery .gallery-item {
    float: right;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
#content .gallery img {
    border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0;
}
#content .gallery dl {
    margin: 0;
}
#content .gallery img {
    border: 10px solid #f1f1f1;
}
#content .gallery br+br {
    display: none;
}
#content .attachment img { /* single attachment images should be centered */
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

/* =Tags
-------------------------------------------------------------- */
.tags {
    color: #022F59 ;
    font-size: 12px;
}
.tags  a{
    color: #022F59 ;
}

/* =Navigation ( previous - next post)
-------------------------------------------------------------- */

.navigation {
    color: #022F59 ;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
    color: #022F59 ;
    text-decoration: none;
}

.nav-previous {
    float: left;
}
.nav-next {
    float: right;
    text-align:left;
    margin-left: 20px;
}
.nav-previous a{
    padding: 0 25px 0 0;
    padding-left:25px;
    background:url(images/posticons.png) no-repeat left 3px;
    float:left;
}
.nav-next a{
    float: left;
    padding:0 20px 0 0;
    background-position:left 3px;
    background:url(images/posticons.png) no-repeat 95px -14px;
}
.navigation .meta-sep {
    padding-right: 7px;
}
#nav-above {
    margin: 0 0 18px 0;
}
#nav-above {
    display: none;
}
.paged #nav-above,
.single #nav-above {
    display: block;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
    clear: both;
    margin: 20px 30px 20px 0;
    color: #022F59 ;
}
#comments h3 {
    color: #022F59 ;
    font-weight: bold;
}
#comments .navigation {
    padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
    color:#022F59 ;;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}
h3#comments-title {
    padding: 24px 0;
}
.commentlist {
    list-style: none;
    margin: 0;
}
.commentlist li.comment {
    border-bottom: 1px solid #e7e7e7;
    line-height: 24px;
    margin: 0 0 24px 0;
    padding: 0 56px 0 0;
    position: relative;
}
.commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 18px;
}
#comments .comment-body p:last-child {
    margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}
.commentlist ol {
    list-style: decimal;
}
.commentlist .avatar {
    position: absolute;
    top: 4px;
    right: 0;
    left: auto;
}
.comment-author {
}
.comment-author cite {
    color: #022F59 ;
    font-style: normal;
    font-weight: bold;
}
.comment-author .says {
    font-style: italic;
}
.comment-meta {
    font-size: 12px;
    margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
    color: #022F59 ;
    text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
    color: #022F59 ;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
    font-size: 12px;
    padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
    color: #022F59 ;
}
.reply a:hover,
a.comment-edit-link:hover {
    color: #022F59 ;
}
.commentlist .children {
    list-style: none;
    margin: 0;
}
.commentlist .children li {
    border: none;
    margin: 0;
}
.nopassword,
.nocomments {
    display: none;
}
#comments .pingback {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 18px;
    padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
    margin-top: -6px;
}
#comments .pingback p {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
#comments .pingback .url {
    font-size: 13px;
    font-style: italic;
}

#comments-list ul {
    margin:20px 0 0 0;
    padding:0;
}
#comments-list ul li{
    list-style-type:none;
    clear:both;
}
#comments-list ul li .details{
    float:right;
    width:104px;
    padding:0 0 0 11px;
    margin:16px 0 0 0;
}
#comments-list ul li .bodyComment{
    float:right;
    width:509px;
    border:1px solid #C5C5C5;
    background:#FFFFFF;
    margin:16px 0 0 0;
}
#comments-list ul li .bodyComment p{
    margin:0;
    font:12px arial;
    padding:13px 16px 17px 23px;
    line-height:1.4;
}
#comments-list .comment-author{
    font:bold 18px arial;
}
#comments-list .comment-author img{
    display:none;
}
#comments-list  .comment-meta{
    font:bold 10px arial;
}
#comments #respond{
    clear:both;
}
/* Comments form */
.children #respond {
    margin: 0 0 0 48px;
}
#commentform #submit{
    background:url(images/btnSend.gif) no-repeat 0 0;
    border:none;
    width:62px;
    height:24px;
    font:bold 16px arial;
    cursor:pointer;
    cursor:hand;
}
#commentform .inputComment{
    clear:both;
    height:34px;
}
#commentform .form-label{
    float:right;
    font:11px arial;
    padding:4px 0 0 0;
}
#commentform .form-input{
    width:332px;
    float:right;
    margin:0 0 9px 10px;
}
#commentform .form-input input{
    width:322px;
    margin:0;
}
#commentform .form-textarea textarea{
    width:620px;
}
#respond h3{
    padding:50px 0 15px 0;
    margin:0;
}
#respond .form-submit {
    margin: 12px 0;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
}
.widget-area ul ul {
    list-style: square;
    margin-right: 1.3em;
    margin-left: 0;
}
.widget_search #s {/* This keeps the search inputs in line */
    width: 60%;
}
.widget_search label {
    display: none;
}

.widget-title {
    color: #222;
    font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
    text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
    text-decoration: underline;
}
.widget-area .entry-meta {
    font-size: 11px;
}
#wp_tag_cloud div {
    line-height: 1.6em;
}
#wp-calendar {
    width: 100%;
}
#wp-calendar caption {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    text-align: right;
}
#wp-calendar thead {
    font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
    color: #aaa;
}
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 3px 0 2px;
    text-align: center;
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    text-align: left;
}
.widget_rss a.rsswidget {
    color: #000;
}
.widget_rss a.rsswidget:hover {
    color: #ff4b33;
}
.widget_rss .widget-title img {
    width: 11px;
    height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0 20px;
}
#main .widget-area ul ul {
    border: none;
    margin-right: 1.3em;
    margin-left: 0;
    padding: 0;
}
/*picasa web album - display none because the embed is flash and isn't shown in mobile'*/
.widget_ort_image_gallery {
    /*display: none;*/

}

/* =Footer
-------------------------------------------------------------- */
.footer{
    clear: both;
}
#colophon {
    color: #022F59;
    font-size: 14px;
    overflow: hidden;
    padding: 2rem 0 0 0;
    background:#AFCCE1;
}

.footer ul li a,
.footer ul li a:hover,
.credits a,
.credits a:hover{
    color: #022F59 ;
    text-decoration: none;
}
.info,
.moe_links,
.static_links{
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}
.info,
.moe_links{
    line-height: 1.7;
    margin-bottom: 15px;
}
.footer  h4{
    font-weight: bold;
    margin-bottom: 1px;
    line-height: 1.2;
}

.info dd,
.info dt{
    float: right;
    position: relative;
    line-height: 1.2;
    margin: 7px 0 0;
}
.info dd{
    padding: 0;
    /*    margin: 0;*/
}
.info dt{
    clear: right;
    font-weight: normal;
    padding-left: 10px;
}
.info dt:after{
    color: #022F59;
    content: ":";
    display: block;
    left: 4px;
    position: absolute;
    top: 0;
}

.moe_links ul{
    margin-left: 28px;
    line-height: 1.7;
}
.moe_links li{
}
.moe_links li a:hover{
    /*text-decoration: underline !important;*/
}

.static_links li{
    font-size: 14px;
    margin-bottom: 10px;
}
.footer .static_links li a {
    display: table-cell;
    height: 3.9rem;
    padding: 0 5rem 0 0;
    position: relative;
    vertical-align: middle;
}
.static_links li a:before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 3.9rem;
    width: 3.8rem;
}

.static_links li.rights a:before{
    background-position: 0 -56.2rem;
    width: 4.3rem;
    height: 4.8rem;
}
.static_links li.facebook a:before{
    background-position: 0 -61.1rem;
}
.static_links li.youtube a:before{
    background-position: 0 -67.7rem;
}
.static_links li.ort_tov a:before{
    background-position: -16rem -61.1rem;
}
/*ie background position in px and not REM*/
.ie8 .static_links li.rights a:before,
.ie9 .static_links li.rights a:before{
    background-position: 0 -562px;
}
.ie8.static_links li.facebook a:before,
.ie9.static_links li.facebook a:before{
    background-position: 0 -611px;
}
.ie8 .static_links li.youtube a:before,
.ie9 .static_links li.youtube a:before{
    background-position: 0 -677px;
}
.ie8 .static_links li.ort_tov a:before,
.ie9 .static_links li.ort_tov a:before{
    background-position: -160px -611px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    .static_links li.rights a:before{
		background-position: 0 -562px;
    }
    .static_links li.facebook a:before{
		background-position: 0 -611px;
    }
    .static_links li.youtube a:before{
		background-position: 0 -677px;
    }
    .static_links li.ort_tov a:before{
		background-position: -160px -611px;
    }

}


.credits{
    background-color: #FFFFFF;
    clear:both;
    margin-top: 18px;
    padding: 10px 0;
    text-align: center;
}
.credits  a{
    position: relative;
    font-size: 1.4rem;
}
.credits  a:first-child{
    padding-left: 2rem;
}
.credits  a:last-child{
    padding-right: 4rem;
}
.credits  a:first-child:before,
.credits  a:last-child:before{
    content: '';
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-position: 0 -72.7rem;
    top: 0;
    left: 0;
}
.credits  a:last-child:before{
    background-position: 0 -76.3rem;
    width: 3.5rem;
    right: 0;
    left: auto;
}
/*background-position for IE 8-11*/
.ie8 .credits  a:first-child:before,
.ie9 .credits  a:first-child:before{
    background-position: 0 -727px;
}
.ie8 .credits  a:last-child:before,
.ie9 .credits  a:last-child:before{
    background-position: 0 -763px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .credits  a:first-child:before{
        background-position: 0 -727px;
    }
    .credits  a:last-child:before{
		background-position: 0 -763px;
    }
}



/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
    -webkit-text-size-adjust: 140%;
}
code {
    -webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
    -webkit-text-size-adjust: 120%;
}
.site-description {
    -webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
    body {
		background: none !important;
    }
    #wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
    }
    #header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
    }
    #colophon {
		border-top: 2pt solid #000;
    }
    .site-title,
    .site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
    }
    .site-title {
		font-size: 13pt;
    }
    .entry-content {
		font-size: 14pt;
		line-height: 1.6em;
    }
    .entry-title {
		font-size: 21pt;
    }
    #access,
    #branding img,
    #respond,
    .comment-edit-link,
    .edit-link,
    .navigation,
    .page-link,
    .widget-area {
		display: none !important;
    }

    #content,
    .one-column #content {
		margin: 24pt 0 0;
		width: 100%;
    }
    .wp-caption p {
		font-size: 11pt;
    }
    #site-info {
		float: right;
    }
    #site-generator {
		float: left;
    }

    #colophon {
		width: auto;
    }
    img#wpstats {
		display: none;
    }
    #site-generator a {
		margin: 0;
		background-position: right center;
		padding-right: 20px;
		padding-left: 0;
    }
    #entry-author-info {
		border: 1px solid #e7e7e7;
    }
    #main {
		display: inline;
    }
    .home .sticky {
		border: none;
    }
}

/*----------------------------*/
/*-----HomePage Structure-----*/
/*----------------------------*/
.sidebar {
    position: relative;
}
/* title needed for  image alt text, but don't show it as a title'*/
#sidebarPicture .widget_sp_image .widget-title,
#sidebarPicture .widget_sp_image .widget_sp_image-description{
    display: none;
}

#sidebarPicture .widget_sp_image img{
    width: 100%;
    height: auto;
}

.sidebar .widget-title ~div{
    color: #022F59;
    font-size: 14px;
}
.sidebarWarperRight .sidebar,
.sidebarWarperLeft .sidebar,
.content-wrapper .sidebar{
    padding-bottom: 30px;
    margin-bottom: 10px;
}


#mainPage .widget-title{
    background: #9FC1DA;
    border-radius: 5px 5px 5px 5px;
    color: #022F59;
    font-size: 22px;
    margin-bottom: 10px;
    padding: 13px 10px 12px;
    position: relative;
}
#mainPage .widget-title:before{
    content: "";
    position: absolute;
    top: 1.3rem;
    right: 0;
    width: 6.6rem;
    height: 4.5rem;
}
#mainPage .widget-title span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*same code with prefix - for iphone*/
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    height: 44px;
    padding-right: 60px;
    line-height: 1;
}

#mainPage .rpbc_widget_inner .widget-title:before{background-position:0 -183px;}
#mainPage .rpbt_widget_inner .widget-title:before{background-position:0 -459px;}
.ie9 #mainPage .rpbt_widget_inner .widget-title:before{background-position:0 -458px;}
#mainPage .rpbac_widget_inner .widget-title:before{background-position:0 -316px;}
#mainPage .rpbnc_widget_inner .widget-title:before{background-position:0 -270px;}
#mainPage .widget_ort_image_gallery .widget-title:before{ background-position:0 -361px;}
#mainPage .ort_slide_show_box .widget-title:before{ background-position:0 -361px;}
#mainPage .widget_ort_google_calendar .widget-title:before{background-position:0 -139px;}
#mainPage .videosidebar .widget-title:before{background-position:0 -225px;}
#mainPage #widget_facebookzamablog .widget-title:before{background-position:0 -411px;}
#mainPage .widget_text .widget-title:before{background-position:0 -316px;}
#mainPage .widget_gcal .widget-title:before{background-position:0 -139px}
#mainPage .widget_news_announcement .widget-title:before{background-position:0 -316px}
#mainPage .widget_news_and_updates .widget-title:before{background-position:0 -182px}
#mainPage .widget_rss .widget-title:before{background-position:0 -270px}
#mainPage .widget_school_gallery .widget-title:before{background-position:0 -361px}

.widget_link_icons{
    padding: 10px 0;
}
/* sidebarPicture*/
/*this is the area of big image or slider. If there's a slider - there's non need for headline'*/
.sidebarPicture .widget-title{
    display: none;
}
.fbConnectWidgetTopmost .phs{
    padding-right:0;
    padding-left:0
}
.sidebar .rpb_thumbnail_right ~ .rpb_content {
    width: auto;
}


/* video widget css*/
.videosidebar embed,
.videosidebar object,
.videosidebar iframe,
/*iframe embed of you tube or magisto*/
.textwidget iframe{
    /* give it the width of its parent. That way  no matter in which column it is, it will never be wider that the column*/
    width: /*340px*/ 100% !important;
    /*height: auto !important;*/
    max-height: 20rem;
}

/*facebook widget*/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe{
    width: /*220px*/ 100% !important;
    /*max-height: 202px;*/
}
/*google calender widget*/
.ortimagegallerywidget iframe,
.ort_google_calendar_widget iframe{
    /*in iphone the iframe got out of the div - that's why those to parameter where needed. taken from here: http://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari'*/
    width: 10px ;
    min-width: 100%;
    overflow:hidden;
}
.ort_google_calendar_widget .calendar_more {
    background-color: #528db8;
    border-radius: 5px;
    bottom: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    left: 9px;
    padding: 1px 6px;
    position: absolute;
    text-decoration: none;
	outline-color: #528db8;
}

/*---- style from ort.css -----*/
.post-item ,
.cat-item {
    margin: 0 0 10px;
}

.leftMenu {
    background-color: #fff;
    padding: 1.5rem 0;
    border-bottom:1px dashed;
}
.leftMenu > ul{
    width: 90%;
    margin: 0 auto;
}
.children{
    margin: 7px 0 0 0;
    padding: 0 18px 0 0;
    list-style: none;
}
#sidebar .selected  {
    padding: 7px 3px;
    background:#0062AB;
    border-radius: 4px;
    position: relative;
}

/*inner pages - bringing the sude nav up*/
.single .main,
.category .main{
    display: flex;
    flex-direction: column-reverse;
    /*needed for iphone support - for supporting flex*/
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
}



#sidebar li ul li a {
    font-weight: normal;
}
.treeNode  {height:99%}
.cat-item a,.cat-item a:hover,.cat-item a:visited,.cat-item a:link,li.post-item a{
    background: none repeat scroll 0 0 transparent;
    color: #022F59 ;
    padding-right: 20px;
    font: bold 15px/1 arial;
    white-space: normal;
    text-decoration: none;
    display:block;
}
#sidebar .selected a {
    font-weight:bold;
    color:#fff;
}

.cat-item  img,.post-item  img{
    background-color: transparent;
    border-left: 0 solid #E7972F;
    border-right: 0 solid #E7972F;
    padding: 3px 2px 0 0;
    position: absolute;
    text-align: right;
    vertical-align: top;
}


.category  #content{/*,.single  #content {*/
    margin:0 0 0 10px
}
/* (Lea 08/2013) - style the posts in category page*/
.category .category_thumbnail_right{
    float: right;
    /*margin: 5px 0 0 10px ;*/
    margin: 1rem 0 0 3%;
    width: 27%;
}
.category_thumbnail_right ~ .post-content {
    float: right;
    width: /*520px;*/ 70%;
}
.category .entry-meta{
    margin: 0;
}


#content  #attachments li {
    clear: right;
    margin-bottom:10px;
}
#content  #attachments img {
    width:20px;
    float: right;
    height: 25px;
    margin-left: 10px;
}
#content  #attachments a {
    float: right;
    font-family: Arial;
    font-size: 14px;
    color:#022F59 ;
}
#content  #attachments p {
    clear: right;
    margin-bottom:0;
    font-family: Arial;
    font-size: 14px;
    color:#022F59 ;
}
#content .meta-nav{
    position:absolute
}

.post .entry-utility a:hover,
.post .entry-utility,.post .entry-utility a,
.post h2.entry-title a {color: #022F59 }
/*.single .post {margin:0 15px 48px 0}*/


#comments-list div.comment-meta{font-weight:normal}
#commentform .form-input input,
#comments-list ul li .bodyComment p { background: #FAFDFF;}
#commentform .form-textarea textarea{
    min-width: 222px;
    max-width: 615px;
    max-height: 390px;
    min-height: 155px;
    background: #FAFDFF;
}
#comments-list .comment-author a{color:#022F59;}
.unapproved{
    color: #C20044;
    position: relative;
    top: 12px;
}


div#shrsb-col-left {
    float: left;
    margin: 40px 10px 0;
    width: 650px;
}
div#shrsb-col-right {
    clear: none;
    float: left;
    margin: 40px 0 0;
    right: 1.3%;
    width: 256px;
}
/* this selector is added via JS for fixing an IE bug. Not needed any more. Rachel 04.2015
.deleteSpace{
    margin-top:-22px
}*/
#nav-top ,#nav-below{
    margin:0 0 14px  0;
    width:99%
}
#content .entry-content table{
    border:none
}

.current-menu-item  img{
    position: absolute;
    right: 38%;
    top: 35px;
}
#navigation .wp-pagenavi a, #navigation .wp-pagenavi span {
    color: #022F59 ;
}
#container.no_sidebar{
    width:auto;
    border:none;
}
.not-found #search{
    display:none;
}

.page #content .entry-title {
    margin-bottom: 15px;
}
/*----  end - style from ort.css -----*/

/*-------------------------------*/
/*---------Single design---------*/
/*-------------------------------*/
.main{
    background-color: #F4FAFF;
}
.breadcrumbs{
    margin-bottom: 15px;
}
.breadcrumbs,
.breadcrumbs a{
    font-size: 12px;
    color: #0062AB;
}

#click-menu{
    top: 10px !important; /*needed to override the "right: X" in the customization of the plugin*/
}
/*Page design*/
.tag #container,
.page #container,
.search #container,
.author #container,
.bbpress #container{
    margin: 0 0 0 25px;
    padding: 25px 25px 10px 0;
    width: 100%;
    border: 0;
}

/*--------responsive menu Plugin-------*/
#click-menu {
    box-shadow: 0 3px 0 0 #2a2a2a, 0 -4px 0 0 #2a2a2a;
    /*the wanted design was with bigger top & bottom padding. I didn't want to use "!important" so I used box-shadow at the top & bottom */
}


/*---------------------------------------------------------*/
/*------------------Only For 320-960 px -------------------*/
/*---------------------------------------------------------*/
@media only screen and (max-width: 959px){
    /*#content img,*/
    .entry-content iframe,
    .entry-content img{
		max-width: 100%;
    }
    .entry-content img {
		height: auto;
    }
    .entry-content object[codebase*="shockwave"] {
		display: none;
    }
}



/*---------------------------------------------------------*/
/*-------------------from 700px to 960px-------------------*/
/*---------------------------------------------------------*/
@media only screen and (min-width: 700px) and (max-width: 959px){
    .sidebarWarperRight .sidebar,
    .sidebarWarperLeft .sidebar,
	.content-wrapper .sidebar{
		width: 49%;
		float: right;
		height: 33rem;
    }
    #sidebar2,
    #sidebar4,
    #sidebar5,
    #sidebar8{
		margin-left: 2%;
    }
    #sidebar1{
		margin: 1rem 0;
		text-align: center;
    }
    .widget-container.widget_link_icons {
		display: inline-block;

    }


}


/*---------------------------------------------------------*/
/*-------------------from 700px and more-------------------*/
/*---------------------------------------------------------*/
@media only screen and (min-width: 700px){
    /*in the left sidebar if one insert a post by category or tags there isn't enough space for h1 + P + img'*/
    .sidebarWarperLeft  .total_posts_3  p,
    .sidebarWarperLeft  .total_posts_2  p,
    .sidebarWarperLeft .total_posts_1 .rpb_thumbnail_right,
	.content-wrapper div:nth-child(3n)   .total_posts_3  p,
    .content-wrapper div:nth-child(3n)   .total_posts_2  p,
    .content-wrapper div:nth-child(3n)  .total_posts_1 .rpb_thumbnail_right{
		display: none;
    }

    /*picasa web album*/
    .widget_ort_image_gallery {
		display: block;
    }
    /* = Footer*/
    .info,
    .moe_links,
    .static_links,
    .moe_links ul{
		float: right;
		padding-right: 0;
		padding-left: 0;
    }
    .info,
    .moe_links{
		width: 35%;
    }
    .info{
		padding-right: 3rem;
    }
    .moe_links{
		padding-right: 10px;
    }
    .static_links{
		width: 28%;
		margin-right: 0;
		padding-bottom: 2rem;
    }

    .static_links li.rights{
		margin-bottom: 0;
    }
    .credits a {
		font-size: 1.6rem;
    }
    /*sidebar navigation*/
    .category  .main,
    .single  .main{
		display: table;
		vertical-align: top;
		width: 100%;
    }
    .category  #container,
    .single  #container{
		display: table-cell;
		min-height: 300px;
		/*float: right;*/
		padding: 8px 25px 10px 0;
		margin:0;
		width: /*72rem;*/ 75%;
    }
    .category .category_thumbnail_right{
		margin-left: 1rem ;
		width: 12rem;
    }
    .category_thumbnail_right ~ .post-content {
		width: /*520px;*/73%;
    }
    /*#content img,*/
    .entry-content iframe,
    .entry-content img{
		/*width: 100%;*/
		max-width: 500px;
    }
    .entry-content img {
		height: auto;
    }

    /* = inner navigation - sidbar*/
    .leftMenu {
		display: table-cell;
		width: /*24rem;*/ 25%;
		background-color: transparent;
		padding: 3rem 1rem;
		border-bottom: none;
		border-right: 1px dashed;
		vertical-align: top;
    }

    .leftMenu > ul{
		width: auto;
		margin: 0 ;
    }


}



/*---------------------------------------------------------*/
/*-------------------from 960px and more-------------------*/
/*---------------------------------------------------------*/
@media only screen and (min-width: 960px){
    /* The main theme structure */
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper{
		margin: 0 auto;
		width: 960px;
    }
    #branding,
    #mainPage {
		padding: 0;
		border-bottom: none;
    }
    #header {
		background-image: url("images/header-image.png");
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: transparent;
    }
    #branding {
		text-align: right;
    }
    .ort_site{
		display:block;
    }
    .site-description a{
		margin-right: 11px;
    }
    #container {
		margin: 0 auto;
		width: 960px;
    }
    .home #container{
		/*padding-top: 1.5rem;*/
    }
    #megaMenu{
		display: block;
    }
    /*-----HomePage Structure-----*/
    .top-left-border {
		border-top:1px dashed;
		border-left:1px dashed;
    }
    .top-border {
		border-top:1px dashed;
    }
    .left-border {
		border-left:1px dashed;
    }
    .sidebarWarperRight{
		width:720px
    }

    .sidebarWarperRight .sidebar,
    .sidebarWarperLeft .sidebar,
	.content-wrapper .sidebar{
		padding-bottom: 0;
		margin-bottom: 0;
    }
    .sidebar {
		height: 320px;
    }
    .sidebar.sidebar1,
    .sidebar.sidebarPicture{
		height: 300px;
    }
    .sidebar.sidebarPicture{
		width: 720px;
		padding: 1rem;
    }
    .sidebarWarperRight,
    .sidebarWarperLeft,
	.content-wrapper,
    .sidebar{
		float:right;
    }

    #mainPage .widget-title span{
		display: block;
		line-height: 2;
		height: auto;
    }
    div#sidebarPicture {
		margin: 0;
    }
    .widget_link_icons ul{
		height: 278px;
		width: 230px;
    }

    #sidebarPicture .smallimage{
		height:170px;
		width:699px
    }
    .sidebarWarperRight .widget-container,
	.content-wrapper .widget-container{
		width:359px
    }
    #sidebar1 .widget-container,
    .sidebarWarperLeft .widget-container,
	.content-wrapper div:nth-child(3n) .widget-container{
		width:239px
    }
    .sidebarWarperRight .sidebar,
	.content-wrapper .sidebar{
		width:360px
    }

    .sidebarWarperLeft,
	.content-wrapper div:nth-child(3n){
		width:240px
    }

    .sidebarWarperRight .widget_gcal iframe,
    .sidebarWarperRight .widget_youtube embed,
	.content-wrapper .widget_gcal iframe,
	.content-wrapper .widget_youtube embed,
    .fbConnectWidgetTopmost,
    .sidebarWarperRight .widget_facebook iframe,
    .sidebarWarperRight .vnewsticker table,
	.content-wrapper .widget_facebook iframe,
	.content-wrapper vnewsticker table{
		width:340px;
		height:240px;
    }

    #sidebar1 .widget_facebook iframe,
    .sidebarWarperLeft .widget_gcal iframe,
    .sidebarWarperLeft .widget_youtube embed,
    .sidebarWarperLeft .widget_facebook iframe,
    .sidebarWarperLeft .vnewsticker table,
	.content-wrapper div:nth-child(3n) .widget_gcal iframe,
    .content-wrapper div:nth-child(3n) .widget_youtube embed,
    .content-wrapper div:nth-child(3n) .widget_facebook iframe,
    .content-wrapper div:nth-child(3n) .vnewsticker table{
		width:220px;
		height:240px;
    }
    .sidebarWarperLeft .widget_text .textwidget,
	.content-wrapper div:nth-child(3n) .widget_text .textwidget {
		max-height: 218px;
		overflow-y: auto;
    }
    /*facebook widget*/
    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe{
		border-bottom: 1px solid #aaa;
		max-height: 216px;
    }
    /*google calendar widjet*/
    .ort_google_calendar_widget iframe {
		max-height: 200px;
    }

    .sidebarPicture .widget-container {
		width: 100%;
		padding: 0;
    }
    #sidebarPicture .widget_sp_image img{
		max-height: 280px;
    }

    /* =Widget Areas*/
    .widget-container {
		padding:10px 10px 10px 9px;
		width:360px;
    }
    .ortimagegallerywidget iframe{
		height: 200px;
    }
    /*footer*/
    .info,
    .moe_links{
		width: 358px;
    }
    .static_links{
		width: 231px;
    }
    .static_links ul{
		margin: 0 1.6rem 0 0;
    }
    .footer .static_links .youtube a {
		padding-left: 4rem;
    }
    .footer .static_links .rights a {
		padding: 0.5rem 5rem 0 2rem;
    }
    /* = inner pages*/
    #container {
		background-color: #F4FAFF;
		padding: 0;
    }
    #container #content {
		min-height: 360px;
    }
    /*category*/
    .category_thumbnail_right ~ .post-content {
		width: 80%;
    }

    /*#content img,*/
    .entry-content iframe,
    .entry-content img{
		/*width: 100%;*/
		max-width: 650px;
    }


}

/*---------hidding the search in mobile-----------*/
/*------------------------------------------------*/
@media only screen and (max-width: 960px){
    #search{
		display: none
    }
}


/*--------------------------------------------*/
/*----------------For FlexSlider--------------*/
/*--------------------------------------------*/

/* Style for mobile template*/
@media  (max-width: 35em)
{

    .flexslider-container{
		max-width: 100%;
    }
    .flexslider{
		max-height: 12.188em;

    }
    /* these 2 make a horizontal scroll if no overflow defined*/
    .flex-direction-nav li a,
    .flex-control-nav li a{
		overflow:hidden;
    }
    .flex-direction-nav li a.prev {left: -16px;}
    .flex-control-nav {
		bottom: -40px;
		line-height: 1;
    }
}
@media  (min-width: 35em) and  (max-width: 62em)
{

    .flexslider-container{
		max-width: 100%;
		width: 100%;
    }
    .flexslider{
		max-height: /*12.188em*/ 14.188em;
    }
    .mobile .post section .flexslider .slides img{
		width: 100%;
		max-width: 600px;
    }
    .flex-direction-nav li a.prev {
		left: -16px;
    }

}

/*--------------------------------------------*/
/*----------------For Link icons--------------*/
/*--------------------------------------------*/
/*for admin preview*/
.customize-preview .grey .icon_buttons input,
.customize-preview .grey .icon_buttons input[type="text"]{
    background-image: url("../images/big-grey.png");
}
.home .widget_link_icons ul{
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    height: auto ;
}
.home .widget_link_icons li{
    float: right;
    min-height: 9.6rem;
    padding: 0 4px 0 6px;
}
.home .widget_link_icons li a{
    color: #022F59 ;
    display: block;
    width: 64px;
}


/*-------------------------------------*/
/*----------------For IE8--------------*/
/*-------------------------------------*/
@media \0screen { /*hack for ie 8: http://blog.keithclark.co.uk/moving-ie-specific-css-into-media-blocks/*/
    body{
		background: url("images/header-bg.gif") repeat-x scroll 0 0 #D2E9F3;
    }
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper{
		margin: 0 auto;
		width: 960px;
    }
}

/*------------------------------------------------------------*/
/*--------------Learning in Emergency: For RSS Feed-----------*/
/*------------------------------------------------------------*/

.learning-in-emergency .entry-meta {
    display: none;
}
div.hungryfeed_item {margin-bottom: 60px;}
div.hungryfeed_item_title {font-weight: bold;}
.hungryfeed_item_author {margin-top: 20px;}
#content tr td {padding: 6px 0; border: 0}
.hungryfeed_item h3 {background-color: #ececec;}
.blue .hungryfeed_item h3 {background-color: transparent;}