/*
Theme Name: TIMEP-2020
Theme URI:
Description: Custom theme for The Tahrir Institute for Middle East Policy
Author: Amazing Digital Solutions
Author URI: https://www.amazingdigitalsolutions.com
Version: 1.0
License: none
*/

.dropdown-menu li {
  position: initial;
}
/**===========================================
       				Fonts 
=============================================**/
/*body {
	font-family: arial;
}*/
/*
@font-face {
  font-family: "FranklinGothicDemiCondRegular";
  src: url(fonts/FranklinGothicDemiCondRegular.ttf);
}
@font-face {
  font-family: "FranklinGothicMediumCondRegular";
  src: url(fonts/FranklinGothicMediumCondRegular.ttf);
}
@font-face {
  font-family: "FuturaBold";
  src: url(fonts/FuturaBold.otf);
}
@font-face {
  font-family: "GaramondRegular";
  src: url(fonts/GaramondRegular.ttf);
}
*/
.FranklinDemi {
  font-family: "FranklinGothicDemiCondRegular", Arial, sans-serif;
}
.FranklinMedium {
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
}
.FuturaBold {
  font-family: "FuturaBold", "Arial Black", sans-serif;
}
.Garamond {
  font-family: "GaramondRegular", Arial, serif;
}

/**===========================================
       End  Fonts 
=============================================**/

/**===========================================
       Site wide classes 
=============================================**/
body {
  font-size: 18px;
}
img {
  color: #4e3415;
}
.img-picture {
  width: 100%;
}
/* br = brown */
.br {
  color: #4e3415;
}
[class*="1920"] {
  margin: auto;
  max-width: 1920px;
  padding: 0px;
}
[class*="1560"] {
  margin: auto;
  max-width: 1560px;
  padding: 0 30px;
}
[class*="1200"] {
  max-width: 1200px;
  margin: auto;
}
.two-column, .project_text {
  column-count: 1;
}
.home-banner-title {
  background-color: #f2a133;
  /*background-color: rgba(0, 0, 0, .3);*/
  padding: 9px;
  line-height: 79px;
  /*text-shadow: 2px 2px black;*/
}
.btn {
  border-radius: 0px;
  height: 40px;
  width: 136px;
}

.btn-primary{
  background-color: #f2a133;
  border-color: #f2a133;
  color: #fff;
  font-size: 14px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #4e3415;
    border-color: #4e3415;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #4e3415;
    border-color: #4e3415;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4e3415;
    border-color: #4e3415;
  }
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}

/*Load More styles*/
#btn_commentary {
  width: 200px;
}

/* Seconary buttons used for Project pages. */
.btn-secondary {
  width: unset;
}
.btn-secondary:hover {
  background-color: #fff;
  border-color: #545b62;
  color: #5a6268;
}
.vertical-centered {
  position: relative; 
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.quiz-002 input {
  max-width: 50px;
}
#aof-menu-bar-container {
  background-color: rgba(78, 52, 21, 0.7);
}
#aof-menu-bar {
  /*max-width: 1400px;*/
}
.orange {
  color: #e18f26;
}
.white {
  color: #ffffff;
}

.row {
  margin: 0;
}
.p-50 {
  padding: 50px 0;
}
/*
.section-tablet-mobile {
  display: none;
}
*/
::placeholder {
  color: #fffff6;
  opacity: 1;
}
.art_name a {
  color: inherit;
}
button.btn.btn-light {
  background: #e18f26;
  font-size: 24px;
  margin-left: 15px;
  border: none;
  border-radius: 0;
  font-family: "FranklinGothicDemiCondRegular", Arial, sans-serif;
  color: #fff;
}
.arabic, .arabic * {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
}
/**===========================================
        Header 
=============================================**/
.header {
  padding: 0;
  background-color: #ffffff;
}
.logo img {
  width: 420px;
}
/*
.header_row {
  height: 115px;
}
*/
#timep-logo-header {
  width: 300px;
}
.navbar-toggler {
  position: absolute;
  right: 0px;
  top: -75px;
}
.collapsing {
    transition: none;
}
.navbar {
  background: #4e3415;
  padding: 0;
  /*position: fixed;*/
}
/*
.navbar-light .navbar-toggler-icon {
	background-image: none;
	content: "\f002";
   font-family: 'Font Awesome 5 Free';
}
.navbar-toggler-icon:after {
   content: "\f002";
   font-family: 'Font Awesome 5 Free';
}
*/
.navbar-light .navbar-toggler {
  color: #4e3415;
  border-color: transparent;
}
.search_header_top .input-group {
  background: #e9e5e1;
}
.search_header_top input.form-control,
.search_header_top span.input-group-text {
  background: transparent;
  border: none;
}
.search_header_top {
  float: right;
  margin-right: 20px;
  margin-top: 9px;
  position: relative;
  width: 225px;
}

