/* Variables */

/*
* RESPONSIVE BREAKPOINTS
* CLONED FROM BOOTSTRAP CSS
*/
/*
* UI LAYOUT MEASUREMENTS
*/
/*
* WebFont Imports
*/
/* Open Sans */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
/* Gandhi */
@font-face {
  font-family: 'gandhi_serifregular';
  src: url('../fonts/GandhiSerif-Regular-webfont.eot');
  src: url('../fonts/GandhiSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/GandhiSerif-Regular-webfont.woff') format('woff'), url('../fonts/GandhiSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/GandhiSerif-Regular-webfont.svg#gandhi_serifregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gandhi_serifitalic';
  src: url('../fonts/GandhiSerif-Italic-webfont.eot');
  src: url('../fonts/GandhiSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/GandhiSerif-Italic-webfont.woff') format('woff'), url('../fonts/GandhiSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/GandhiSerif-Italic-webfont.svg#gandhi_serifitalic') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gandhi_serifbold_italic';
  src: url('../fonts/GandhiSerif-BoldItalic-webfont.eot');
  src: url('../fonts/GandhiSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/GandhiSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/GandhiSerif-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/GandhiSerif-BoldItalic-webfont.svg#gandhi_serifbold_italic') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gandhi_serifbold';
  src: url('../fonts/GandhiSerif-Bold-webfont.eot');
  src: url('../fonts/GandhiSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/GandhiSerif-Bold-webfont.woff') format('woff'), url('../fonts/GandhiSerif-Bold-webfont.ttf') format('truetype'), url('../fonts/GandhiSerif-Bold-webfont.svg#gandhi_serifbold') format('svg');
  font-weight: normal;
  font-style: normal; }

/* Avanir */
@font-face {
  font-family: 'AvenirLTCom-BookOblique';
  src: url('../fonts/avenir/2753D9_3_0.eot');
  src: url('../fonts/avenir/2753D9_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_3_0.woff') format('woff'), url('../fonts/avenir/2753D9_3_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLTCom-MediumOblique';
  src: url('../fonts/avenir/2753D9_4_0.eot');
  src: url('../fonts/avenir/2753D9_4_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_4_0.woff') format('woff'), url('../fonts/avenir/2753D9_4_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-Medium';
  src: url('../fonts/avenir/2753D9_5_0.eot');
  src: url('../fonts/avenir/2753D9_5_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_5_0.woff') format('woff'), url('../fonts/avenir/2753D9_5_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-Book';
  src: url('../fonts/avenir/2753D9_6_0.eot');
  src: url('../fonts/avenir/2753D9_6_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_6_0.woff') format('woff'), url('../fonts/avenir/2753D9_6_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-Light';
  src: url('../fonts/avenir/2753D9_7_0.eot');
  src: url('../fonts/avenir/2753D9_7_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_7_0.woff') format('woff'), url('../fonts/avenir/2753D9_7_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-LightOblique';
  src: url('../fonts/avenir/2753D9_9_0.eot');
  src: url('../fonts/avenir/2753D9_9_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_9_0.woff') format('woff'), url('../fonts/avenir/2753D9_9_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-Heavy';
  src: url('../fonts/avenir/2753D9_A_0.eot');
  src: url('../fonts/avenir/2753D9_A_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_A_0.woff') format('woff'), url('../fonts/avenir/2753D9_A_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-HeavyOblique';
  src: url('../fonts/avenir/2753D9_B_0.eot');
  src: url('../fonts/avenir/2753D9_B_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_B_0.woff') format('woff'), url('../fonts/avenir/2753D9_B_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-Black';
  src: url('../fonts/avenir/2753D9_C_0.eot');
  src: url('../fonts/avenir/2753D9_C_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_C_0.woff') format('woff'), url('../fonts/avenir/2753D9_C_0.ttf') format('truetype'); }

@font-face {
  font-family: 'AvenirLT-BlackOblique';
  src: url('../fonts/avenir/2753D9_D_0.eot');
  src: url('../fonts/avenir/2753D9_D_0.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir/2753D9_D_0.woff') format('woff'), url('../fonts/avenir/2753D9_D_0.ttf') format('truetype'); }

/* Global */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-size: 100%;
  font-family: "AvenirLT-Book", Helvetica, Arial, sans-serif; }

.alert.alert-warning {
  z-index: 100000;
  position: absolute;
  width: 100%; }

.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

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

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

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Style */
a:hover, a:active {
  color: #428bca; }

h1, h2, h3, h4 {
  font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif; }

p {
  margin-top: 0; }

/* Limited To Content Area */
.page-content--content td, .page-content--content th {
  line-height: 1.3em;
  padding: 5px 18px 2px; }
.page-content--content td {
  border: 1px solid #c4c4c4; }
.page-content--content h1, .page-content--content h2, .page-content--content h3, .page-content--content h4 {
  letter-spacing: -0.035em; }
.page-content--content h1 {
  font-size: 3em;
  font-family: "gandhi_serifbold_italic", Georgia, "Times New Roman", Times, serif; }
.page-content--content h2 {
  font-size: 2.6em; }
.page-content--content h3 {
  font-size: 2.2em;
  font-family: "gandhi_serifbold_italic", Georgia, "Times New Roman", Times, serif; }
.page-content--content h4 {
  font-size: 1.8em;
  font-size: 18px;
  font-size: 1.8rem; }
.page-content--content ul {
  list-style-image: url('../img/content-bullet.gif');
  padding: 16px 0 16px 24px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee; }
  .page-content--content ul li {
    padding-left: 10px; }

/* UI */
.navbar-header {
  float: none; }

#ui-header {
  background-color: white; }
  #ui-header ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #ui-header #ui-header--options {
    background-color: #cd0f27;
    font-size: 1rem;
    height: 24px; }
    #ui-header #ui-header--options ul li {
      width: 50%;
      float: left; }
      #ui-header #ui-header--options ul li a {
        color: white;
        font-size: 1.2em;
        font-family: "gandhi_serifregular", Georgia, "Times New Roman", Times, serif;
        line-height: 1.9em;
        display: block;
        height: 24px;
        text-align: center;
        background-color: transparent; }
        #ui-header #ui-header--options ul li a:hover {
          background-color: #b30019;
          text-decoration: none; }
        #ui-header #ui-header--options ul li a img {
          display: none; }
        #ui-header #ui-header--options ul li a.lang_sel_sel {
          background-image: url(../img/current-language.png);
          background-repeat: no-repeat;
          background-position: bottom; }
      #ui-header #ui-header--options ul li.icl-ar a {
        font-family: "Geeza Pro", "Nadeem", "Al Bayan", "DecoType Naskh", "DejaVu Serif", "STFangsong", "STHeiti", "STKaiti", "STSong", "AB AlBayan", "AB Geeza", "AB Kufi", "DecoType Naskh", "Aldhabi", "Andalus", "Sakkal Majalla", "Simplified Arabic", "Traditional Arabic", "Arabic Typesetting", "Urdu Typesetting", "Droid Naskh", "Droid Kufi", "Roboto", "Tahoma", "Times New Roman", "Arial", serif; }
    #ui-header #ui-header--options ul li:first-child {
      border-right: 1px solid #b30019; }
  #ui-header #ui-header--identity a.navbar-brand {
    padding: 16px 24px;
    float: none;
    display: block; }
    #ui-header #ui-header--identity a.navbar-brand img {
      margin: 0 auto;
      max-height: 140px; }
  #ui-header #ui-header--identity button.navbar-toggle {
    width: 100%;
    color: white;
    font-size: 1.4em;
    font-family: "AvenirLT-Book", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    text-align: left;
    margin: 0;
    border-radius: 0;
    float: none;
    background-color: #2e2829; }
    #ui-header #ui-header--identity button.navbar-toggle i.fa-bars {
      color: white;
      line-height: 1.4em; }
  #ui-header nav#ui-header--navigation {
    padding: 0;
    font-size: 1rem;
    margin-bottom: 20px; }
    #ui-header nav#ui-header--navigation ul.navbar-nav {
      border-top: 1px solid #eeeeee;
      float: none; }
      #ui-header nav#ui-header--navigation ul.navbar-nav li {
        border-bottom: 1px solid #eeeeee;
        float: none; }
        #ui-header nav#ui-header--navigation ul.navbar-nav li a {
          display: block;
          padding: 12px 20px;
          width: 100%;
          color: #2c2828;
          text-transform: uppercase;
          font-weight: 100;
          font-size: 1.4em;
          letter-spacing: 0.1em; }
        #ui-header nav#ui-header--navigation ul.navbar-nav li ul li {
          border-bottom-color: #242222;
          background-color: #2e2829; }
          #ui-header nav#ui-header--navigation ul.navbar-nav li ul li a {
            color: white;
            background-color: transparent;
            font-size: 1em; }
          #ui-header nav#ui-header--navigation ul.navbar-nav li ul li.arabic a:after {
            content: "ع";
            font-family: "AvenirLT-Black", Helvetica, Arial, sans-serif;
            float: right;
            color: #adadad; }
          #ui-header nav#ui-header--navigation ul.navbar-nav li ul li ul li {
            font-size: 0.9em;
            padding-left: 10px; }
            #ui-header nav#ui-header--navigation ul.navbar-nav li ul li ul li.arabic a:after {
              content: "ع";
              font-family: "AvenirLT-Black", Helvetica, Arial, sans-serif;
              float: right;
              color: #adadad; }
  #ui-header #ui-header--footer {
    display: none;
    font-size: 1rem; }
    #ui-header #ui-header--footer #search-form {
      margin-bottom: 20px; }
      #ui-header #ui-header--footer #search-form input, #ui-header #ui-header--footer #search-form button {
        border: none;
        border-radius: 0;
        background-color: #f1f1f1;
        font-size: 1.2em;
        box-shadow: none;
        height: 40px; }
      #ui-header #ui-header--footer #search-form button i {
        color: #bcbcbc;
        font-size: 1.4em;
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        transform: scaleX(-1); }
      #ui-header #ui-header--footer #search-form button:hover i {
        color: #cd0f27; }
    #ui-header #ui-header--footer .ui-header--social {
      text-align: center;
      padding: 0 24px; }
      #ui-header #ui-header--footer .ui-header--social ul.ui-header--soial-menu li {
        display: inline-block;
        padding: 0 14px; }
        #ui-header #ui-header--footer .ui-header--social ul.ui-header--soial-menu li a {
          color: #dfdfdf;
          font-size: 2.4em; }
          #ui-header #ui-header--footer .ui-header--social ul.ui-header--soial-menu li a.tw:hover {
            color: #0ab0ed; }
          #ui-header #ui-header--footer .ui-header--social ul.ui-header--soial-menu li a.fb:hover {
            color: #3c599b; }
          #ui-header #ui-header--footer .ui-header--social ul.ui-header--soial-menu li a.ln:hover {
            color: #027bb7; }
          #ui-header #ui-header--footer .ui-header--social ul.ui-header--soial-menu li a.yt:hover {
            color: #f80010; }
    #ui-header #ui-header--footer .ui-header--site-info {
      padding: 24px; }

