/*
Theme Name:     Invent Child
Theme URI:      http://portfoliotheme.org/invent
Description:    Child theme for the Invent Theme by LiveMesh
Author:         LiveMesh
Author URI:     http://themeforest.net/user/livemesh
Template:       invent
Version:        0.1.0
*/

@import url("../invent/style.css");
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body{
    direction: rtl;
    unicode-bidi: embed;
}

caption, th, td {
  text-align: left; }

p, .contact-form {
    direction: rtl;
}


/* ------------------------ Base CSS ----------------------------------- */
/*--------- Alignment ------------ */

.left {
  text-align: right; }

.right {
  text-align: left; }

.alignleft {
  float: right;
  margin: 0 0 5px 20px; }

.alignright {
  float: left;
  margin: 0 20px 0 0; }

/*------------------- Basic Styling ------------------------------------*/
/* Heading styling */
  h4.subheading:after, h3.subheading:after {
    right: 0; }

/* List Style */
  ul.list-style-none {
    margin-right: 0; }
    ul.list-style-none li {
      margin-right: 0; }

ul {
  margin: 0 18px 20px 0; }

ol {
  margin: 0 28px 20px 0; }

dl {
  margin: 0 3px 18px 0; }
  dl dd {
    margin: 6px 24px 0 0; }

/*---------------- Media Styles ------------ */
  img.alignleft {
    margin: 5px 0 10px 20px; }

.wp-caption.alignleft {
  margin: 5px 0 10px 20px; }

img.alignright, .wp-caption.alignright {
  margin: 5px 20px 10px 5px; }

/*----------------------- Table Styling --------- */
table th {
  text-align: right; }
/*----------------- Code and Pre Styling ---------------- */
pre, .pre {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 6px solid #E9E7E0; }
/*------------------------------------------------------------------
2. Forms
-------------------------------------------------------------------*/
/* Select box styling */
select {
  padding: 8px 10px 8px 5px;
  }
/*---------- Form Styles ------- */
    .contact-form label.form-error, .wpcf7-form label.form-error {
      float: right;
       }

label.form-error {
  float: right;
   }

/* -------- Contact Us etc. -------- */
#content .contact-form .human-check input, #content .wpcf7-form .human-check input {
  margin-right: 15px;
 }

#content .contact-form p, #content .wpcf7-form p {
  margin-left: 2%;
    margin-right: 0;
 }

  @media only screen and (max-width: 479px) {
    #content .contact-form p, #content .wpcf7-form p {
      margin-left: 0;
      margin-right: 0; } }

#content .wpcf7-form {
  margin-right: 4px; }
  #content .wpcf7-form p {
    margin-right: -4px;
   }

/* Footer contact us widget --------*/
#footer .contact-form .text-input, #footer .contact-form textarea {
  float: right;
  }
#footer .sixcol .contact-form p {
  margin: 0 0 0 2%;
  float: right; }

/*------------ Comment Form ---------------- */
#commentform input[type="text"] {
  margin-left: 2%;
  }

/*------------------------------------------------------------------
3. Buttons
-------------------------------------------------------------------*/
/* ----- ---- --- -- - Default buttons - -- --- ---- ----- */
  .button.large [class^="icon-"], .button.large [class*=" icon-"], button.large [class^="icon-"], button.large [class*=" icon-"] {
    padding-right: 10px; }

/* ------------- Custom Styling for Buttons -------- */
#button-gallery .button {
  margin-right: 10px;
  }


/*------------------------------------------------------------------
4. Images/Gallery
-------------------------------------------------------------------*/
/*-------------- WP Gallery Styling - Credit: Twenty Thirteen Theme ---------- */

.gallery {
  margin-right: -4px; }

.gallery-item {
  float: right;
  margin: 0 0 4px 4px;
  }

.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-left: 0; }

.gallery-caption {
  right: 0;
  text-align: right;
 }
  .gallery-caption:before {
    right: 0;
  }

/* ------ Gallery Styling for mobile resolutions ------*/
@media only screen and (max-width: 767px) {
  .gallery-columns-1 .gallery-item {
    margin-left: 0;
    }
   }
@media only screen and (max-width: 359px) {
  .gallery {
    margin-right: 0; }

  .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-left: 4px; }
    
  .gallery .gallery-item:nth-of-type(even) {
    margin-left: 0; } }
/*--------- Isotope Portfolio Filtering ------------- */

/* Isotope CSS3 transitions */
  .isotope .isotope-item {
    -webkit-transition-duration: 0.8s !important;
    -moz-transition-duration: 0.8s !important;
    -ms-transition-duration: 0.8s !important;
    -o-transition-duration: 0.8s !important;
    transition-duration: 0.8s !important;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, right, opacity;
    transition-property: transform, opacity; }

/* disabling Isotope CSS3 transitions */
/* infinite scroll loading message styling */
#infscr-loading {
  right: 42%;
}
  #infscr-loading img {
    float: right;
   }
  #infscr-loading div {
    float: right;
    padding-right: 10px; }

/*---------- Image Info Hover --------------------------*/
.image-overlay {
  right: 0;
  left: 0;
 }
    .image-info .image-info-buttons .post-link {
      margin-right: 15px; }


/*--------------------------------------------------------------------*/
/*	Responsive Flex Slider Styles
/*--------------------------------------------------------------------*/
/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * */

/* FlexSlider Default Theme *********************************/

.carousel li {
  margin-left: 5px; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
/* Caption styles */
.flex-caption {
  right: 150px;
   }

/* Direction Nav */
  .flex-direction-nav .flex-next {
    left: 10px;
   }
  .flex-direction-nav .flex-prev {
    left: 40px;
   }
  .flex-direction-nav .flex-prev span {
    left: 9px;
    background-position: left bottom; }
  .flex-direction-nav .flex-next span {
    left: 9px;
    background-position: left bottom;
    background-position: left bottom; }
  .flex-direction-nav .flex-prev span {
    background-position: right bottom; }

/* Control Nav */
  .flex-control-thumbs li {
    float: right;
    }

/* --------- Slider Area styling ------ */
#slider-area .flex-direction-nav .flex-next span, #slider-area .flex-direction-nav .flex-prev span {
  right: 24px; }