.search_header_top a {
  font-weight: 700;
  float: right;
  color: #4e3415;
  text-decoration: none;
  font-size: 24px;
}
.search_header_top a:hover {
  text-decoration: underline;
}

.search_header_top span.input-group-text {
  color: #4e3415;
}
.fa-search {
  font-size: 25px;
  padding: 0px;
}
.searchform input[type=text]:focus {
  border: none;
  box-shadow: none;
}

.donate_link {
  clear: both;
  font-size: 20px; 
}

.header_top_social_icon {
  float: right;
}
.header_top_social_icon {
  border-left: 1px solid #4e3415;
  float: right;
  height: 82px;
  padding: 0 0 0 20px;
  position: relative;
}
.header_top_social_icon ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header_top_social_icon ul li a {
  color: #4e3415;
  font-size: 25px;
  line-height: 1;
}

.header_menu .container-fluid {
  padding: 0;
}
.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}

.dropdown-menu {
  border: none;
  border-color: rgba(78, 52, 21, 0.7);
  border-radius: 0;
  background: rgba(78, 52, 21, 0.7);
  text-align: center;
  width: 100%;
}

/*
a.dropdown-item {
  padding: 1.8em;
}
*/

.dropdown-item i {
  float: left;
  margin-right: 4px;
  height: 40px;
}

#menu-main-menu.navbar-nav {
  letter-spacing: 1px;
  margin-left: 10px;
}

#area-of-focus-spacer {
  height: 136px;
}

nav.navbar.navbar-expand-md.navbar-light {
  padding: 0;
}

.nav-item {
  height: 40px;
  line-height: 40px;
  position: inherit;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
}

.dropdown-toggle::after {
  vertical-align: 0.1em;
  border: solid #dc8c25;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
}

.dropdown-toggle::after:hover {
  color: red;
}

.nav-link::after {
  transform: rotate(270deg);
}
/* rotate caret on hover */
.nav-link:hover:after {
  text-decoration: underline;
  transform: rotate(0deg);
}

.header_menu {
  background: #4e3415;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link {
  color: #e18f26;
  font-size: 15px;
  font-family: "FuturaBold", "Arial Black", sans-serif;
  letter-spacing: 1px;
  margin: 0 4px;
  padding: 0px .5rem;
  text-transform: uppercase;
}
.navbar-light .navbar-nav .active>.nav-link,
.active>.dropdown-toggle:after {
  color: #a69989;
  }
.nav-link:hover {
  color: #fff !important;
}
.dropdown-toggle:hover:after{
  border-color: #ffffff;
}
.dropdown-item {
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
  font-size: 22px;
  padding: 10px 15px;
  color: #a69989;
  text-align: left;
  line-height: 1;
}
/*
.aof {
  color: #a69989;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
  text-align: left;
  
}
*/

/*
.dropdown-item:focus,
.dropdown-item:hover,
.aof:focus,
.aof:hover
 {
  color: #a69989;
  background-color: transparent;
}
*/
/*
.menu-icon:before {
  background-size: contain;
  display: inline-block;
  width: 30px;
  height: 0;
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  padding-top: 1.8em;
  margin-top: 2.5em;
  align-items: center;
  text-align: center;
}
*/

/*for manual icons in the nav bar*/
.economy-development:before {
  background-size: 10px 20px;
  margin-left: 1.2em;
}

/*
ul.navbar-nav {
    margin-left: 10%;
}
*/

#s {
  height: 40px;
  margin: 0px;
  padding: 0px;
}

.focus-icons-bar{
  background-color: #4e3415;
  height: 100px;
  opacity: 0.7;
}

.searchform {
  max-height: 40px;
  max-width: 225px;
}


/**===========================================
       End  Header 
=============================================**/

/**===========================================
        footer 
=============================================**/
.footer {
  overflow: hidden;
  /*margin-top: 150px;*/
  background: #4e3415;
  padding: 60px 0;
  color: #fff;
}
.footer_top_left_content p {
  font-size: 28px;
  font-family: "Garamond", Arial, sans-serif;
}
.footer_top_left_content P a {
  color: #fff;
}
.footer_top_left_content P a:hover {
  color: #fff;
  text-decoration: none;
}
.footer_top {
  margin-bottom: 30px;
}
footer h2 {
  font-size: 24px;
  letter-spacing: 1px;
}

.footer_bottom_right {
  text-align: right;
}
.footer_bottom_left h3 {
  font-size: 32px;
  color: #e18f26;
  font-family: "FranklinGothicDemiCondRegular", Arial, sans-serif;
}
.footer_bottom_left p {
  font-size: 24px;
  font-family: "Garamond", Arial, sans-serif;
}
.footer_bottom_right p {
  font-size: 24px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: "Garamond", Arial, sans-serif;
}
.footer_top_right_content input[type="text"] {
  width: 70%;
  padding: 5px 12px;
  position: relative;
  top: 4px;
  font-size: 24px;
  font-family: "FranklinGothicDemiCondRegular", Arial, sans-serif;
}
.footer_signup input {
  background: rgba(158, 148, 134, 1);
  border: none;
  color: #ffffff;
  font-size: 24px;
  max-width: 500px;
}
footer button.btn.btn-light {
  background: #e18f26;
  font-size: 24px;
  margin-left: 15px;
  border: none;
  border-radius: 0;
  font-family: "FranklinGothicDemiCondRegular", Arial, sans-serif;
  color: #fff;
}