@media (min-width: 768px) {
  /* Neuter Drop-down Menus */
  #ui-header {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    z-index: 4;
    box-shadow: 3px 0 0 rgba(0, 0, 0, 0.2); }
    #ui-header #ui-header--viewport {
      position: relative;
      height: 100%;
      top: 0;
      bottom: 0;
      min-height: 630px; }
      #ui-header #ui-header--viewport nav#ui-header--navigation {
        max-height: none; }
        #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav {
          margin-top: 8px; }
          #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active {
            background-color: #2e2829;
            border-bottom: none; }
            #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active a {
              color: white;
              background-color: transparent; }
            #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active div.active-nav {
              width: 20px;
              height: 42px;
              position: absolute;
              top: 0;
              right: -20px;
              background: transparent url(../img/nav-active-arrow.png) no-repeat; }
              #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active div.active-nav.hidden {
                display: none; }
            #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active.muted {
              background-color: #eeeeee; }
              #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active.muted a {
                color: #2c2828; }
              #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active.muted div.active-nav {
                background: transparent url(../img/nav-active-arrow-lgt.png) no-repeat; }
          #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav li.activated {
            background-color: #2e2829;
            border-bottom: none;
            width: 253px; }
            #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav li.activated a {
              color: white;
              background-color: transparent; }
            #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav li.activated div.active-nav {
              display: none;
              background: transparent url(../img/nav-active-arrow.png) no-repeat; }
          #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav li a {
            display: block;
            padding: 14px 20px 8px;
            width: 100%;
            color: #2c2828;
            text-transform: uppercase;
            font-weight: 100;
            font-size: 1.4em;
            letter-spacing: 0.1em; }
      #ui-header #ui-header--viewport #ui-header--footer {
        display: block;
        position: absolute;
        bottom: 0; }
  #ui-header #ui-header--viewport nav#ui-header--navigation ul.navbar-nav > li.active.menu-egypts-political-progress div.active-nav {
    top: 10px; }
  nav#ui-header--navigation b.caret {
    display: none; }
  .dropdown-menu {
    display: none !important; } }

@media (max-height: 675px) and (min-width: 768px) {
  #ui-header {
    overflow-y: auto; }
    #ui-header #ui-header--viewport {
      min-height: 675px;
      overflow: hidden; } }

@media (max-height: 752px) and (min-width: 768px) {
  #ui-header #ui-header--viewport #ui-header--footer {
    position: relative; } }

.yourClass {
  background: red !important; }

#ui-sub-menu {
  display: none; }

@media (min-width: 768px) and (max-height: 952px) {
  ul.submenu-posts li:nth-child(4) {
    display: none; } }
@media (min-width: 768px) and (max-height: 760px) {
  ul.submenu-posts li:nth-child(3) {
    display: none; } }
