/*
Theme Name: Damascus
Theme URI: http://jasmine-a.com/Damascus
Description: Damascus is RTL based theme soecially design to support bloggers and writers who write in Arabic.
Version: 1.2.0
Author: Afnan Alhejaily
Author URI: http://jasmine-a.com
Text Domain: damascus
License: GNU General Public License
License URI: license.txt

Tags: portfolio, rtl-language-support, threaded-comments, translation-ready
*/



@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap.min.css'); 
@import url('bootstrap/js/bootstrap.js'); 
@import url('bootstrap/js/bootstrap.min.js'); 
@import url('bootstrap/css/bootstrap-responsive.css');

@font-face {  
    font-family: 'arabtype';  
    src: url('fonts/arabtype.ttf');
}  

*{
font-family: 'arabtype', serif;

}

.contentblog{
  text-align: center;
  font-size: 25px;
  color: #7c7c7c;
}

.blogPost-title{
  text-align: center;
  font-size: 40px;
  color:#6b6b6b;
}

.blogPost-title a{
  text-align: center;
  font-size: 40px;
  color:#6b6b6b;
}


.blogPost-title a:hover{
  text-align: center;
  font-size: 40px;
  color:#6b6b6b;
  text-decoration: none;
}

.blogPost-meta{
text-align: center;
font-size: 16px;
color:#e0b8c9;
}

.blogPost-meta a{
color:#8fbab1;
}

.pager li{
  color:#8fbab1;
}

.pager a{
  color:#6b6b6b;
}

.blogPost-meta a:hover{
color:#8fbab1;
}

.sep{
  width: 100px;
  margin-right: auto;
  margin-left: auto;
}
 .pageContent{
  margin-top: 60px;
  margin-right: 40px;
  margin-left: 40px;
 }

 .postSep{
  width:100%;
 }

 .comments-area{
  color: #6b6b6b; 
  font-size: 18px;
 }

  .comments-area hr{
  width:200px;
 }

  .comments-area ul{
  list-style:none;
 }

  .comments-area a{
  color:#8fbab1;
 }

   .comments-area a:hover{
  color:#a7c9c2;
 }

    .comments-area a:visited{
  color:#8fbab1;
 }


.comments-title{
  color:#e0a3be;
 }

.postContent{
  height: auto;
}


.pageContent {
  min-height: 570px; /* temporary until content */
    margin-bottom: -40px; 
}
.pageContent:after {
  content: "";
  display: block;
}


.content-area {
  display: block;
  height: auto;
    margin-bottom: -40px; 
}
.content-area:after {
  content: "";
  height: 70px;
  display: block;
}




 .wsoom{
  text-align: center;
 }

 .wsoom a {
  background-color: #efefef;
  color: #c493a8;
  display: inline-block;
  font-size: 24px !important;
  padding-right: auto;
  padding-left: auto;
  padding: 2px 5px;
  text-decoration: none;
  text-align: center;
}

.wsoom a:hover {
  background-color: #d6b3c2;
  text-decoration: none;
  color: #efefef;
  text-align: center;
}
.widget_tag_cloud .tagcloud a {
  background-color: #efefef;
  color: #d6b3c2;
  display: inline-block;
  font-size: 24px !important;
  margin: 0 5px 5px 0;
  padding: 2px 5px;
  text-decoration: none;
}

.widget_tag_cloud .tagcloud a:hover {
  background-color: #d6b3c2;
  color: #efefef;
}

.category1{
  text-align: center;
  font-size: 15px;
  color:red;
}


/**
 * 11.0 Widgets
 */

.widget {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  hyphens: auto;
  width: 100%;

      text-align: justify;
    text-justify: inter-word;

}

.widget pre {
  line-height: 1.2;
}

.widget button,
.widget input,
.widget select,
.widget textarea {
  font-size: 20px;
  line-height: 1.5;
}

.widget button,
.widget input {
  line-height: normal;
}

.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
  font-size: 16px;
  font-size: 1.2rem;
  padding: 0.7917em 1.5833em;
}

.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
  padding: 0.375em;
}