footer .contactus {
  font-size: 18px;
}
#tweet a {
  color: #ffffff;
}

/*
#copyright span {
  padding-right: 33px;
}
*/

/**===========================================
       End  footer 
=============================================**/

/**===========================================
        section 1 
=============================================**/
.bottomBorder {
  border-bottom: 1px solid #4e3415;
}
.bottomBorder h3.latest {
  font-size: 24px; 
  letter-spacing: 2px;
}

.topBanner {
  color: white;
  max-height: 500px;
  position: relative;
  overflow: hidden;
  text-align: right;
}
.topBanner img {
  width: 100%;
}
.topBanner_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-10%, -50%);
}
.topBanner_content h1 {
  font-size: 36px;
  font-family: "FuturaBold", "Arial Black", sans-serif;
}

.topBanner_content h1 a {
  color: #fff;
  text-decoration: none;
}

.topBanner_subtext {
  font-size: 28px;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
}
.topBanner_btn {
  background-color: transparent;
}

.topBanner_btn a {
  font-size: 22px;
  background: #f2a133;
  color: #fff;
  width: 85px;
  float: right;
  text-align: center;
  height: 35px;
  transition: all 0.5s;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
  margin-top: 10px;
  padding: 1px 0;
  text-decoration: none;
}
.topBanner_btn a:hover {
  background: #4e3415;
  color: #fff;
  text-decoration: none;
}
/**===========================================
       End  section 1 
=============================================**/

/**===========================================
       section 2 
=============================================**/

.three_article_content h2,
.recent_entries {
  font-size: 24px;
  line-height: 30px;
  color: #4e3415;
  font-family: "FuturaBold", "Arial Black", sans-serif;
}

.three_article_content h2 a,
.recent_entries a {
  color: #4e3415;
  text-decoration: none;
}

.three_article_content .article_date_name {
  font-size: 18px;
  color: #4e341599;
  opacity: 0.7;
}
.article_view {
  background: #f2a133;
  color: #fff;
  font-size: 18px;
  padding: 5px 15px;
  text-decoration: none;
  transition: all 0.5s;
}
.article_view:hover {
  background: #4e3415;
  color: #fff;
  text-decoration: none;
}
/*
.three_article_content img {
  float: left;
  margin: 0 15px 0 0px;
}
*/

/**===========================================
       End  section 2 
=============================================**/

/**===========================================
       section 3 
=============================================**/
.section-3 {
  background: #e5e1dc;
}
.about_title {
  color: #f2a133;
  font-size: 36px;
  line-height: 24px;
  text-align: center;
  width: 100%;
  font-family: "FuturaBold", "Arial Black", sans-serif;
}
h3,
.about_inner_content h3 {
  color: #4e3415;
  font-size: 24px;
  font-family: "FuturaBold", "Arial Black", sans-serif;
  margin-top: 30px;
}
.about_inner_content ul li {
  font-size: 20px;
  line-height: 1.2;
}
.about_inner_content p {
  font-size: 20px;
}
.about_inner_content a {
  font-size: 22px;
  background: #f2a133;
  color: #fff;
  width: 136px;
  float: right;
  text-align: center;
  height: 40px;
  transition: all 0.5s;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
  text-decoration: none;
  padding: 4px 0;
}
.about_inner_content a:hover {
  background: #4e3415;
  color: #fff;
  text-decoration: none;
}
.about_inner_content ul {
  list-style: none;
}

.colored_bullets {
  list-style: none;
}
.colored_bullets li::before,
.about_inner_content ul li::before {
  color: #f2a133;
  content: "\2022";
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
  /*position: relative;*/
  top: 4px;
  width: 20px;
}
.colored_bullets li::before {
  font-weight: bold;
  font-size: 30px;
  top: 4px;
  width: 20px;
}
/**===========================================
       End  section 3 
=============================================**/

/**===========================================
       section 4 
=============================================**/
.feature_date {
  padding-right: 15px;
}
.feature_story_title h3 {
  font-size: 30px;
  line-height: 32px;
  color: #4e3415;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
}
.feature_story_title h2 {
  font-size: 68px;
  color: #f2a133;
  font-family: "FuturaBold", "Arial Black", sans-serif;
}
.feature_story_title h4 {
  font-size: 36px;
  color: #4e3415;
  opacity: 0.4;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
}

.feature_story_title h2 a {
  color: #4e3415;
  text-decoration: none;
}

.feature_story_summery .more-link {
  display: none;
}