@media (min-width: 768px) and (max-height: 545px) {
  ul.submenu-posts li:nth-child(2) {
    display: none; } }

@media (min-width: 768px) {
  #ui-sub-menu {
    display: block;
    position: fixed;
    top: 0;
    bottom: 60px;
    left: 250px;
    z-index: 2; }
    #ui-sub-menu #ui-sub-menu--viewport {
      position: relative;
      height: 100%; }
      #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle {
        position: absolute;
        width: 300px;
        background-color: #2e2829;
        height: 100%;
        -webkit-transition: left 0.111s ease;
        transition: left 0.111s ease;
        left: -300px;
        font-size: 1rem;
        padding-bottom: 18px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        /* TOC List Sub-Menus */
        /* Recent Post Sub-Menus */ }
        #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle.open {
          left: 0;
          -webkit-transition: left 0.333s ease;
          transition: left 0.333s ease;
          box-shadow: 3px 0 0 rgba(0, 0, 0, 0.2); }
        #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle b.caret {
          display: none; }
        #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu {
          list-style: none;
          margin: 0;
          padding: 0;
          font-size: 1rem; }
          #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu li {
            border-bottom: 1px solid #242222;
            position: relative; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu li a {
              padding: 18px 24px;
              display: block;
              color: white;
              font-size: 1.4em;
              font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif;
              font-weight: 100;
              text-transform: uppercase;
              letter-spacing: 0.25em; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu li a:hover {
                text-decoration: none;
                background-color: #1b1b1b;
                color: white; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu li.active > a {
              text-decoration: none;
              background-color: #1b1b1b;
              color: white; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu li.arabic a:after {
              content: "ع";
              font-family: "AvenirLT-Black", Helvetica, Arial, sans-serif;
              float: right;
              color: #adadad; }
          #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu ul.submenu {
            font-size: 0.9em; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu ul.submenu li {
              border-top: 1px solid #242222;
              border-bottom: none; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu ul.submenu li a {
                padding: 10px 24px 6px 24px;
                letter-spacing: 0.05em;
                text-transform: none; }
                #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu ul.submenu li a:hover {
                  background-color: #1b1b1b; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu ul.submenu li.active a {
                text-decoration: none;
                background-color: #1b1b1b;
                color: white; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu ul.submenu li.arabic a:after {
                content: "ع";
                font-family: "AvenirLT-Black", Helvetica, Arial, sans-serif;
                float: right;
                color: #adadad; }
        #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle .submenu-heading {
          color: #f1f1f1;
          font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif;
          font-weight: 100;
          text-transform: uppercase;
          padding: 24px;
          font-size: 1.6em;
          letter-spacing: 0.42em; }
        #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts {
          list-style: none;
          margin: 0;
          padding: 0 24px;
          font-size: 1rem; }
          #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li {
            padding: 20px 0 20px 40px;
            border-top: 2px solid #252223;
            position: relative; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li .submenu-post--date {
              position: absolute;
              top: 20px;
              left: 0;
              color: #5a5758;
              text-align: center; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li .submenu-post--date .submenu-post--date-day {
                font-size: 2.4em;
                display: block;
                font-family: "Open Sans Condensed", sans-serif; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li .submenu-post--date .submenu-post--date-month {
                font-size: 1.2em;
                text-transform: uppercase;
                font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif;
                display: block;
                padding-bottom: 9px;
                border-bottom: 1px solid #5a5758; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li h4 {
              margin-top: 6px; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li a {
              display: block;
              color: white;
              font-size: 1.8em;
              font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li a:hover {
                text-decoration: none;
                color: #adadad; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle ul.submenu-posts li p {
              color: white;
              font-family: "AvenirLT-Book", Helvetica, Arial, sans-serif;
              font-weight: 100; }
        #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle .view-all-menu {
          font-size: 1rem;
          padding: 0 24px; }
          #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle .view-all-menu a {
            display: block;
            width: 100%;
            border-top: 2px solid #252223;
            padding-top: 12px;
            font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif;
            font-size: 1.6em;
            color: #cd0f27; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle .view-all-menu a:hover {
              text-decoration: none; }
              #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle .view-all-menu a:hover .chevron {
                display: inline; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle .view-all-menu a i {
              margin-right: 10px; }
            #ui-sub-menu #ui-sub-menu--viewport .ui-sub-menu--shuttle .view-all-menu a .chevron {
              display: none; } }

/*
* Grid Layout Micro-Framework for Cover Page
* For content styling, see _content.scss
*/
#page-cover--viewport {
  /*
    // removed on 2/24/2015 when fourth row of three tiles added to cover page.
    // this rule caused an empty space in last row. By group decision, decided to
    // eliminate it.
  @media (min-width: $screen-lg) and (max-height: 800px) {

    .cover-tile {

      &.h-one   { width: 25%; }
      &.h-two   { width: 25%; }
      &.h-three { width: 100%; }
      &.v-one   { height: 50%; }
      &.v-two   { height: 100%; }
      &.v-two   { height: 100%; }

      &.filler { width: 50%; }
    }
  }
*/ }
  #page-cover--viewport .cover-tile {
    border: 3px solid white; }
    #page-cover--viewport .cover-tile.h-one {
      width: 100%; }
    #page-cover--viewport .cover-tile.h-two {
      width: 100%; }
    #page-cover--viewport .cover-tile.h-three {
      width: 100%; }
    #page-cover--viewport .cover-tile.v-one {
      height: 240px; }
    #page-cover--viewport .cover-tile.v-two {
      height: 240px; }
    #page-cover--viewport .cover-tile.v-two {
      height: 240px; }
  @media (min-width: 768px) {
    #page-cover--viewport .cover-tile {
      float: left; }
      #page-cover--viewport .cover-tile.h-one {
        width: 50%; }
      #page-cover--viewport .cover-tile.h-two {
        width: 50%; }
      #page-cover--viewport .cover-tile.h-three {
        width: 100%; }
      #page-cover--viewport .cover-tile.v-one {
        height: 25%; }
      #page-cover--viewport .cover-tile.v-two {
        height: 66.66667%; }
      #page-cover--viewport .cover-tile.v-two {
        height: 100%; }
      #page-cover--viewport .cover-tile.filler {
        width: 100%; } }
  @media (min-width: 992px) {
    #page-cover--viewport .cover-tile.h-one {
      width: 33.33333%; }
    #page-cover--viewport .cover-tile.h-two {
      width: 66.66667%; }
    #page-cover--viewport .cover-tile.h-three {
      width: 100%; }
    #page-cover--viewport .cover-tile.v-one {
      height: 33.33333%; }
    #page-cover--viewport .cover-tile.v-two {
      height: 66.66667%; }
    #page-cover--viewport .cover-tile.v-two {
      height: 100%; }
    #page-cover--viewport .cover-tile.filler {
      width: 66.66667; } }

@media (min-width: 768px) {
  #page-cover--viewport {
    top: -3px; }
  body.home #page-cover--viewport, #page-cover.activated #page-cover--viewport {
    left: -3px;
    right: -3px; } }