#slider-area .flex-direction-nav .flex-next span {
  background-position: left top; }
#slider-area .flex-direction-nav .flex-prev span {
  background-position: right top; }
#slider-area .flexslider .flex-next {
  left: 10px; }
#slider-area .flexslider .flex-prev {
  right: 10px; }
  #slider-area .widget ul li:hover {
    padding-right: 0; }
/*--------------------------------------------------------------------*/
/*	OTHER SLIDERS - NIVO
/*--------------------------------------------------------------------*/
/* === The Nivo Slider styles - do not modify unless you know what you are doing == */
/* === For customization, see below === */
  .nivoSlider img {
    right: 0px;
   }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  right: 0px;
 }

/* Caption styles - customized */
.nivo-caption {
  right: 150px;
  }

/* Direction nav styles (e.g. Next & Prev) */

.nivo-prevNav {
  right: 0px; }

.nivo-nextNav {
  left: 0px; }

/* ===== Nivo Slider Custom styles - modify below if required === */

.nivo-controlNav {
  right: 50%;
  margin-right: -30px; }
  .nivo-controlNav a {
    margin-left: 8px;
    float: right;
   }


/* Direction nav styles (e.g. Next & Prev) */
a.nivo-nextNav {
  left: 0; }
a.nivo-prevNav {
  right: 0; }

.nivo-directionNav .nivo-prevNav span {
  right: 14px;
 }
.nivo-directionNav .nivo-nextNav span {
  right: 14px;
  background-position: left top; }
.nivo-directionNav .nivo-prevNav span {
  background-position: right top; }

/*  ======================================================
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 *  ======================================================
 */


/* display none until init */

.owl-carousel .owl-item {
  /*float: right;*/
    direction: rtl;
}

/* ======================================================
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*   =====================================================
*/

/** THEME ===================================*/
/* Owl Carousel Customization */
  .carousel-container .owl-carousel.owl-theme .owl-prev {
    margin-left: 6px; }
  .carousel-container .owl-carousel.owl-theme .owl-buttons {
    left: 10px;
   }
.gallery-carousel .carousel-container .owl-carousel.owl-theme .owl-buttons {
  left: 10px; }

/* Tab Slider and Team Slider navigation */
  ul.tab-list li, ul.member-list li {
    margin: 0 0 0 50px; }
    @media only screen and (max-width: 767px) {
      ul.tab-list li, ul.member-list li {
        margin-left: 30px; } }

/*------------------------------------------------------------------
6. Widgets
-------------------------------------------------------------------*/

/*--------- 125x125 Advertisement Styling --------- */
  #advertisement-125 a {
    float: right;
   }

/*---------- Social List ---------- */
  ul.social-list li {
    margin: 0 0 0 10px;
    float: right; }
    ul.social-list li:last-child {
      margin-left: 0; }
  ul.social-list a {
    margin-left: 5px;
   }

.widget ul.social-list li {
  padding-right: 0 !important; }

  #footer .widget ul.social-list a {
    margin: 0 0 10px 20px; }
    @media only screen and (max-width: 479px) {
      #footer .widget ul.social-list a {
        margin: 0 0 5px 8px; }
       }

/* ------ Nav menu widget --------*/
.widget.widget_nav_menu ul.sub-menu li {
  margin-right: 15px; }

/*-------------- Search Widget ----------------- */
  .search-form .search-text {
    left: 0;
    padding: 5px 30px 5px 5px;
   }
  .search-form .submit {
    padding: 5px 28px 5px 5px;
    right: 0;
    }

/* ------------- Pages Widget ------------ */
.widget_pages ul ul {
  padding: 15px 15px 0 0; }

/*------------- Flickr Widget -------------- */
  #flickr-widget .flickr_badge_image {
    float: right;
    margin: 0 0 6px 6px; }
    #footer #flickr-widget .flickr_badge_image {
      margin: 0 0 10px 10px; }

/* ------------ Author Widget ------ */
#author-widget .avatar-wrap {
  float: right;
  margin-left: 40px; }
#author-widget .author-name {
  margin-left: 10px; }

/* ---------- Recent Comments ---------- */
ul#recentcomments li.recentcomments {
  padding-right: 30px;
  }
  ul#recentcomments li.recentcomments:before {
    right: 0;
   }

/* ------------ Tag Cloud - Tag/Category/Taxonomy Term Cloud widget ----------------*/
  .term-cloud a {
    float: right;
    margin: 0 0 5px 5px;
   }

/* --------- Mailchimp integration ---------- */

#mc_signup_form .mc_input {
  margin: 0 0 0 15px;
 }

/*------------------------------------------------------------------
7. Shortcodes
-------------------------------------------------------------------*/

/*----------------------- Pull Quotes --------- */

.quote-wrap.alignleft {
  float: right;
  margin: 0 0 0 20px;
}
.quote-wrap.alignright {
  float: left;
  margin: 0 20px 0 0;
  }
/*-------------------------------------------------------------------- mameara -------------------------------------------------------------------*/
blockquote {

  padding: 5px 50px 5px 15px;
  background: url("images/quote.png") no-repeat scroll 0 0 transparent;
 }

  blockquote.alignleft {
    margin: 0px 0 0 20px;
 }
  blockquote.alignright {
    margin: 0px 20px 0 0;
}


   