.feature_story_summery h2 {
  font-size: 42px;
  color: #4e3415;
  margin-top: 40px;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
}
.feature_story_summery p {
  font-size: 20px;
}

.feature_story_btn a {
  font-size: 22px;
  background: #f2a133;
  color: #fff;
  width: 136px;
  float: right;
  text-align: center;
  height: 40px;
  transition: all 0.5s;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
  text-decoration: none;
  padding: 4px 0;
}
.feature_story_btn a:hover {
  background: #4e3415;
  color: #fff;
  text-decoration: none;
}
.feature_story_icon_title a {
  color: #4e3145;
  font-size: 22px;
  font-family: "FranklinGothicMediumCondRegular", Arial, sans-serif;
  line-height: 1;
}
.feature_story_icon_title a:hover {
  text-decoration: none;
}
.feature_story_social_icons {
  list-style: none;
  margin: 0;
  padding: 0;
}
.feature_story_social_icons li {
  display: inline-flex;
  padding: 0 5px 0 0;
  font-size: 20px;
}
.feature_story_social_icons li a {
  color: #4e3415;
}
.feature_story_social_icons li.feature_story_plus_icons a {
  color: #f2a133;
}
.feature_story_icon_title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.feature_story_icon_title ul li {
  width: 100%;
  float: right;
  margin-top: 10px;
}
.feature_story_icon_title ul span.feature_story_three_icon {
  color: orange;
  float: left;
  width: 24px;
  height: 34px;
  margin: 0 0 0;
  position: relative;
  top: 2px;
  line-height: 1;
  padding-bottom: 0;
}

img.custom-tax-img {
  width: 1em;
  margin-right: 2px;
}

/*
.feature_story_title {
  margin-bottom: 50px;
}
*/
.feature_story_summery {
  padding-top: 10px;
}
.article-title {
  color: #f2a133;
  font-size: 28px;
}
/**===========================================
       End  section 4 
=============================================**/


/**===========================================
       Tablet css 
=============================================**/