/*
* Cover Viewport And Content Styling
*/
#page-cover {
  display: none;
  visibility: hidden; }

body.home #page-cover {
  display: block;
  visibility: visible; }

.cover-tile {
  font-size: 0.7rem;
  position: relative;
  color: white;
  cursor: pointer;
  -webkit-background-size: cover;
  background-size: cover;
  -ms-behavior: url(/assets/js/vendor/backgroundsize.min.htc);
  background-position: center; }
  .cover-tile .cover-tile--shade {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.99) 99%, #000000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.5)), color-stop(99%, rgba(0, 0, 0, 0.99)), color-stop(100%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.99) 99%, #000000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.99) 99%, #000000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.99) 99%, #000000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.99) 99%, #000000 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */ }
  .cover-tile .cover-tile--caption {
    position: absolute;
    bottom: 0;
    padding: 24px 24px 14px;
    width: 100%; }
    .cover-tile .cover-tile--caption .cover-tile--date {
      font-size: 1.2em;
      text-transform: uppercase;
      letter-spacing: 0.6em;
      font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif; }
    .cover-tile .cover-tile--caption .cover-tile--heading {
      margin: 0;
      padding: 0;
      font-size: 2.8em;
      line-height: 1.1em;
      letter-spacing: -0.01em; }
      .cover-tile .cover-tile--caption .cover-tile--heading .pre-title {
        font-size: 1.2rem;
        text-transform: uppercase;
        display: block;
        font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif;
        letter-spacing: 0.6em;
        line-height: 1.5em; }
      .cover-tile .cover-tile--caption .cover-tile--heading a {
        color: white; }
        .cover-tile .cover-tile--caption .cover-tile--heading a:hover {
          text-decoration: none; }
    .cover-tile .cover-tile--caption .cover-tile--excerpt {
      font-size: 1.4em;
      line-height: 1.2em;
      margin: 0;
      margin-top: 10px; }
  .cover-tile .cover-tile--video-prompt {
    font-size: 9em;
    text-align: center;
    top: 50%;
    position: relative;
    margin-top: -64px; }
    .cover-tile .cover-tile--video-prompt a {
      display: inline-block;
      width: 60px;
      height: 60px;
      color: white;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      background: transparent url(../img/icon-video-play.png) no-repeat;
      background-size: cover;
      -ms-behavior: url(/assets/js/vendor/backgroundsize.min.htc); }
      .cover-tile .cover-tile--video-prompt a:hover {
        text-decoration: none; }
  .cover-tile:hover .cover-tile--shade {
    background-color: black;
    background-image: none;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

@media (min-width: 768px) {
  /* SPECIAL RULES FOR COVER ON HOME */
  body.home #ui-content #ui-content--viewport #page-cover {
    display: block;
    visibility: visible;
    left: 0%; }
  body.home #ui-content #ui-content--viewport #page-content, body.home #ui-content #ui-content--viewport #ui-page-cover--toggle {
    display: none; }
  #ui-content #ui-content--viewport #page-cover {
    display: block;
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    z-index: 4;
    -webkit-transition: left 0.333s ease;
    transition: left 0.333s ease; }
    #ui-content #ui-content--viewport #page-cover.activated {
      left: 0%; }
    #ui-content #ui-content--viewport #page-cover #page-cover--viewport {
      width: 100%;
      position: absolute;
      top: -3px;
      bottom: -3px;
      background-color: white;
      overflow-x: hidden;
      overflow-y: auto; }
  #ui-content #ui-content--viewport #ui-page-cover--toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(../img/icon-cover.png) no-repeat;
    z-index: 5; }
    #ui-content #ui-content--viewport #ui-page-cover--toggle.active {
      background: transparent url(../img/icon-close.png) no-repeat; }
    #ui-content #ui-content--viewport #ui-page-cover--toggle.offset {
      right: 20px; } }

@media (min-width: 992px) {
  .cover-tile {
    font-size: 1rem; } }

@media (max-width: 767px) {
  .cover-tile .cover-tile--caption {
    padding: 30px; }
    .cover-tile .cover-tile--caption .cover-tile--excerpt {
      display: none; }
    .cover-tile .cover-tile--caption .cover-tile--heading {
      margin-bottom: 0; } }

td, th {
  padding-left: 20px; }

td {
  border: 1px solid black; }

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

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

#ui-content #ui-content--viewport #page-content #page-content--viewport {
  padding-bottom: 30px;
  zoom: 1; }
  #ui-content #ui-content--viewport #page-content #page-content--viewport:before, #ui-content #ui-content--viewport #page-content #page-content--viewport:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #ui-content #ui-content--viewport #page-content #page-content--viewport:after {
    clear: both; }
  #ui-content #ui-content--viewport #page-content #page-content--viewport .page-content--heading {
    width: 100%;
    background-color: white;
    padding: 14px 40px 10px; }
    #ui-content #ui-content--viewport #page-content #page-content--viewport .page-content--heading h2 {
      margin: 0;
      padding: 0;
      font-family: "AvenirLT-Book", Helvetica, Arial, sans-serif;
      font-weight: 100;
      color: #adadad;
      letter-spacing: 0.4em;
      font-size: 1.8rem;
      text-transform: uppercase; }
  #ui-content #ui-content--viewport #page-content #page-content--viewport .page-content--image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    margin-bottom: 24px; }
    #ui-content #ui-content--viewport #page-content #page-content--viewport .page-content--image img {
      width: 100%;
      height: auto; }

.page-content--content {
  padding: 20px 40px 0;
  font-size: 1.4em;
  font-weight: 100;
  line-height: 1.8em;
  max-width: 980px; }

.page-content--content .contacts--section {
  float: left;
  margin-right: 1.6em;
  max-width: 280px; }
  .page-content--content .contacts--section p {
    line-height: 1.3em; }

body.embassy-staff .contacts--section {
  max-width: 100%; }

body.egypt-us-relations .page-content--content h3 {
  border-top: 1px solid #f1f1f1;
  padding-top: 14px; }