/*--------------------- Begin Typography: List Styles ----------------- */
ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12, ul.list13 {
  margin: 5px 4px 5px 0; }
ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li, ul.list10 li, ul.list11 li, ul.list12 li, ul.list13 li, ul.list-none li {
  margin: 0 0 5px 0;
  padding: 0 28px 2px 0;
   }
ul.list1 li {
  background: url("images/icons/bullet-arrow.png") no-repeat -2px 5px;
  padding-right: 20px; }
ul.list2 li {
  background: url(images/icons/check.png) no-repeat scroll 3px 5px transparent; }
ul.list3 li {
  background: url(images/icons/fugue/arrow.png) no-repeat scroll 0 3px transparent; }
ul.list4 li {
  background: url(images/icons/fugue/heart.png) no-repeat scroll 0 3px transparent; }
ul.list5 li {
  background: url(images/icons/fugue/light-bulb.png) no-repeat scroll 0 3px transparent; }
ul.list6 li {
  background: url(images/icons/fugue/share.png) no-repeat scroll 0 3px transparent; }
ul.list7 li {
  background: url(images/icons/fugue/sticky-note-pin.png) no-repeat scroll 0 3px transparent; }
ul.list8 li {
  background: url(images/icons/fugue/medal.png) no-repeat scroll 0 3px transparent; }
ul.list9 li {
  background: url(images/icons/fugue/fire.png) no-repeat scroll 0 3px transparent; }
ul.list10 li {
  background: url(images/icons/fugue/star.png) no-repeat scroll 0 3px transparent; }
ul.list11 li {
  background: url(images/icons/fugue/feed.png) no-repeat scroll 0 3px transparent; }
ul.list12 li {
  background: url(images/icons/fugue/balloon-twitter.png) no-repeat scroll 0 3px transparent; }
ul.list13 li {
  background: url(images/icons/fugue/card-address.png) no-repeat scroll 0 3px transparent; }


list-none {

  margin: 5px 4px 5px 0; }

/** ---------------------------------- RSS Block --------------- */


/** ---------------------------------- Paypal Donate Button --------------- */


/*----------------------- Divider Styling --------------------------------------------*/



.header-fancy {
 
  background: url("images/content-horizontal-seperator.png") no-repeat center center;
 }
  

.top-of-page {
  text-align: left;
  }
 

/*-------------------- Box Styles ---------- */
.message-box {
  padding: 25px 25px 5px 55px !important;
  }

  
  
  .message-box a.close {
   
    left: 20px;
     }
    

/* ----------- Box Frame ----------*/

 
  .box-frame .box-header {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -moz-linear-gradient(top, white, #f1f1f1);
    background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #f1f1f1), color-stop(1, white));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); }
 

/*---------------- Column shortcodes ------------------------------------------------------------------------------------*/
/* ------- Based on the 1140px Grid V2 by Andy Taylor \ http://cssgrid.net ------ */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
  margin-left: 3.8%;
  margin-right: 0;
  float: right;
   }


.last {
  margin-left: 0px !important; }

/*--------- No margin columns ----*/
.zero-margin {
  margin-right: 0; }
  #content .zero-margin {
    margin-left: 0 !important; }

.onecol.zero-margin, .twocol.zero-margin, .threecol.zero-margin, .fourcol.zero-margin, .fivecol.zero-margin, .sixcol.zero-margin, .sevencol.zero-margin, .eightcol.zero-margin, .ninecol.zero-margin, .tencol.zero-margin, .elevencol.zero-margin {
  margin-left: 0; }


@media only screen and (max-width: 767px) {

  .threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin {
    padding-left: 0;
    padding-right: 0;
   } 
}
/*---------- Grid for portfolio items and posts grid layout ------------------*/
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
  margin-left: 1.9% !important;
    margin-right: 0 !important;
  }

/* Count the last column too for now */
/*----- Rounded portfolio changes -----*/
ul.image-grid.rounded li.fourcol.showcase-item {
  margin-left: 10.8% !important;
}
  ul.image-grid.rounded li.fourcol.showcase-item:nth-child(3n+3) {
    margin-left: 0 !important; }

/* ---- Segment styles ------- */

.segment .floating-text {
  left: 50%;
  right: 50%;
 }

/* Dual margin columns with margins on both sides used mainly for drawing middle lines/borders */
.threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin {
  padding-right: 1.9%;
  padding-left: 1.9%;
}

.dual-margin.first, .dual-margin:first-child {
  padding-right: 0; }
.dual-margin.last, .dual-margin:last-child {
  padding-left: 0; }

.mini-column, .maxi-column {
  float: right;
}

.mini-column {
  margin-left: 4%; }

/* --------- Toggle ------------------------*/

.toggle-label {
  padding: 12px 15px 12px 50px;
 }
  .toggle-label:after {
    left: 20px;
   }

.toggle-content {
  padding: 15px 40px 10px 0;
 }

/* -------- jQuery Tabs ---------- */
/* root element for tabs */
  .tabs li {
    float: right;
    margin: 0 0 -1px 2px !important;
    }

    .tabs li:first-child {
      margin-right: 0 !important; }


/* initially all panes are hidden */

/*---- Pie Charts --------- */
.piechart {
  float: right;
  margin-right: 20px;
 }
  .piechart canvas {
    right: 0; }

  .piechart .label {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    }

  .piechart .percentage span {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    }

/* --- Animate Numbers ---- */
  .number-stats .number-stat .icon-wrap {
    margin-right: -25px;
  }
    .number-stats .number-stat .stats-title i, .number-stats .number-stat .stats-title img {
      margin-left: 10px;
      }

/* ---------- tooltip styling. by default the element to be styled is .tooltip ------------ */
  .tooltip:after {
    border-left-color: transparent;
    border-right-color: transparent;
    right: 50%;
    margin-right: -10px;
 }

/* -------- Simple List styling ------*/
ol.simple-list {
  margin-right: 3em;
  }