@media only screen and (min-width: 768px) and (max-width: 800px) {
  .section-tablet-mobile {
    display: block;
  }
  .header_top {
    padding-bottom: 10px;
  }
  .sec_first {
    order: 2;
    flex: 0 0 100%;
  }
  .first_sec {
    order: 1;
    flex: 0 0 100%;
  }
  .footer_top_right_content {
    text-align: left;
  }
  .footer_top_right_content h2 {
    font-size: 38px;
  }
  .footer_top_left_content p {
    font-size: 24px;
  }
  .footer_bottom_left h3 {
    font-size: 28px;
  }
  .footer_bottom_left p,
  .footer_bottom_right p {
    font-size: 20px;
  }
  .footer_bottom .col {
    flex: 0 0 100%;
    text-align: center;
  }
  .footer_bottom_right p {
    position: inherit;
  }
  .footer_bottom_left {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  /*
  .feature_story_title {
    margin-bottom: 0;
    margin-top: 40px;
    padding: 0 30px;
  }
  */
  .feature_story_title h3 {
    font-size: 17px;
    line-height: 1;
  }
  .feature_story_title h2 {
    font-size: 42px;
    line-height: 1;
  }
  .feature_story_title h4 {
    font-size: 20px;
    line-height: 1;
  }
  .feature_story_summery {
    padding: 10px 45px 0;
  }
  .feature_story_summery h2 {
    font-size: 34px;
    margin-top: 20px;
  }
  .feature_story_btn a {
    font-size: 18px;
    padding: 6px 0;
  }
  .section-tablet-mobile-inner {
    margin-bottom: 60px;
  }
  .feature_story_social_icons li {
    padding: 0 10px 0 0;
    font-size: 24px;
  }
}
/**===========================================
       End Tablet css 
=============================================**/

/**===========================================
       Mobile css 
=============================================**/
@media only screen and (max-width: 767px) {
  /*
  .section-1,
  .section-2,
  .section-3,
  .section-4,
  .header_top {
    display: none;
  }
  */
  .section-tablet-mobile {
    display: block;
  }
  #menu-main-menu.navbar-nav {
    margin-left: 164px;
  }
  .navbar-nav {
    margin-left: 0 !important;
    background: rgba(78, 52, 21, 0.8);
    position: absolute;
    width: 100%;
    z-index: 9;
    padding: 0 30px;
    /*min-height: 410px;*/
    padding-top: 0;
    transition: 0s;
  }
  /*
	.navbar-toggler-icon {
    	width: 3.5em;
	}
	*/
  .nav-link {
    font-size: 14px;
  }
  .dropdown-item,
  .aof {
    font-size: 13px;
    padding: 8px 0;
  }
  .nav-item {
    position: relative;
  }
  .dropdown-menu {
    width: 100%;
    border-radius: 0;
    top: 0;
    background: transparent;
    text-align: center;
    border: none;
    position: absolute !important;
    left: 50%;
  }
  .dropdown-item i {
    height: 16px;
  }
  .dropdown-menu li {
    display: list-item;
    padding: 0;
  }
  .header {
    padding: 0;
  }
  .sec_first {
    order: 2;
    flex: 0 0 100%;
  }
  .first_sec {
    order: 1;
    flex: 0 0 100%;
  }

  .footer_top_left_content p {
    font-size: 18px;
    opacity: 0.5;
  }
  .footer_top_right_content input[type="text"] {
    background: rgba(255, 255, 255, 0.5);
    border: none;
    color: #ffffff;
    font-size: 16px;
    top: 3px;
    width: 60%;
  }
  .footer_signup input {
    background: rgba(158, 148, 134, 1);
    border: none;
    color: #ffffff;
    font-size: 16px;
  }
  footer button.btn.btn-light {
    font-size: 14px;
  }
  /*.footer {
		padding: 60px 30px;
		margin-top: 100px;
	}*/
  .footer_bottom_left h3 {
    font-size: 18px;
  }
  .footer_bottom_left p,
  .footer_bottom_right p {
    font-size: 14px;
  }
  .footer_bottom .col {
    flex: 0 0 100%;
    text-align: center;
  }
  .footer_bottom_right p {
    position: inherit;
    font-size: 10px;
  }
  .footer_bottom_right span {
    display: none;
  }
  .footer_bottom_left {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  /*
  .feature_story_title {
    margin-bottom: 0;
    margin-top: 30px;
    padding: 0 30px;
  }
  */
  .feature_story_title h3 {
    font-size: 12px;
    line-height: 1;
  }
  .feature_story_title h2 {
    font-size: 28px;
    line-height: 1;
  }
  .feature_story_title h4 {
    font-size: 14px;
    line-height: 1;
  }
  /*
  .feature_story_summery {
    padding: 10px 45px 0;
  }
  */
  .feature_story_summery h2 {
    font-size: 24px;
    margin-top: 15px;
  }
  /*
  .feature_story_summery p {
    font-size: 14px;
  }
  */
  .feature_story_btn a {
    font-size: 14px;
    padding: 6px 24px 8px;
    float: inherit;
    margin: auto;
  }
  .feature_story_btn {
    text-align: center;
  }
  /*
  .section-tablet-mobile-inner {
    margin-bottom: 60px;
    overflow: hidden;
  }
  */
  .navbar-brand img {
    width: 250px;
  }
  .header_menu {
    background: transparent;
    min-height: 112px;
  }
  .navbar-light .navbar-toggler:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
  }

  .footer_social_icon {
    display: block !important;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .footer_social_icon li {
    display: inline-flex;
  }
  .footer_social_icon li a {
    color: #e18f26;
    padding: 0 4px;
  }
  .mobile_block {
    display: block !important;
  }
  .mobile_block form.form-inline {
    width: 134px;
  }
  .mobile_block span.input-group-text,
  .mobile_block input.form-control {
    background: #a79a8a;
    border-color: #a79a8a;
    border-radius: 0;
  }
}

/**===========================================
       Single Page CSS
=============================================**/

/*
.post {
  padding: 2em;
}
*/
#annual_reports img {
  border: gray 1px solid;
}
#annual_reports a {
  color: gray;
}

.cat-title h6 {
  width: min-content;
  border-right: 2px solid #4e3415;
  border-left: 2px solid #4e3415;
  padding: 0 10px 0 10px;
  text-transform: uppercase;
  font-size: 30px;
}
.cat-title {
  border-right: 2px solid #4e3415;
  border-left: 2px solid #4e3415;
  color: #4e3415;
  font-size: 16px;
  line-height: 16px;
  opacity: 80%;
  padding: 0 6px;
  text-transform: uppercase;
}

h1.entry-title {
  color: #f2a133;
}

.entry-meta {
  color: #4e3415;
  font-size: 14px;
  opacity: 40%;
}
.entry-meta a {
  color: inherit;
  text-decoration: none;
}

.recent_entries {
  color: #808080;
}

span.nav-subtitle,
.rc-entity-title {
  color: #808080;
  /*font-family: "FuturaBold";*/
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}

span.nav-title,
.recent_entries a {
  color: #044d75;
  display: block;
  font-size: 20px;
  font-family: "FuturaBold";
  line-height: 20px;
}

span.nav-title {
  display: contents;
  font-size: 15px;
}

.recent_entries span {
  color: #4d4d4d;
  font-size: 14px;
  text-transform: uppercase;
}

h2.screen-reader-text {
  display: none;
}

nav.navigation.post-navigation {
  background: transparent;
}

.nav-next {
  float: right;
}

.nav-previous {
  float: left;
}
.close-btn {
  float: right;
  background: #e18f26;
  color: #fff;
  padding: 5px 42px 5px 42px;
  text-transform: uppercase;
}

.close-btn:hover {
  background: #4e3415;
}

.staff {
  width: 200px;
}
.our-team-title a {
  color: #4e3415;
}