@media (min-width: 768px) {
  #ui-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 250px;
    z-index: 1; }
    #ui-content #ui-content--viewport {
      position: relative;
      width: 100%;
      height: 100%;
      -webkit-overflow-scrolling: touch; }
      #ui-content #ui-content--viewport #page-content {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        font-size: 1rem; }
        #ui-content #ui-content--viewport #page-content #page-content--viewport {
          position: relative;
          width: 100%;
          height: 100%;
          background-color: white;
          overflow-x: hidden;
          overflow-y: auto; }
          #ui-content #ui-content--viewport #page-content #page-content--viewport .page-content--heading h2 {
            margin: 0;
            padding: 0;
            font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif;
            font-weight: 100;
            color: #adadad;
            letter-spacing: 0.4em;
            font-size: 2.4rem;
            text-transform: uppercase; }
          #ui-content #ui-content--viewport #page-content #page-content--viewport .page-content--image {
            height: 300px; }
      #ui-content #ui-content--viewport #page-sidebar {
        position: absolute;
        top: 0;
        right: -310px;
        bottom: 0;
        z-index: 2;
        -webkit-transition: right 0.333s ease;
        transition: right 0.333s ease; }
        #ui-content #ui-content--viewport #page-sidebar.sidebar-col {
          width: 310px; }
        #ui-content #ui-content--viewport #page-sidebar.open {
          right: 0; }
        #ui-content #ui-content--viewport #page-sidebar #page-sidebar--viewport {
          position: relative;
          width: 100%;
          height: 100%;
          background-color: #f1f1f1;
          overflow-x: hidden;
          overflow-y: auto; }
      #ui-content #ui-content--viewport #ui-page-sidebar--toggle {
        position: absolute;
        top: 10px;
        right: 40px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background: transparent url(../img/icon-sidebar-open.png) no-repeat;
        z-index: 3; }
        #ui-content #ui-content--viewport #ui-page-sidebar--toggle.active {
          background: transparent url(../img/icon-sidebar-close.png) no-repeat; }
        #ui-content #ui-content--viewport #ui-page-sidebar--toggle.offset {
          right: 50px; }
  body.single #ui-content #ui-content--viewport #page-sidebar.sidebar-col {
    width: 230px; } }

/* Content sidebar is only a column when over a certain width: */
@media (min-width: 992px) {
  #ui-page-sidebar--toggle {
    display: none; }
  #ui-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 250px;
    z-index: 1; }
    #ui-content #ui-content--viewport {
      position: relative;
      width: 100%;
      height: 100%; }
      #ui-content #ui-content--viewport #page-content {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1; }
        #ui-content #ui-content--viewport #page-content.main-col {
          width: calc(100% - 310px); }
      #ui-content #ui-content--viewport #page-sidebar {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2; }
        #ui-content #ui-content--viewport #page-sidebar.sidebar-col {
          width: 310px; }
        #ui-content #ui-content--viewport #page-sidebar #page-sidebar--viewport {
          position: relative;
          width: 100%;
          height: 100%;
          background-color: #f1f1f1;
          overflow-x: hidden;
          overflow-y: auto; }
  body.single #ui-content #ui-content--viewport #page-content.main-col {
    width: calc(100% - 230px); }
  body.single #ui-content #ui-content--viewport #page-sidebar {
    right: -230px; }
  body.single #ui-content #ui-content--viewport #page-sidebar.sidebar-col {
    right: 0;
    width: 230px; } }

.close-panel {
  position: relative;
  /*
  position: absolute;
  top: 20px;
  right: 20px;
*/
  top: -94px;
  right: -100%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  line-height: 4em;
  pointer-events: none; }
  .close-panel i {
    color: white;
    font-size: 2em;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .close-panel:hover i {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.ui-sub-menu--shuttle .close-panel {
  background-color: #181818;
  top: 0;
  right: 0;
  line-height: 3em;
  z-index: 100;
  width: 300px;
  height: 24px;
  position: relative; }
  .ui-sub-menu--shuttle .close-panel i {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .ui-sub-menu--shuttle .close-panel:hover i {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

@media (min-width: 768px) {
  .close-panel {
    position: absolute;
    top: 20px;
    right: 20px;
    pointer-events: auto; } }

.page-content--index article {
  zoom: 1; }
  .page-content--index article:before, .page-content--index article:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .page-content--index article:after {
    clear: both; }
.page-content--index article.event, .page-content--index article.post, .page-content--index article.video, .page-content--index article.ambass_media, .page-content--index article.page {
  font-size: 1rem;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 40px 20px;
  margin-bottom: 20px; }

article.event .post-image, article.post .post-image, article.video .post-image, article.ambass_media .post-image, article.page .post-image {
  float: left; }
article.event .post-info, article.post .post-info, article.video .post-info, article.ambass_media .post-info, article.page .post-info {
  margin-left: 180px; }
article.event h2.entry-title, article.post h2.entry-title, article.video h2.entry-title, article.ambass_media h2.entry-title, article.page h2.entry-title {
  margin: 4px 0 12px;
  font-size: 2.3em;
  line-height: 1.1em;
  letter-spacing: -0.01em; }
  article.event h2.entry-title a, article.post h2.entry-title a, article.video h2.entry-title a, article.ambass_media h2.entry-title a, article.page h2.entry-title a {
    color: #2e2829; }
    article.event h2.entry-title a:hover, article.post h2.entry-title a:hover, article.video h2.entry-title a:hover, article.ambass_media h2.entry-title a:hover, article.page h2.entry-title a:hover {
      color: #585858;
      text-decoration: none; }
article.event time, article.post time, article.video time, article.ambass_media time, article.page time {
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #9e9e9e; }
article.event .entry-summary p, article.post .entry-summary p, article.video .entry-summary p, article.ambass_media .entry-summary p, article.page .entry-summary p {
  font-size: 1.4em; }

article.video header, article.video .entry-summary {
  max-width: 768px; }

.pager {
  margin-top: 0; }
  .pager .next a, .pager .previous a {
    padding: 12px 18px 10px;
    background-color: transparent;
    color: #cd0f27;
    border-radius: 0;
    font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif;
    font-size: 1.4em;
    border: none; }
    .pager .next a:hover, .pager .previous a:hover {
      background-color: transparent;
      color: #b2001d; }

article.video a.post-thumb, article.post a.post-thumb {
  position: relative;
  display: block;
  margin-bottom: 10px; }
  article.video a.post-thumb span.video-play, article.post a.post-thumb span.video-play {
    color: white;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    display: inline-block;
    width: 60px;
    height: 60px;
    background: transparent url(../img/icon-video-play.png) no-repeat;
    background-size: cover;
    -ms-behavior: url(/assets/js/vendor/backgroundsize.min.htc);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px; }
  article.video a.post-thumb:hover span.glyphicon, article.post a.post-thumb:hover span.glyphicon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#page-sidebar #page-sidebar--viewport article.video, #page-sidebar #page-sidebar--viewport article.post {
  margin-bottom: 20px; }
  #page-sidebar #page-sidebar--viewport article.video h3, #page-sidebar #page-sidebar--viewport article.post h3 {
    margin: 6px 0; }
  #page-sidebar #page-sidebar--viewport article.video time, #page-sidebar #page-sidebar--viewport article.post time {
    margin: 0; }

.posting-wrapper {
  padding: 5px 0; }

/*
* See _content.scss for sidebar
* layout and toggle styles.
*/
#page-sidebar #page-sidebar--viewport {
  font-size: 1rem;
  padding: 12px 24px 0;
  -webkit-overflow-scrolling: touch; }
  #page-sidebar #page-sidebar--viewport h2 {
    font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0.3em;
    font-size: 2em;
    margin: 0 0 24px;
    color: #adadad; }
  #page-sidebar #page-sidebar--viewport h3 {
    font-size: 1.6em;
    margin: 8px 0 24px;
    line-height: 1.1em;
    font-size: 22px;
    font-size: 2.2rem;
    font-style: italic;
    margin: 0 0 8px 0;
    padding-top: 20px; }
    #page-sidebar #page-sidebar--viewport h3 a {
      color: #2e2829; }
      #page-sidebar #page-sidebar--viewport h3 a:hover {
        color: #585858;
        text-decoration: none; }
  #page-sidebar #page-sidebar--viewport h4 {
    font-size: 16px;
    font-size: 1.6rem; }
    #page-sidebar #page-sidebar--viewport h4 a {
      color: #2e2829; }
      #page-sidebar #page-sidebar--viewport h4 a:hover {
        color: #585858;
        text-decoration: none; }
  #page-sidebar #page-sidebar--viewport .post-thumb {
    display: block; }
  #page-sidebar #page-sidebar--viewport .view-all-menu {
    font-size: 1rem;
    padding: 0; }
    #page-sidebar #page-sidebar--viewport .view-all-menu a {
      display: block;
      width: 100%;
      border-top: 1px solid #dddddd;
      padding-top: 12px;
      font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif;
      font-size: 1.6em;
      color: #b2001d; }
      #page-sidebar #page-sidebar--viewport .view-all-menu a:hover {
        text-decoration: none;
        color: #adadad; }
      #page-sidebar #page-sidebar--viewport .view-all-menu a i {
        margin-right: 10px; }
  #page-sidebar #page-sidebar--viewport .view-all-sidebar a {
    font-size: 1.8em;
    color: #cd0f27;
    font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif; }
    #page-sidebar #page-sidebar--viewport .view-all-sidebar a i {
      margin-right: 8px; }
    #page-sidebar #page-sidebar--viewport .view-all-sidebar a:hover {
      text-decoration: none;
      color: #2e2829; }
  #page-sidebar #page-sidebar--viewport ul.sidebar-posts {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem; }