ol.simple-list > li {
  padding-right: 0.5em;
  border-right: 2px solid #CCCCCC; }

ol.simple-list > li:before {
  right: -1em;
  text-align: left;
  }

/* ---------- Speech Bubble - Testimonials -----------*/
blockquote.testimonial {
  padding: 25px 70px 25px 30px;
  }
  blockquote.testimonial:before {
    right: 20px;
   }
  blockquote.testimonial:after {
    border-left: 1px solid #dbdbdb;
   }

/* ------------ Fancy Link --------------- */
  a.fancy-link:hover i {
    padding-right: 5px; }

/*------------------------------------------------------------------
9. Header
-------------------------------------------------------------------*/

#site-logo {
  float: right;
  right: 0;
  }
  #site-logo a {
    direction: rtl;
    text-align: right;
   }

/* --------- Header Styling - Display of Phone and Email on the header ------------------ */
    #top-header-area ul.contact-info li {
      margin: 0 0 0 20px;
    }
      #top-header-area ul.contact-info li i {
        margin-left: 10px; }

/*----------- Primary Menu and Social Icons area -----------*/
/*----------------------------------- Dropdown Menus ---------------------------------------------------*/
/* Primary menu dropdown styling*/
.dropdown-menu-wrap {
  left: 0;
  float: left; }
    .dropdown-menu-wrap ul li {
      float: right;
     }
        .dropdown-menu-wrap ul.sub-menu li > ul.sub-menu {
          right: 181px;
         }
      .dropdown-menu-wrap > ul.menu > li > a {
        float: right;
       }
      .dropdown-menu-wrap > ul.menu > li > ul.sub-menu {
        right: 0;
       }

/* Primary menu styling*/
#primary-menu {
  margin-right: 0px; }
  .header-social-links #primary-menu {
    float: right; }

#header-menu {
  float: left; }


/* ---------- Header and Footer Menu styling ---------------*/
      .single-depth-menu ul li:before {
        margin: 0 6px 0 12px; }
      .single-depth-menu ul li:first-child {
        padding-right: 0; }
  @media only screen and (max-width: 479px) {
    .single-depth-menu {
      float: right;
     } }

/* ------------------ Sidebar Header ------------------ */
#sidebar-header {
  float: left; }

  #sidebar-header .social-list {
    left: 0;
    }

    #sidebar-header .social-list li {
      margin-left: 20px; }
      #sidebar-header .social-list li:last-child {
        margin-left: 0; }

      @media only screen and (max-width: 1024px) {
        #sidebar-header .social-list li {
          margin-left: 14px; } }

  @media only screen and (max-width: 767px) {
      #sidebar-header .social-list {
        left: 0 !important;
       } }

  #sidebar-header .phone, #sidebar-header .email {
    left: 0; }
    #sidebar-header .phone i, #sidebar-header .email i {
      margin-left: 10px;
     }

/* --------- Mobile Menu - styling properties in responsive.css and used when needed only ---------- */
#mobile-menu {
  right: -240px; }
  #mobile-menu .menu-header {
    padding: 5px 25px 5px 0;
  }
  #mobile-menu.slide-open {
    right: 0; }

      #mobile-menu ul li div {
        left: 0;
     }

#mobile-menu-toggle {
  right: 0;
  }

@media only screen and (max-width: 767px) {

  #mobile-menu, body {
    -webkit-transition: right 0.4s ease-in-out 0s;
    -moz-transition: right 0.4s ease-in-out 0s;
    transition: right 0.4s ease-in-out 0s;
    /* For slide out effect */ }

  body {
    right: 0; }
    
    body.push-right {
      right: 240px; } }

/*---------------------------------------------------------------- End mameara -------------------------------------------------------------------*/


/*------------------------------------------------------------------
10. Content
-------------------------------------------------------------------*/


/* ------- Page Loading --------*/

#page-loading {
    right: 0;
    background: #202834 url(https://www.phs.edu.jo/wp-content/themes/invent/images/loader2.gif) no-repeat 50% 50%;
}


/* Content */

#content {
    float: right;
}


/*----------- Breadcrumb trail ---------- */


/*------------ Page Sections -------------- */

.composite-page .type-page_section .edit-button {
    left: 0;
    right: auto;
}


/* -------------------------------- Default widths ------------------------------- */


/* The sidebar fixed widths dictate how much space the #content gets */


/* Disable the distracting breadcrumbs on full width pages */


/*--------- Post List Styling for category pages ------------ */

#content div.post-list .thumbnail {
    float: right;
    margin: 0 0 5px 10px;
}

ul.post-list .image-area {
    float: right;
    margin: 0 0 5px 15px;
}

ul.post-list.medium-size .image-area {
    margin: 0 0 5px 15px;
}

ul.post-list .published {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #888;
}

.widget ul.post-list .published {
    margin-left: 0;
    padding-left: 0;
}

.widget ul.post-list .published:after {
    padding-right: 5px;
    margin-left: 5px;
}


/*------------------------ Colored entry categories/taxonomy -----------------*/

.type-post .entry-terms.multi-color {
    left: 0;
}


/** --------------------- Default Archive List styles ------------------------ **/

.sticky .entry-snippet {
    border-right: 5px solid #2a9dd6;
}


/*--------------- Generic Post and Archive Title Styling ---------------- */

#content .hentry .entry-meta i {
    padding-left: 6px;
}

#content .taglist i {
    padding-left: 6px;
}

.entry-snippet {
    float: right;
}

.entry-meta span {
    margin: 2px 0 2px 1px;
}

.entry-meta span.author {
    padding-right: 0;
}

.entry-meta span.author:after,
.entry-meta span.published:after,
.entry-meta span.category:after,
.entry-meta span.post_tag:after {
    padding-right: 9px;
    padding-left: 8px;
}