.relatedContent {
  font-size: 18pt;
  margin-bottom: 5px;
}
.style2, .style2 a {
  color: #808080;
  font-family: 'Source Sans Pro', Verdana, Geneva, sans-serif;
  font-size: 20pt;
  font-weight: 600;
  text-transform: capitalize;
}

/**===========================================
       End Mobile css 
=============================================**/







/**===========================================
       Analysis css 
=============================================**/

/*
.card-header:after {
  font-family: "FontAwesome";
  content: "\f107";
}
.card-header.collapsed:after {
  content: "\f105";
  padding-left: 10px;
}
*/

.accordianSymbol:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.card-header.collapsed .accordianSymbol:after {
  /* symbol for "collapsed" panels */
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  padding-left: 10px;
  font-weight: 900;
}

.card-header {
  background-color: #e5e1dc;
  border-bottom: 5px #e5e1dc solid;
  border-top: 5px #e5e1dc solid;
  height: 100px;
}
.card-header[aria-expanded="true"] {
  background-color: #ffffff;
  border-bottom: 5px #ffffff solid;
}

.card-title {
  color: #563e20;
  font-size: 30px;
  line-height: 36px;
}

.category-title {
  /*background-color: rgba(78, 52, 21, 0.7);*/
  background-color: #4E3415;
  color: #fff;
  font-size: 30px;
  height: 100px;
  line-height: 110px;
  opacity: .7;
}

/*
.card-header[aria-expanded="true"] {
  background: transparent;
}
*/

.card-header[aria-expanded="true"] .card-title {
  background-color: white;
}

.view-all-btn,
.view-less-btn {
  text-align: center;
  padding: 10px;
  font-size: 24px;
  color: #f2a133;
}

.view-less-btn a,
.view-all-btn a {
  text-decoration: none;
  color: inherit;
}

/*
.view-all-btn:after {
  font-family: "FontAwesome";
  content: "\f105";
  color: #563e20;
}
.view-less-btn:after {
  font-family: "FontAwesome";
  content: "\f106";
  color: #563e20;
}
*/

/*
=======================================================================
	Pagination Rules
=======================================================================
*/
#pagination {
  height: 4em;
  margin-top: 3em;
}

#pagination .current,
.page-numbers:hover {
  background-color: #a6998980;
  color: #fff;
  border: 1px solid #a69989;
}
.page-numbers {
  padding: 0.6em 0.8em;
  background-color: #fff;
  color: #000;
  border: 1px solid #a69989;
  font-size: 1.2em;
}

/*
=======================================================================
	OPPORTUNITIES
=======================================================================
*/

.opportunities h2 a {
  color: #f2a133;
}

.opportunities h6 {
  font-size: 24px;
  color: #4e3415;
  font-weight: 700;
}

/* Media Inquiries form */
#wpcf7-f16665-o1 .form_label,
#wpcf7-f16665-o1 .wpcf7-quiz-label {
  display: inline-block;
  width: 115px;
}

/*
=======================================================================
  STAFF
=======================================================================
*/
.staffName {
  font-size: 36px;
}
.staffTitle {
  font-size: 30px;
  opacity: .7;
}
.staffBio {
  border-left: 1px solid #a69989;
  border-right: 1px solid #a69989;
}


/*
=======================================================================
  DONATE 
=======================================================================
*/
.circle {
  background: #4e3415;
  border-radius: 75px;
  display: inline-block;
  height: 75px;
  margin-bottom: 20px;
  margin-top: 15px; 
  width: 75px;
}
.donation-amount {
  padding-top: 25%;
}
.donation-amount a {
  color: #ffffff;
  font-size: 24px;
}
.donate-buttons {
  max-width: 400px;
}


/*
=======================================================================
  Individual Project Pages
=======================================================================
*/
/* default project color */
.project_section {
  border-top: solid rgb(73, 20, 21) 1px;
}
.category-epw .project_section {
  border-top: solid rgb(37, 53, 106) 1px;
}
.category-esw .project_section {
  border-top: solid rgb(77, 23, 22) 1px;
}
.category-pulling-back-the-curtain .project_section {
  border-top: solid rgb(169, 44, 49) 1px;
}
.category-syrias-women .project_section {
  border-top: solid rgb(92, 56, 85) 1px;
}
.category-transitional-justice-project .project_section {
  border-top: solid rgb(117, 76, 30) 1px;
}