/*
* refs for responsive video embed:
* http://amobil.se/2011/11/responsive-embeds/
* http://avexdesigns.com/responsive-youtube-embed/
*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  /* ಠ_ಠ WE DONT SUPPORT IE6 ಠ_ಠ */
  height: 0;
  overflow: hidden; }
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#ui-footer #ui-footer--viewport {
  position: relative; }
  #ui-footer #ui-footer--viewport .ui-footer--toggle {
    background-color: #cd0f27;
    height: 60px;
    vertical-align: top;
    border-bottom: 1px solid #b2001d;
    cursor: pointer;
    font-size: 1rem;
    color: white; }
    #ui-footer #ui-footer--viewport .ui-footer--toggle i, #ui-footer #ui-footer--viewport .ui-footer--toggle span {
      display: block; }
    #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-icon {
      float: left;
      width: 26%;
      max-width: 60px;
      height: 50px;
      position: relative;
      top: 10px; }
      #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-icon.community {
        background: transparent url(../img/icon-community.png) no-repeat top; }
      #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-icon.connect {
        background: transparent url(../img/icon-connect.png) no-repeat top; }
      #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-icon.contact {
        background: transparent url(../img/icon-contact.png) no-repeat top; }
    #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-label {
      padding-top: 7px;
      font-size: 1.8em;
      letter-spacing: -0.02em;
      font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif; }
    #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-caption {
      font-size: 1.1em;
      font-family: "AvenirLT-Book", Helvetica, Arial, sans-serif;
      font-weight: 100; }
  #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport {
    padding: 48px;
    background-color: #2e2829;
    width: 100%;
    color: #f1f1f1;
    font-size: 1rem;
    /* General Footer Content Styles */
    /* Footer Form Styles */ }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport h2 {
      font-size: 1.8em;
      line-height: 1.3em;
      color: #f1f1f1; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport p {
      font-size: 1.2em;
      font-weight: 100; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport ul li {
        display: inline-block; }
        #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport ul li a {
          font-size: 1.4em;
          font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif;
          color: #cd0f27;
          display: block;
          padding: 8px 12px 0 0;
          margin-right: 12px;
          border-right: 1px solid #242222;
          background-color: transparent; }
          #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport ul li a:hover {
            color: #b2001d;
            text-decoration: none; }
        #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport ul li:last-child a {
          border: none; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form .gfield {
      width: 50%; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form .ginput_container {
      padding-right: 10px; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form input {
      width: 100%; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form #field_1_7, #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form #field_4_7 {
      width: 100%; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form .gform_button {
      width: auto;
      text-transform: uppercase; }
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport .gform_confirmation_message {
      font-size: 1.8em;
      margin-top: 40px;
      text-align: center;
      font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif; }

@media (min-width: 768px) {
  #ui-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 250px;
    min-height: 60px;
    z-index: 3;
    margin-right: -3px; }
    #ui-footer #ui-footer--viewport {
      position: relative;
      width: 100%;
      min-height: 60px; }
      #ui-footer #ui-footer--viewport .ui-footer--toggle {
        width: 50%;
        display: block;
        position: absolute;
        z-index: 2;
        bottom: 0;
        top: auto;
        border-right: 1px solid #b2001d;
        border-left: 1px solid #b2001d; }
        #ui-footer #ui-footer--viewport .ui-footer--toggle:hover {
          background-color: #b2001d; }
        #ui-footer #ui-footer--viewport .ui-footer--toggle[data-target~="#ui-footer--community"] {
          left: 0; }
        #ui-footer #ui-footer--viewport .ui-footer--toggle[data-target~="#ui-footer--connect"] {
          left: 33.33333%; }
        #ui-footer #ui-footer--viewport .ui-footer--toggle[data-target~="#ui-footer--contact"] {
          left: 50%; }
        #ui-footer #ui-footer--viewport .ui-footer--toggle.active {
          bottom: auto;
          top: -60px; }
        #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-label {
          font-size: 1.1em; }
          #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-label:first-child {
            border-left: none; }
          #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-label:last-child {
            border-right: none; }
        #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-description {
          font-size: 1.1em; }
      #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport {
        min-height: 348px;
        padding-bottom: 84px;
        padding-top: 12px;
        position: relative;
        bottom: 0;
        z-index: 1; } }

@media (min-width: 992px) {
  #ui-footer #ui-footer--viewport .ui-footer--toggle .ui-footer--toggle-label {
    font-size: 1.8em; } }

.select-wrapper {
  cursor: pointer;
  background: white url(/assets/img/select-arrow.png) no-repeat right;
  border: 1px solid #cccccc;
  height: 27px;
  overflow: hidden; }
  .select-wrapper select {
    width: 120% !important;
    height: 30px;
    background: transparent;
    border: 0; }

.gform_wrapper .disclaimer-wrapper {
  float: none;
  width: auto !important; }
  .gform_wrapper .disclaimer-wrapper a {
    display: inline !important;
    font-family: "AvenirLT-Book", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    color: white !important;
    text-decoration: underline;
    padding: 0 !important;
    margin: 0 !important; }
  @media (min-width: 992px) {
    .gform_wrapper .disclaimer-wrapper p {
      margin-bottom: 0 !important; } }