.widget-title {
  color: #333;
  margin: 0 0 1.6em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.widget > :last-child {
  margin-bottom: 0;
}


.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
  color:#d69ab4;
}

.widget_archive a:active,
.widget_categories a:active,
.widget_links a:active,
.widget_meta a:active,
.widget_nav_menu a:active,
.widget_pages a:active,
.widget_recent_comments a:active,
.widget_recent_entries a:active {
  color:#d69ab4;
}

.widget_archive a:hover,
.widget_categories a:hover,
.widget_links a:hover,
.widget_meta a:hover,
.widget_nav_menu a:hover,
.widget_pages a:hover,
.widget_recent_comments a:hover,
.widget_recent_entries a:hover {
  color:#d6b3c2;
}

.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
  list-style: none;

}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
  border-width: 2px;
  border-top: 1px solid #eaeaea;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  padding: 0.43em 0;
}

.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
  border-top: 0;
  padding-top: 0;
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
  padding-bottom: 0;
}

.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
  border-top: 1px solid #eaeaea;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  margin: 0.7667em 0 0 0.8em;
  padding-top: 0.7667em;
}

.widget_recent_entries .post-date {
  display: block;
}

.widget_rss ul {
  list-style: none;
  margin: 0;
}

.widget_rss li {
  margin-bottom: 1.6em;
}

.widget_rss ul:last-child,
.widget_rss li:last-child {
  margin-bottom: 0;
}

.widget_rss .rsswidget {
  border: 0;
  font-weight: 700;
}

.widget_rss .rsswidget img {
  margin-top: -4px;
}

.widget_rss .rss-date,
.widget_rss cite {
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
  display: block;
  line-height: 2;
  opacity: 0.8;
}

.textwidget > :last-child {
  margin-bottom: 0;
}

.textwidget a {
  border-bottom: 1px solid #333;
  font-size: 20px;
}

.textwidget a:hover,
.textwidget a:focus {
  border-bottom: 0;
}



 #widgetized-area1{
  font-size: 20px;
  list-style: none;
  vertical-align: middle;
 }


 #widgetized-area2{
  font-size: 20px;
  list-style: none;
  align-items: center;
 }


 .widgettitle{
  color:#8fbab1;
 }

/* calendar widget */
.widget_calendar {float: left;}
 #wp-calendar {width: 100%; }
 #wp-calendar caption { text-align: right; color: #d69ab4; font-size: 20px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 14px; }
 #wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody a { color: #d69ab4; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 15px; text-transform: uppercase; text-align: right; color: #d69ab4; }
#wp-calendar tfoot #prev { font-size: 15px; text-transform: uppercase; padding-top: 10px; color: #d69ab4; }

/*--------------------------------------------------------------
  ## COMMENT FORM
--------------------------------------------------------------*/
/*comments area style*/
.comments-area{padding: 0 33px 33px;}

.comments-title,
.comment-reply-title{
  font-size: 24px;
  color: #555;
  margin: 0 0 32px;
}

.comment-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

.comment-author img{
  float: left;
  width: 80px;
  margin-right: 25px;
  border-radius: 50px;
  -webkit-border-radius: 100px;
}

.comment-author .says{display: none;}
.comment-metadata{overflow: hidden;}
.comment-metadata > a:before{
  font-family: 'FontAwesome';
  content: '\f133';
  margin-right: 8px;
  vertical-align: top;
  font-size: 14px;
}

.comment-metadata a:hover{
  text-decoration: none;
  color: #666;
}

.comment-list .comment-content,
.comment-list .reply{margin-left: 106px;}

.comment-list .comment-content{margin-top: 5px;}

.comment-list .comment-content p{margin: 0 0 5px;}

.comment-list .reply{
  font-weight: 700;
  text-transform: uppercase;
}

.comment-list .reply a{color: #666;}
.comment-list .reply a:hover{
  color: #81c9c7;
  text-decoration: none;
}

.comment-list .comment-body{margin: 0 0 40px;}
.comment-list .children{
  list-style: none;
  margin: 0 0 0 106px;
  padding: 0;
}

.comment-form label{display: none;}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
    border: 1px solid #dddcda;
    border-radius: 0;
    padding: 10px 20px;
    width: 70%;
}