.entry-header {
    float: right;
    right: 0;
}

.entry-header .comments-link {
    text-align: right;
}


@media only screen and (max-width: 479px) {
    .entry-header .published abbr span.month {
        padding-left: 5px;
    }
}

.byline span i {
    padding-left: 6px;
    padding-right: 0;
}

/* --------- Read More Link ------------------ */

a.more-link {
    padding-left: 25px;
}

a.more-link:hover {
    padding-left: 30px;
}

.pagination span.pages {
    float: left;
}


#comments-number .number {
    float: right;
}

#reply-title {
    padding-right: 0;
}


#cancel-comment-reply-link {
    margin: 0 10px 0 0;
}


.comment ol.children {
    margin-right: 40px;
    /* Keep this value same as margin set between list elements. See next element */
}

.comment ol.children li {
    margin-right: 15px;
}

.comment ol.children li .line {
    margin: 35px -15px 0 0;
}

.comment-list .avatar-wrap {
    float: right;
    margin-left: 50px;
}

.comment-list .pingback .avatar-wrap {
    margin-left: -78px;
}

.comment-arrow {
    right: 111px;
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
}



.comment-author {
    float: right;
    margin-left: 10px;
}


.comment-reply-link,
.comment-edit-link {
    margin: 0 5px 0 0;
    padding: 2px 10px 2px 12px;
    float: left;
}

.comment-reply-link:visited,
.comment-edit-link:visited {
    margin: 0 3px 0 0;
    float: left;
}

.sidebar-right-nav {
    float: left!important;
}

.sidebar-left-nav {
    float: right;
}


.layout-default #content {
    float: right;
}

.layout-2c-r #content {
    float: left;
}

.layout-2c-l #content {
    float: right;
}

.layout-1c .sidebar-left-nav {
    clear: right;
    float: right;
}

.layout-1c .sidebar-right-nav {
    float: left;
}

.layout-1c .sidebar-left-nav,
.layout-1c .sidebar-right-nav {
    padding: 5px 5px 0 0;
}


/*------------------------------------------------------------------
13. Footer
-------------------------------------------------------------------*/


/*---- Back to top button --------*/

#go-to-top {
    left: 20px;
}


/*------------------------------------------------------------------
14. Pages
-------------------------------------------------------------------*/


/* ------------------------ Theme Pages including Home Page, About Us etc. ----------------------------------- */

.heading1.separator .title:after,
.heading2.separator .title:after {
    right: 50%;
    margin-right: -55px;
}


.pricing-table .plan-details ul li i {
    margin-left: 6px;
}

@media only screen and (max-width: 1024px) {
    .pricing-table .threecol {
        margin-left: 2%;
    }
    .pricing-table .threecol.zero-margin {
        margin-left: 0%;
    }
}


/* ----------- Miscelleneous Home Page styling ------------- */
.testimonials2-slider-container blockquote {
    text-align: right;
}

.testimonials2-slider-container blockquote cite i {
    margin-left: 20px;
}

.testimonials2-slider-container blockquote .text {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .testimonials2-slider-container blockquote cite i {
        margin-left: 15px;
    }
}

.testimonials2-slider-container .flex-direction-nav .flex-next {
    left: 0;
}

.testimonials2-slider-container .flex-direction-nav .flex-prev {
    right: 0;
}

.testimonials2-slider-container .flex-direction-nav .flex-prev span {
    background-position: right bottom;
}

.testimonials2-slider-container .flex-direction-nav .flex-next span {
    background-position: left bottom;
}

.client-testimonials2 .header img {
    margin: 0 0 0 30px;
}

@media only screen and (max-width: 767px) {
    .client-testimonials2 .header img {
        margin: 0 0 20px 20px;
    }
}

@media only screen and (max-width: 767px) {
    #our-premium-clients .twocol {
        margin-left: 3.2%;
    }
}

#team-intro .poster1 {
    right: 100px;
}

#team-intro .poster2 {
    left: 0;
}

#services-icon-list div.icon {
    float: right;
}


.action-call .threecol.last {
    text-align: right;
    float: right;
}

/*--------- Featured List ------------ */

@media only screen and (max-width: 767px) {
    #featured-sources .twocol {
        margin-left: 3%;
    }
}

.widget .featured-list img {
    margin-left: 60px;
    float: right;
}

#pricing-contact h2 {
    float: left;
}

#team-info-header blockquote {
    right: 20%;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Make the grid blog layout two column in smaller tablets but not phones */
    .team-info .fourcol,
    .team-info .threecol,
    .team-info .fourcol.last,
    .team-info .threecol.last {
        margin-left: 4%;
    }
}
/* ----- Our Clients ---- */
#client-list {
    border-right: 1px solid #d5d5d5;
}

#client-list .twocol {
    border-left: 1px solid #d5d5d5;
}

/* ------ Video styling --------------*/

.video-thumbnail-wrap .video-play-button {
    right: 50%;
    margin-right: -32px;
}

/*------- Miscelleneous ------------- */

.rounded-bg {
    float: right;
}

/* Video Header */

.video-header .overlay {
    right: 0px;
}

.video-bg iframe,
.video-bg object,
.video-bg embed {
    right: 0;
}


/* Styling for the top page header video */
.video-header .video-controls {
    left: 0;
}

.ytp-video-showcase .video-header .video-controls,
.video-showcase .video-header .video-controls {
    left: 50%;
    margin-left: -47px;
}

.call-to-action div.zero-margin .bottom {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .showcase-section #showcase-filter {
        right: 0;
    }
}


/*---- Our Team section -----------*/

.profile-header img {
    float: right;
}

.profile-content p.employee-title {
    text-align: right;
}

.profile-content p {
    text-align: right;
}


/* Make that flip-flop possible */

.profile:nth-child(even) {
    clear: right;
}