.gform_wrapper .gsection {
  display: none !important; }
.gform_wrapper .gfield_required {
  color: white !important;
  margin: 0 !important; }
.gform_wrapper #field_5_16 {
  width: 100% !important; }
  .gform_wrapper #field_5_16 label {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal; }
    @media (min-width: 992px) {
      .gform_wrapper #field_5_16 label {
        float: left;
        margin-top: 16px; } }
  @media (min-width: 992px) {
    .gform_wrapper #field_5_16 .ginput_container {
      float: left; } }
  .gform_wrapper #field_5_16 #input_5_16 {
    margin-top: 10px !important; }
    @media (min-width: 992px) {
      .gform_wrapper #field_5_16 #input_5_16 {
        margin-left: 25px !important; } }
    .gform_wrapper #field_5_16 #input_5_16 li {
      margin-right: 15px; }
      @media (min-width: 992px) {
        .gform_wrapper #field_5_16 #input_5_16 li label {
          margin-left: 10px !important;
          margin-top: 3px; } }
.gform_wrapper #field_1_5 label {
  margin-top: 4px; }
.gform_wrapper #field_5_1 {
  clear: both; }
.gform_wrapper #field_1_7 {
  height: auto !important; }
  .gform_wrapper #field_1_7 textarea {
    width: 100%; }
.gform_wrapper .gchoice_16_1 {
  margin-left: 20px; }
.gform_wrapper .gfield {
  margin-bottom: 5px !important;
  vertical-align: top; }

.gform_footer {
  padding-top: 0 !important;
  margin-top: 0 !important; }
  .gform_footer .gform_button {
    display: block;
    line-height: 1;
    padding: 5px 10px;
    border: none;
    background: #dddddd; }

#ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form .gfield {
  float: none;
  width: 100%;
  height: auto; }
  @media (min-width: 768px) {
    #ui-footer #ui-footer--viewport .ui-footer--content .ui-footer--content--viewport form .gfield {
      clear: none;
      display: block;
      float: left;
      width: 50%;
      height: 52px; } }

.single-fact_sheet .red {
  color: #d2172b; }
.single-fact_sheet .text-color {
  color: #433e3e; }
.single-fact_sheet .page-content--content header {
  display: none; }
.single-fact_sheet .entry-content .columns-wrapper {
  display: block;
  zoom: 1; }
  @media (min-width: 992px) {
    .single-fact_sheet .entry-content .columns-wrapper {
      margin: 0 -20px; } }
  .single-fact_sheet .entry-content .columns-wrapper:before {
    content: "";
    display: table; }
  .single-fact_sheet .entry-content .columns-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .single-fact_sheet .entry-content .columns-wrapper img {
    display: block;
    margin: 0 auto 20px auto;
    max-width: 100%;
    height: auto; }
@media (min-width: 992px) {
  .single-fact_sheet .entry-content .width-70 {
    float: left;
    width: 70%; }
    .single-fact_sheet .entry-content .width-70 .padding {
      padding: 0 20px; } }
@media (min-width: 992px) {
  .single-fact_sheet .entry-content .width-30 {
    float: left;
    width: 30%; }
    .single-fact_sheet .entry-content .width-30 .padding {
      padding: 0 20px; } }
@media (min-width: 992px) {
  .single-fact_sheet .entry-content .width-50 {
    float: left;
    width: 50%; }
    .single-fact_sheet .entry-content .width-50 .padding {
      padding: 0 20px; }
    @media (min-width: 992px) {
      .single-fact_sheet .entry-content .width-50 img {
        margin: 0 0 20px 0; } } }
.single-fact_sheet .entry-content .factsheet-header {
  display: block;
  text-align: right;
  margin-bottom: 20px;
  background: black;
  border: 1px solid black;
  border-bottom: 10px solid #d2172b; }
  .single-fact_sheet .entry-content .factsheet-header img {
    max-width: 100%;
    height: auto; }
.single-fact_sheet .entry-content h1 {
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  text-align: center;
  padding: 5px 0;
  margin: 0 0 20px 0; }
.single-fact_sheet .entry-content h2 {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  text-align: center;
  padding: 5px 0;
  margin: 10px 0 20px 0; }
.single-fact_sheet .entry-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #d2172b;
  padding: 0 0 5px 0;
  margin: 0; }
.single-fact_sheet .entry-content h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #d2172b;
  padding: 0 0 15px 0;
  margin: 0; }
.single-fact_sheet .entry-content h5 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #d2172b;
  padding: 0 0 5px 0;
  margin: 0; }
.single-fact_sheet .entry-content p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #433e3e;
  line-height: 1.6;
  padding: 0 0 15px 0;
  margin: 0; }
  .single-fact_sheet .entry-content p .lg-text {
    font-size: 16px;
    font-size: 1.6rem; }
.single-fact_sheet .entry-content ul {
  border: none;
  list-style-image: none;
  padding: 0 0 15px 16px;
  margin: 0; }
  .single-fact_sheet .entry-content ul li {
    line-height: 1.42857;
    padding-bottom: 5px; }
    .single-fact_sheet .entry-content ul li ul li:first-child {
      padding-top: 5px; }
.single-fact_sheet .entry-content img.alignright {
  float: none;
  max-width: 100%;
  height: auto;
  margin: 0 0 20px 0; }
  @media (min-width: 480px) {
    .single-fact_sheet .entry-content img.alignright {
      float: right;
      margin: 0 0 20px 20px; } }
.single-fact_sheet .entry-content img.alignleft {
  float: none;
  max-width: 100%;
  height: auto;
  margin: 0 0 20px 0; }
  @media (min-width: 480px) {
    .single-fact_sheet .entry-content img.alignleft {
      float: left;
      margin: 0 20px 20px 0; } }