.horizontal-scroll {
  /* overflow: hidden; */
  overflow-x: scroll;
}
.court_case {
  background-color: rgba(78, 51, 17, .5);
  height: 170px;
  position: relative;
  width: 170px;
}
.court_case_title{
  color: #ffffff;
  font-size: 1.4rem;
  left: 50%;
  margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 165px;
}
.tjp-angle {
  color: #808080;
  font-size: 80px;
  position: absolute;
  top: 50px;
}
.fa-angle-left {
  left: 20px;
}
.fa-angle-right {
  right: 20px;
}
#tjp-left-angle {
  left: 0px;
}
#tjp-right-angle {
  right: 0px;
}
.fa-angle-left:hover,
.fa-angle-right:hover {
  color: #cccccc;
  cursor: pointer;
}
.project_section_name {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.project_section_reports {
  /* min-height: 220px */
}
/*
.project_report_titles, .project_report_titles a {
  color: #845A5A;
}
*/
.project_section_people{
}
.cs, .cs a {
  color: #F15822;
}
.ecsut, .ecsut a {
  color: rgb(241, 88, 34);
}
.eet, .eet a {
  color: #358CCB;
}
.epw, .epw a, .bio_authored_title .epw, .weekly-briefs {
  color: rgb(37, 53, 106);
}
.esw, .esw a, .bio_authored_title .esw {
  color: rgb(77, 23, 22);
}
.imf, .imf a {
  color: rgb(80, 120, 163);
}
.pbc, .pbc a, .pulling-back-the-curtain, .pulling-back-the-curtain a {
  color: rgb(169, 44, 49);
}
.su, .su a {
  color: #452b5b;
}
.sw, .sw a, .bio_authored_title .syrias-women, .syrias-women, .syrias-women a {
  color: rgb(92, 56, 85);
}
.syraq, .syraq a {
  color: rgb(31, 64, 49);
}
.tjp, .tjp a, .transitional-justice-project, .transitional-justice-project a {
  color: rgb(117, 76, 30);
}
.project-tile {
  transition: 0.3s ease;
}
.project-tile:hover {
  transform: scale(1.05, 1.05);
}
.cat_thumb {
    margin-bottom: 5%; /*attempt to prevent widows*/
  }
.style4 {
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;

}
/*
.aof {
  width: 50px;
}
*/
a.aof.active,
a.aof:hover {
  color: #ffffff;
  text-decoration: none;
}
.aof-svg-icon {
  height: 30px;
  width: 30px;
}
.aof-svg-icon path,
.aof-svg-icon circle {
  fill: #a69989;
}
a.aof.active .aof-svg-icon path,
a.aof.active .aof-svg-icon circle,
a.aof:hover .aof-svg-icon path,
a.aof:hover .aof-svg-icon circle {
  fill: #ffffff;
}

.aof-icon {
  width: 20px;
}

#aof-menu-bar li {
  display: inline-flex;
  height: 50px;
  margin: 10px 15px;
}

.aof-div {
  margin: 5px 0px;
  width: 155px;
}
.aof-svg-icon-text * {
  fill: #a69989;
}
.active .aof-svg-icon-text text,
.aof-svg-icon-text:hover text {
  fill: #ffffff;
}
.active .aof-svg-icon-text .orange,
.aof-svg-icon-text:hover .orange {
  fill: #e18f26;
}
.aof-svg-icon-text {
  height: 45px;
  overflow: visible;
}
.aof-svg-icon-text text {
  font-size: 20px;
  font-family: "FranklinGothicDemiCondRegular", Arial, sans-serif;
}

.single-aof path,
.single-aof circle {
  fill: #e18f26;
}
.single-aof .aof-svg-icon-text text {
  fill: #4e3415;
}
.single-aof:hover .aof-svg-icon-text text {
  fill: #a69989;
}
.single-aof .aof-svg-icon-text .singleLine {
  font-size: 12px;
}
.aof-regional line,
.aof-regional path,
.aof-regional circle {
    fill: none;
    stroke: #e18f26;
    stroke-miterlimit: 10;
    stroke-width: 2.85px;
  }

.single-aof-icon {
  height: 34px;
  width: 34px;
}

.style3 {
  border-bottom: 1px solid #d5d5d5;
}
.style3 a {
  color: #4d4d4d;
}
a[aria-expanded="true"].accordion::after, 
a[aria-expanded="true"].tjp-case::after {
  content: "  \f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
a[aria-expanded="false"].accordion::after, 
a[aria-expanded="false"].tjp-case::after {
  content: "  \f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* ************* */
/* Google Charts */
/* ************* */
.chart-data-source {
  font-size: 18px;
  line-height: 20px;
  width: 80%;
}
#button_container_1,
#button_container_2 {
  visibility: hidden;
}
#chartPicker {
  border: 1px solid #cccccc;
  border-radius: 0px;
  max-width: 350px;
  padding: 5px;
  width: 100%;
}
div.goog-menuitem {
  padding-right:28px;
}
#dashboard_div {
  font-size: 18px;
}
.google-visualization-controls-rangefilter .google-visualization-controls-label,
label.google-visualization-controls-label {
  color: #666666;
  font-size: 14px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
span.google-visualization-controls-rangefilter-thumblabel{
  color: #666666;
  font-size: 14px;
  font-weight: normal;
}
#chart_div {
  width: 100%;
  height: 50vw;
  min-height: 200px;
  max-height: 420px;
}
#control_div {
  min-width: 150px;
}
#loading_msg  {
  line-height:100px; margin:auto; width:345px;
}
#png img {
  border: #000000 1px solid; 
  width: 100%;
}