.profile:nth-child(even) .fivecol {
    float: left;
}

.profile:nth-child(even) .fivecol .profile-header {
    float: left;
}

.profile:nth-child(even) .profile-content h3 {
    text-align: right;
}

.profile:nth-child(even) .profile-content p.employee-title {
    text-align: right;
}

.profile:nth-child(even) .profile-content p {
    text-align: right;
}


/* responsive layout */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .profile .profile-content {
        padding-right: 20px;
    }
    .profile:nth-child(even) .profile-content {
        padding-left: 20px;
    }
}


/* ------- JQuery Parallax -----------------*/

.post-snippets .type-testimonials .member-img {
    margin: 10px 20px 15px 0;
    float: right;
}

.post-snippets .type-testimonials .author {
    margin: 25px 0 0 25px;
    text-align: right;
}

.single .related-posts .related-post {
    margin: 0 0px 15px 15px;
}

#portfolio-section .image-grid .fourcol {
    margin-left: 1.9% !important;
}

#portfolio-section .image-grid .fourcol:nth-child(3n+3) {
    margin-left: 0 !important;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #portfolio-section .image-grid .fourcol:nth-child(n) {
        margin-left: 1.9% !important;
    }
    #portfolio-section .image-grid .fourcol:nth-child(even) {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    #portfolio-section .image-grid .fourcol:nth-child(n) {
        margin-left: 0 !important;
    }
}

/*------------------- Timeline Section ---------------------*/

.timeline-sections:before {
    right: 50%;
    margin-right: -1px;
}

.timeline-sections:after {
    right: 50%;
    margin-right: -24px;
}

@media only screen and (max-width: 1200px) {
    .timeline-sections {
        padding: 0 25px 0 0px;
    }
    .timeline-sections:before {
        left: 25px;
        margin-left: 0;
    }
    .timeline-sections:after {
        right: 13px;
        margin-right: -10px;
    }
}

@media only screen and (max-width: 1200px) {
    .timeline-section {
        text-align: right;
    }
}

.timeline-item {
    text-align: right;
}

@media only screen and (max-width: 1200px) {
    .timeline-item {
        margin-right: 40px;
    }
}

.timeline-item.right {
    float: left;
}

.timeline-item.right:before {
    right: -61px;
}

.timeline-item.right:after {
    border-left: none;
    right: -10px;
}

.timeline-item.left {
    float: right;
    text-align: right;
}

.timeline-item.left:before {
    left: -62px;
}

.timeline-item.left:after {
    border-right: none;
    left: -10px;
}

@media only screen and (max-width: 1200px) {
    .timeline-item.left:before,
    .timeline-item.right:before {
        right: -50px;
        left: auto;
    }
    .timeline-item.left:after,
    .timeline-item.right:after {
        right: -10px;
        left: auto;
        border-left: none;
    }
}

.timeline-item img {
    float: right;
    padding: 0 0px 15px 20px;
}

.timeline-footer .event-date {
    text-align: left;
}

.timeline-footer .event-category {
    float: right;
}

.timeline-footer .event-category i {
    margin-left: 5px;
}

/* ------------------------------- Contact Details ------------------------------ */

.course-details ul,
.course-details ul li,
.staff-details ul,
.staff-details ul li,
.department-details ul,
.department-details ul li {
    margin-right: 0;
}

.course-details i,
.staff-details i,
.department-details i {
    margin-left: 10px;
}

.post-snippets .type-course .course-id {
    left: 0;
}

/*------------------------------------------------------------------
15. Portfolio
-------------------------------------------------------------------*/


/*-------------- Portfolio Templates -------------- */

#showcase-full-width .entry-text-wrap,
#showcase-template .entry-text-wrap,
.post-snippets .hentry .entry-text-wrap {
    text-align: right;
}

/*----------- Portfolio Isotope support ------- */

#showcase-filter,
#showcase-links {
    text-align: right;
}

#showcase-filter a,
#showcase-links a {
    margin-left: 10px;
}

/*----------- Portfolio Single Post ------- */

/* The next, previous and index portfolio entries in a single portfolio page */


.single-portfolio .next:hover:after {
    margin-left: -10px;
}

.single-portfolio .previous:hover:before {
    margin-right: -10px;
}

.single-portfolio .next {
    float: left;
}


/*---------------- Post Snippets ----------------------------------------------*/
.post-snippets .published {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #aaa;
}

/*------------------------------------------------------------------
16. Responsive/Mobile
-------------------------------------------------------------------*/

/* -------------------------- Small screens -------------------------------------- */


/* -------------------------------------- Smaller than standard 960 (devices and browsers) -------------------------------------- */


/* --------------------------------------Tablet Portrait size to standard 960 (devices and browsers)-------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .flex-caption,
    .nivo-caption {
        right: 70px;
    }
    
}

@media only screen and (max-width: 767px) {
        ul.post-list .image-area {
        float: right !important;
    }
   
    /* Comments */
    .comment-wrap .comment-arrow {
        right: 30px;
    }
    .comment ol.children {
        margin-right: 10px;
    }
    /* Use touch controls */
    .quote-wrap.alignright,
    blockquote.alignright {
        margin-right: 15px;
    }
    .quote-wrap.alignleft,
    blockquote.alignleft {
        margin-left: 15px;
    }
    /* Sliders */
    .nivo-caption {
        right: 50px;
    }
    .nivo-directionNav .nivo-prevNav span,
    .nivo-directionNav .nivo-nextNav span {
        right: 9px;
    }
    .flex-caption {
        right: 0;
    }

}