.single-fact_sheet .entry-content blockquote {
  text-align: center;
  border: none;
  padding: 0;
  margin: 20px 0; }
  .single-fact_sheet .entry-content blockquote p {
    position: relative;
    font-family: "gandhi_serifregular", Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    color: #d2172b;
    padding: 0 25px; }
    .single-fact_sheet .entry-content blockquote p:before {
      content: '“';
      position: absolute;
      left: 0;
      top: -7px;
      color: #433e3e;
      font-size: 60px;
      font-size: 6rem;
      line-height: 1; }
  .single-fact_sheet .entry-content blockquote h6 {
    text-align: right;
    text-transform: uppercase;
    color: #433e3e; }
.single-fact_sheet .entry-content .blockquote-2 {
  text-align: left;
  padding-bottom: 15px;
  border-bottom: 1px solid black; }
  .single-fact_sheet .entry-content .blockquote-2 p {
    display: inline;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #d2172b;
    padding: 0; }
    .single-fact_sheet .entry-content .blockquote-2 p:before {
      display: none; }
  .single-fact_sheet .entry-content .blockquote-2 h6 {
    display: inline;
    text-align: left;
    text-transform: none; }
.single-fact_sheet table {
  margin-bottom: 20px; }
.single-fact_sheet .img-wrapper {
  display: table;
  margin-bottom: 20px; }
  .single-fact_sheet .img-wrapper img {
    display: block;
    margin: 0 auto 20px auto; }
    @media (min-width: 480px) {
      .single-fact_sheet .img-wrapper img {
        display: table-cell;
        vertical-align: middle;
        margin: 0; } }
  .single-fact_sheet .img-wrapper p {
    display: none; }
  @media (min-width: 480px) {
    .single-fact_sheet .img-wrapper .content-wrapper {
      display: table-cell;
      vertical-align: middle;
      padding-left: 20px; } }
  .single-fact_sheet .img-wrapper .content-wrapper p {
    display: block;
    padding: 0; }

/*
------------------------------------------------
HTML FORMATS
------------------------------------------------

--------------------------------
Header Image
--------------------------------
<header class="factsheet-header">
  image goes here
</header>

--------------------------------
 Left floated Images 
--------------------------------
<div class="img-wrapper">
  <img src="" />
  <div class="content-wrapper">
    Content goes here
  </div>
</div>

--------------------------------
Blockquote Quote Alternative 
--------------------------------
<blockquote class="blockquote-2">
  Content goes here
  <h6>This is the caption</h6>
</blockquote


--------------------------------
Columns 
(choices are more width on left,
more width on right or equal width) 
--------------------------------

EQUAL WIDTH

<section class="columns-wrapper">
  <div class="width-50">
    Content goes here
  </div>
  <div class="width-50">
    Content goes here
  </div>
</section>


LEFT WIDTH LONGER

<section class="columns-wrapper">
  <div class="width-70">
    Content goes here
  </div>
  <div class="width-30">
    Content goes here
  </div>
</section>


RIGHT WIDTH LONGER

<section class="columns-wrapper">
  <div class="width-30">
    Content goes here
  </div>
  <div class="width-70">
    Content goes here
  </div>
</section>

*/
.jwplayer {
  margin-bottom: 90px !important; }

.image-gallery-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .image-gallery-list li {
    padding: 10px;
    width: 50%; }
    @media (min-width: 480px) {
      .image-gallery-list li {
        width: 33.33333%; } }
    @media (min-width: 768px) {
      .image-gallery-list li {
        width: 25%; } }
    @media (min-width: 992px) {
      .image-gallery-list li {
        width: 20%; } }
    .image-gallery-list li .open-lightbox img {
      max-width: 100%;
      width: 100%; }

.image-gallery-modal {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity 0.3s ease; }
  .image-gallery-modal .close-lightbox {
    position: absolute;
    left: 80px;
    right: 80px;
    top: 15px;
    font-size: 40px;
    color: white; }
    .image-gallery-modal .close-lightbox:hover, .image-gallery-modal .close-lightbox:active, .image-gallery-modal .close-lightbox:focus {
      text-decoration: none;
      color: #cd0f27; }
    @media (min-width: 768px) {
      .image-gallery-modal .close-lightbox {
        left: auto; } }
  .image-gallery-modal .next-photo {
    position: absolute;
    right: 15px;
    top: 25px;
    font-size: 19px;
    color: white;
    transition: opacity 0.3s ease; }
    .image-gallery-modal .next-photo:hover, .image-gallery-modal .next-photo:active, .image-gallery-modal .next-photo:focus {
      text-decoration: none;
      color: #cd0f27; }
    @media (min-width: 768px) {
      .image-gallery-modal .next-photo {
        right: 80px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px; } }
  .image-gallery-modal .prev-photo {
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 15px;
    top: 25px;
    font-size: 19px;
    color: white;
    transition: opacity 0.3s ease; }
    .image-gallery-modal .prev-photo:hover, .image-gallery-modal .prev-photo:active, .image-gallery-modal .prev-photo:focus {
      text-decoration: none;
      color: #cd0f27; }
    @media (min-width: 768px) {
      .image-gallery-modal .prev-photo {
        left: 80px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px; } }
  .image-gallery-modal .modal-wrapper-content {
    list-style: none;
    padding: 0;
    margin: 80px 15px; }
    @media (min-width: 768px) {
      .image-gallery-modal .modal-wrapper-content {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0; } }
    .image-gallery-modal .modal-wrapper-content .img-wrapper {
      max-width: 600px; }
      .image-gallery-modal .modal-wrapper-content .img-wrapper img {
        display: block;
        max-width: 100%; }
    .image-gallery-modal .modal-wrapper-content .content {
      text-align: left;
      max-width: 600px; }
      .image-gallery-modal .modal-wrapper-content .content h1 {
        color: white;
        font-size: 20px;
        margin: 15px 0 0 0; }

body.lightbox-is-open .image-gallery-modal {
  visibility: visible;
  opacity: 1;
  z-index: 105;
  transition: opacity 0.3s ease; }
body.lightbox-is-open #ui-content {
  z-index: 1000; }

body.lightbox-first-photo .image-gallery-modal .prev-photo {
  opacity: 0;
  visibility: hidden; }

.ambassadors-corner .page-content--content img {
  display: block;
  max-width: 100%;
  height: auto; }
.ambassadors-corner .page-content--content h4 {
  font-family: "gandhi_serifbold_italic", Georgia, "Times New Roman", Times, serif;
  font-size: 1.6em;
  margin-top: 24px; }
.ambassadors-corner .page-content--content a h4 {
  color: #2e2829; }
.ambassadors-corner .page-content--content .embed-container {
  height: 320px;
  padding: 0;
  overflow: auto; }
  .ambassadors-corner .page-content--content .embed-container iframe {
    position: relative;
    top: auto;
    left: auto;
    height: 300px;
    width: 100%; }
.ambassadors-corner .page-content--content .amb-corner-asi-header {
  margin-top: 8px;
  border-top: 1px solid #f1f1f1; }
.ambassadors-corner .page-content--content .amb-corner-asi article {
  font-size: 1rem; }
.ambassadors-corner .page-content--content .amb-corner-asi h4 {
  font-family: "gandhi_serifbold", Georgia, "Times New Roman", Times, serif;
  font-size: 1.6em;
  line-height: 1.4em;
  margin-top: -7px; }
  .ambassadors-corner .page-content--content .amb-corner-asi h4 a {
    color: #2e2829; }
.ambassadors-corner .page-content--content .amb-corner-asi .entry-summary p {
  font-size: inherit;
  line-height: 1.4em; }
.ambassadors-corner .page-content--content .amb-corner-asi time {
  font-size: inherit; }
.ambassadors-corner .view-all-menu a {
  color: #cd0f27;
  font-family: "gandhi_serifregular", Georgia, "Times New Roman", Times, serif;
  line-height: 1.4em;
  vertical-align: middle; }
  .ambassadors-corner .view-all-menu a .read-icon {
    display: inline-block;
    width: 21px;
    height: 17px;
    background: transparent url(../img/icon-embassy-read.gif) no-repeat;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -2px; }

html.lt-ie9 #ui-header {
  border-right: 1px solid #cbcbcb; }