.comment-form textarea{
    border: 1px solid #dddcda;
    border-radius: 0;
    height: 106px;
    padding: 10px 20px;
    resize: none;
    width: 100%;
}

.comment-form input[type="submit"]{
  background: #81c9c7;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 46px;
    line-height: 46px;
    padding: 0 25px;
    text-shadow: none;
}

.comment-form input[type="submit"]:hover{
  background: #74b5b3;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
  display: block;
  float: none;
  color: #ce92ac;
}

.button {

  border: 1px solid transparent;
  padding: 4px 7px;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.button:hover {
  cursor: pointer;
}

input[type="file"] {
  font-size: initial;
}



    .row.content {
      height: 100vh;

   }



   #jumbo h2{
    margin-top: 0.1px;
    margin-bottom: 39px;
    color: #c94651;
    text-align: center;
    font-size: 300%;
   }

   #jumbo{
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    background-color: #f2f0ed;
    border-radius: 0;
   }
    
    .sidenav {
      background-color: #f9f9f9;
      height: 100vh;
    }


        
    /* On small screens, set height to 'auto' for the grid */

        @media screen and (max-width: 767px) {
      .row.content {height: auto;
      }
    }

.navbar-header{
    background-color: #f9f9f9;
      }

      #navcolor{

       background-color: #f9f9f9; 
      }


#logo{
  padding: 8px;
  color: #8fbab1;
  text-align: right;
}

.navbar-default h4{
  padding: 8px;
  color: #8fbab1;
  text-align: center;
  font-size: 25px;

}

   .navbar-default h3{
      color:#6b6b6b;
      text-align: center;
      font-size: 36px;
      
    }

    .logoImg{
      margin-top: 25px;
        height: 230px;
  width: 230px;
vertical-align: middle ;
    }




.navbar-collapse{
  background-color: #f9f9f9;

}



 #navP ul li{
    font-size: medium;
    background-color: #f9f9f9;

     }

    #navP li a{
    color: #aaaaaa;
    font-family: 'arabtype', serif;
    text-align: center;
    font-size: 20px;
  }

 #navP li a:hover{
    color: #ce92ac;
  }
    
   .web-title{
      color:#ce92ac;
      text-align: center;

      
    }

       .web-title h3{
      font-size: 30px;
      color:#6b6b6b;
    }

           .web-title a:hover{
      text-decoration: none;
    }

    .web-title h4{
      color:#8fbab1;
      font-size: 22px;
    }

    li.nav-tnseeq
    {
      color:#fff;
    }

    #navPrincipal{

    }

.nav-tnseeq #navPrincipal li a{
  color: #b2b2b2;
  font-family: 'arabtype', sans-serif;
  text-align: center;

  font-size: 20px;
  }

.nav-tnseeq #navPrincipal li a:hover{
    color: #ce92ac;
    background-color: none;


}

.wp-caption,
.wp-caption-text,
.sticky,
 .screen-reader-text,
 .gallery-caption,
 .bypostauthor,
 .alignright,
 .alignleft,
  .aligncenter{

  }

  #sidebar.affix {
      position: fixed;
      background-color: #f9f9f9;
      border-left-style: solid;
      border-left-color: #dddddd;
      border-left-width: 0.1px;
  }



.bgroup{
  margin-top: none;
}

.bgroup a{
  color:#ce92ac;
    font-size: 15px;
    padding-left: 10px;


}

.bgroup a:hover{
  color:#e0b8c9;
}



     .jumbotron {
      margin-bottom: 0;
      background-color: #fff;
      color: #9cc9c9;

    }


    .cardimg{
      height: 500cm;
      width: 300cm;
      
    }

    .card h4{
    font-family: 'arabtype';
    font-size: 30px;
    color: #c94651 ;
    }
.card p{
    font-family: 'arabtype';
    font-size: 25px;
    text-align: justify;
    text-justify: inter-word;
}

footer{
  color:#e0b8c9;
  text-align: center;
   height: 40px; 
}

footer a{
  color:#e0b8c9;
  text-align: center;

}
footer a:hover{
  color:#e0b8c9;
  text-align: center;

}