/* --------------------------------------Mobile Landscape Size to Tablet Portrait (devices and browsers)-------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    ul.image-grid.rounded li.fourcol.showcase-item {
        margin-left: 0 !important;
    }
    ul.image-grid.rounded li.fourcol.showcase-item:nth-child(odd) {
        margin-left: 19% !important;
    }
    blockquote.alignleft,
    blockquote.alignright {
        padding: 5px 42px 5px 5px;
    }
}


/* --------------------------------------Mobile Portrait Size to Mobile Landscape Size (devices and browsers) --------------------------------------*/

@media only screen and (max-width: 479px) {
    /* Posts Lists - Blog */
    #content.default-list .hentry {
        padding-right: 0;
    }
}


/* -------------------------------------- prettyPhoto styling for small screens --------------------------------------*/

@media only screen and (max-width: 767px) {
    .pp_pic_holder.pp_default {
        right: 0 !important;
    }
    div.pp_default .pp_content_container .pp_left {
        padding-right: 0 !important;
    }
    div.pp_default .pp_content_container .pp_right {
        padding-left: 0 !important;
    }
    .pp_details {
        padding-right: 3%;
        padding-left: 4%;
    }
    a.pp_close {
        left: 10px !important;
    }
}





/* --------------------------------------------------- Events plugins ------------------------------------------------------ */

/**
 * The Events Calendar Full Stylesheet
 * (Some of these styles may override your current theme's styles)
 *
 * To add your own custom styles, create a stylesheet with the name
 * tribe-events.css in the tribe-events/ directory of your theme.
 * Your new stylesheet will be loaded after our own stylesheet.
 *
 * To replace our stylsheet altogether, you can use the 'tribe_events_stylesheet_url' filter.
 *
 * @package TribeEventsCalendar
 *
 */

/* = Global & Miscellaneous Styles
=============================================*/

/* Calendar Add Buttons */
a.tribe-events-ical,
a.tribe-events-gcal {
	float: left;
}
.tribe-events-gcal {
	margin-left: 9px;
}

.updated-info {
	text-indent: -9999px;
}

/* Event Notices */
.tribe-events-notices {
	padding: 8px 14px 8px 35px;
}

/* Tribe Spinner */
.tribe-events-spinner {
	margin-right: -16px;
}
.tribe-events-spinner-small {
	margin-right: -8px;
}
/* IE7 Tweaks */
#tribe-events-header .tribe-events-sub-nav li,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
	float: right;
	margin-left: 5px;
	text-align: right;
}
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next {
	float: left;
	margin-right: 5px;
	text-align: left;
}
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-left,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-left {
	float: right;
	text-align: right;
}
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-right,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-right {
	float: left;
	text-align: left;
}

.tribe-events-ajax-loading {
	right: 50%;
	margin-right: -27px;
}

select.tribe-events-dropdown {
	margin: 33px 0 0 9px;
}

/* Image */
.tribe-events-list .tribe-events-event-image {
	float: right;
	margin: 0 0 0 3%;
}


/* Details (Title, Meta, Content) */
.tribe-events-list .tribe-events-event-image + div.tribe-events-content {
	float: right;
}

/* Meta */

/* Cost */
.tribe-events-list .tribe-events-event-cost {
	float: left;
	margin: 0 5px 5px 0;
}
.tribe-events-loop .tribe-events-content {
	float: left;
	padding: 0 0 0 5%;
}

/* Map */
.single-tribe_events .tribe-events-venue-map {
	float: left;
	margin: 20px 0 2% 4%;
}

.tribe-events-event-meta .tribe-events-meta-group,
.tribe-events-event-meta .column {
	float: right;
	text-align: right;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
	clear: right;
}

/* = Day Grid Template Styles
   @ Template: day.php
=============================================*/
.tribe-events-day .tribe-events-day-time-slot .type-tribe_events {
	margin-right: 5%;
}

/* = Calendar Styles (includes styles for both large & small calendars)
   @ Template: month.php & widgets/calendar-widget.php
=============================================*/
/* Global Tooltips */
.tribe-events-calendar .tribe-events-tooltip,
.tribe-events-week .tribe-events-tooltip,
.recurring-info-tooltip {
	right: 3px;
}
.tribe-events-tooltip .tribe-events-arrow {
	right: 20px;
}
.tribe-events-calendar .tribe-events-right .tribe-events-tooltip,
.tribe-events-week .tribe-events-right .tribe-events-tooltip,
.recurring-info-tooltip {
	right: auto;
	left: 3px;
}
.tribe-events-right .tribe-events-tooltip .tribe-events-arrow {
	right: auto;
	left: 30px;
}

.tribe-events-tooltip ul,
.tribe-events-tooltip ol {
	margin-right: 1.6em;
}

@media screen {
	#tribe-events-content .tribe-events-tooltip ul,
	#tribe-events-content .tribe-events-tooltip ol {
		margin-right: 1.6em;
	}
}

/* Recurring info tooltip */


.recurring-info-tooltip.tribe-events-tooltip {
	right: 10px;
}

/* Large Calendar Specifics */
.tribe-events-tooltip .tribe-events-event-thumb {
	float: right;
	padding: 5px 0 5px 5px;
}
/* Form Elements */
#tribe-bar-form input {
	margin: 0 0 0 4px;
}
/* Tribe Bar Full Layout */
#tribe-bar-form .tribe-bar-filters {
	float: right;
}
#tribe-bar-form #tribe-bar-views + .tribe-bar-filters {
	right: auto;
	left: 16.66667%;
}


.tribe-bar-date-filter {
	float: right;
}

.tribe-bar-search-filter {
	float: right;
}

.tribe-bar-submit {
	float: right;
	margin-right: 16.6667%;
    margin-left: 0;
}

#tribe-bar-form #tribe-bar-views {
	float: right;
	right: 83.3333%;
	padding: 0 5px 0 0;
	left: auto;
}


#tribe-bar-form .tribe-bar-views-inner label {
	text-align: right;
}