#toolbar_div {
  display: none; 
  position: absolute; 
  right: 0px; 
  top: 35px; 
  width: 100px; 
}
@media screen and (max-width: 475px) {
  #toolbar_div {
  position: unset;
  }
}

#removeExchange {display: none;}

.google-visualization-controls-rangefilter {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
}

.google-visualization-controls-rangefilter > div {
  margin-top: -10px;
}

.google-visualization-controls-rangefilter-thumblabel:first-of-type {
  padding-left: 0px;
}

.google-visualization-controls-slider-thumb {
  background-color: #666666;
  border: #666666;
}

.google-visualization-controls-slider-horizontal {
  background-color: #dddddd;
  border: 1px solid #aaaaaa;
}
.google-visualization-controls-slider-handle {
  background-color: #aaaaaa;
  opacity: 1;
}
.button_container button,
.goog-menu-button-outer-box {
  border: none;
  background-color: #aaaaaa;
  font-family: Oswald, sans-serif;
  font-size: 13px;
  height: auto;
  min-width: 55px;
  text-transform: uppercase;
}
/* y-axis label */
svg g text[text-anchor="middle"] {
  text-transform: uppercase;
}

@media screen and (max-width: 400px) {
  .button_container button {
    min-width: 43px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .flex-container {
    display: unset;
  }
}

/*
=======================================================================
  Image Overlays
=======================================================================
*/
.single_post_image {
  position: relative;
}
.img_overlay, .img_overlay_projects {
  background: rgba(255,255,255,0.6);
  bottom: 0;
  padding: 10px;
  position: absolute;
  text-align: left;
  width: 100%;
}
.img_overlay_projects {
  bottom: 65px;
  text-align: center;
}

.home_widget .img_overlay {
  max-width: 570px;
}
.home_widget_projects .img_overlay {
  width: 325px;
}

.overlay_title {
  color: #4E3416;
}
.overlay_caption {
  color: #4E3416;
  font-size: 14px;
}
.home-row .overlay_title {
  color: #4E3416; /* dark brown */
}


/**===========================================
       End Mobile css 
=============================================**/

/* 576 for min-width */
@media (max-width: 575px) {
  h1 {
    font-size: 1.6rem;
  }
  /*
  .entry-meta,
  .entry-meta a {
    font-size: 1rem;
  }
  */
}

@media only screen and (min-width: 576px) {
  .article-title {
    font-size: 36px;
  }
  footer h2 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 768px) {
  /*
  nav {
    background: #4e3415;
    height: 40px;
  }
  */
  .two-column, .project_text {
    column-count: 2;
  }
  .btn-primary{
      font-size: 18px;
    }
  .feature_story_title h2 {
    font-size: 42px;
  }
  .feature_story_title h3 {
   font-size: 17px;
   line-height: 26px; 
  }
  .feature_story_title h4 {
    font-size: 20px;
  }
  .card-title{
    font-size: 36px;
  }
  /*
  .navbar-brand {
    display: none;
  }
  */
    /*
  .header_row {
    height: 150px;
  }
  */
  .article-title {
    font-size: 44px;
  }
  #timep-logo-header {
    width: 375px;
    padding-left: 1.2rem;
  }
  .navbar-toggler {
    top: -100px;
  }
  footer h2 {
    font-size: 32px;
  }

  footer .contactus {
    font-size: 24px;
  }
  .aof-div {
    margin: 5px 0px;
    max-width: 145px;
    width: unset;
  }
}

@media only screen and (min-width: 992px) {
  /*nav {
    background: #4e3415;
  }*/
  .navbar {
    position: unset;
  }
  .dropdown-toggle::after {
    vertical-align: 3px;
  }
  .dropdown-menu li {
    width: 240px;
  }
  #area-of-focus-spacer {
    height: 96px;
  }
  .cat-title {
    font-size: 30px;
    line-height: 30px;
  }
  .entry-meta {
    font-size: 36px;
  }
  .feature_story_social_icons li {
    font-size: 30px;
  }
  .article-title {
    font-size: 52px;
  }
}

@media (min-width: 1200px) {
  .navbar-light .navbar-nav .nav-link, 
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .active>.nav-link {
    font-size: 20px;
    padding: 0px .5rem;
  }
  #menu-main-menu.navbar-nav {
    margin-left: 164px;
  }
  #aof-menu-bar {
    padding-left: 175px;
  }
  .topBanner_content h1 {
    font-size: 56px;
  }
  .topBanner_subtext {
    font-size: 36px;
  }
  .article-title {
    font-size: 68px;
  }
}

@media only screen and (min-width: 1600px) {
  .dropdown-menu li {
    width: unset;
  }
  #area-of-focus-spacer{
    height: 56px;
  }
}