#tribe-bar-views .tribe-bar-views-list {
	border-radius: 3px 3px 0 0;
	right: 0;
	padding: 0 5px 0 0;
}
#tribe-bar-views li.tribe-bar-views-option {
	padding: 0 0 0 5px;
}

#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
	text-align: right;
}

#tribe-bar-views .tribe-bar-views-list {
	float: right;
}

/* Tribe Bar Mini Styles */

.tribe-bar-mini .tribe-bar-filters {
	float: right;
}
.tribe-bar-mini .tribe-bar-submit {
	margin-right: 5%;
}


/* Tribe Bar Collapse Styles */
#tribe-bar-collapse-toggle {
	float: right;
}

#tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow {
	left: 10px;
    right:auto;
}

#tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow:after {
	left: 0;
    right: auto;
}


#tribe-bar-form.tribe-bar-collapse #tribe-bar-views {
	float: right;
	right: auto;
}

.tribe-bar-is-disabled .tribe-events-page-title {
	text-align: right;
}
.tribe-bar-disabled {
	float: left;
}


.tribe-bar-disabled .tribe-bar-filters {
	float: right;
}


.tribe-bar-disabled #tribe-bar-form #tribe-bar-views + .tribe-bar-filters {
	right: auto;
	left: 50%;
}


.tribe-bar-disabled #tribe-bar-form #tribe-bar-views {
	float: right;
	right: 50%;
	left: auto;
}



.tribe-bar-view-list a.tribe-icon-list,
.tribe-bar-view-list a.tribe-icon-month {
	padding-right: 30px;
}

}
@media screen and (min-width: 1000px) {
	.tribe-theme-twentyfourteen #tribe-events-pg-template,
	.tribe-theme-parent-twentyfourteen #tribe-events-pg-template {
		padding-right: 220px;
	}
}
.tribe-theme-twentyfifteen .tribe-events-day-time-slot .type-tribe_events {
	margin-right: 0; /* Corrects some extra margin in the day view. */
}
.tribe-theme-twentyfifteen .datepicker.dropdown-menu table,
.tribe-theme-twentyfifteen .datepicker.dropdown-menu table.table-condensed {
	border-right-width: 0;
}

/* ------------------------------------- plugins.css ---------------------------------*/
/* -------------------Third party plugins support -----------------*/

.tp_recent_tweets li .twitter_time {
    padding: 15px 45px 5px 0px;
}

.photostream ul li {
    margin: 0 5px 5px 0 !important;
    padding: 0 5px 5px 0 !important;
}



/* WP Instagram Widget Styling */

.widget .instagram-pics li {
    margin-left: 2%;
}

.events-list .tribe-events-loop .type-tribe_events,
.tribe-events-list .tribe-events-loop .type-tribe_events,
.tribe-events-day .tribe-events-loop .type-tribe_events,
.single-tribe_venue .tribe-events-loop .type-tribe_events,
.single-tribe_organizer .tribe-events-loop .type-tribe_events {
    float: right;
}


.events-list .tribe-events-loop .type-tribe_events:nth-of-type(2n+1),
.tribe-events-list .tribe-events-loop .type-tribe_events:nth-of-type(2n+1),
.tribe-events-day .tribe-events-loop .type-tribe_events:nth-of-type(2n+1),
.single-tribe_venue .tribe-events-loop .type-tribe_events:nth-of-type(2n+1),
.single-tribe_organizer .tribe-events-loop .type-tribe_events:nth-of-type(2n+1) {
    clear: right;
}


.tribe-events-adv-list-widget ol li:hover,
.tribe-events-venue-widget ul li:hover {
    padding-right: 0;
}
.upcoming-events-list.simple-list {
    margin: 0 32px 20px 0;
}

.upcoming-events-list.simple-list li {
    border-right: 1px solid #ddd;
    border-left: 0;
}

.upcoming-events-list.simple-list > li {
    padding-right: 1em;
}


/* Woo Tickets Plugin */

table.tribe-events-tickets td {
    padding: 8px 15px 8px 10px;
}


/* =================================================== Revolution Slider =================================================== */

.rev_slider_wrapper .tp-leftarrow.large {
    margin-left: -20px;
    margin-top: 20px;
}

.rev_slider_wrapper .tp-rightarrow.large {
    margin-left: -20px;
}

#course_navigation .learndash_nevigation_lesson_topics_list .lesson {
    margin: 0 5px 5px 0 !important;
}


.wpProQuiz_content h2:after {
    right: 0;
}

.wpProQuiz_content input[type="checkbox"] {
    margin-left: 5px !important;
}


.wpProQuiz_forms input[type="radio"],
.wpProQuiz_forms input[type="checkbox"] {
    margin-left: 5px !important;
}

.wpProQuiz_forms input[type="radio"] {
    margin-right: 10px !important;
}


.wpProQuiz_questionListItem span,
.wpProQuiz_questionListItem label {
    margin-left: 10px !important;
}





/* ------------------------------------  Exceptions by mameara   ------------------------------------------------------ */


body.fluid-width-page #breadcrumbs, body.fluid-width-page .segment-content, .carousel-wrap{
    direction: ltr;
}

#college-intro h3, ul.tab-list, ul.member-list, .flexslider .slides > li, .heading2 .pitch, h1, h2, h3, h4, h5, h6, .slogan1, .heading2 .title
{
    direction: rtl;
}

.flexslider .slides > li{
    direction: rtl;
    text-align: right;
}


/* ------------------- gallery ------*/
a.pp_expand, a.pp_contract, a.pp_close, a.pp_next, a.pp_previous, .pp_nav .pp_play, .pp_nav .pp_pause, a.pp_arrow_previous, a.pp_arrow_next{
    text-indent: 10000px;
}


/*----------------- navigation arrows ---------*/
.icon-arrow-right7:before {
    content: "\f589";
}

.icon-arrow-left7:before {
    content: "\f58c";
}