/*
Theme Name: Yasser Hareb
Theme URI: saadibrahim.com.
Author: Saad Ibrahim.
Author URI: saadibrahim.com.
Description: Custom Theme for Yasser Hareb.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yasser_theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*
 * Imports
 * --------------------------------------------------
*/
/*
 * Reset
 * --------------------------------------------------
*/

@font-face {
	font-family: 'fa-snapchat';
	src:url('fonts/fa-snapchat.eot?-73zac');
	src:url('fonts/fa-snapchat.eot?#iefix-73zac') format('embedded-opentype'),
		url('fonts/fa-snapchat.ttf?-73zac') format('truetype'),
		url('fonts/fa-snapchat.woff?-73zac') format('woff'),
		url('fonts/fa-snapchat.svg?-73zac#fa-snapchat') format('svg');
}

.fa-snapchat-ghost:before {
	font-family: 'fa-snapchat';
	content: "\e600";
}

.popover-title { display: none; }


.navbar-default { background: none; border: none; border-radius: 0; box-shadow: none; -webkit-filter: none; filter: none; padding: 0; margin: 0; }

.navbar, .navbar-nav { margin: 0; padding: 0; text-shadow: none; border-radius: 0; }

a:hover { text-decoration: none; }

.btn:active, .btn:focus { box-shadow: none; }

body { font-size: 12px; }

a { color: #3c3c3c; }

a:hover { color: #3c3c3c; }

a:focus { color: #3c3c3c; text-decoration: none; outline: none; }

.btn { outline: none; }

.btn:active { outline: none; }

.btn:focus { outline: none; }

.btn:active:focus { outline: none; }

.no-margin { margin: 0; }

.pad_right { padding-right: 15px !important; }

.pad_right_5 { padding-right: 5px; }

.pad_left_5 { padding-left: 5px; }

.no-pad { padding: 0 !important; }

.no-pad-media { padding: 0 !important; }

/*
 * Header
 * --------------------------------------------------
*/
header { height: 705px; position: relative; }

header .carousel { position: absolute; top: 0; border-bottom: 5px solid #bd9e4e; height: 705px; width: 100%; }

header .carousel .image { height: 700px; width: 100%; }

header .carousel .carousel-indicators { bottom: 0; }

header .carousel .carousel-indicators li { width: 12px; height: 12px; background-color: #fff; }

header .carousel .carousel-indicators li.active { background-color: #bd9e4e; border: 1px solid #bd9e4e; margin: 1px; }

header .carousel .carousel-caption { left: 20px; text-align: left; width: 545px; background-color: rgba(255, 255, 255, 0.5); padding: 28px 29px 17px 23px; text-transform: uppercase; color: #000; bottom: 40px; text-shadow: none; }

header .carousel .carousel-caption p { margin: 0; font-size: 15px; }

header .carousel .carousel-caption strong { font-size: 21px; font-weight: normal; letter-spacing: 6px; }

header .carousel .carousel-caption h1 { margin: 0; }

header .carousel .carousel-caption h1 span { font-size: 70px !important; }

.navbar-default { background-color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid #bd9e4e; z-index: 9999; }

.navbar-default .navbar-collapse { position: relative; }

.navbar-default .navbar-header { position: relative; z-index: 9999; }

.navbar-default .navbar-header .navbar-brand { height: auto; width: 195px; }

.navbar-default .navbar-header .navbar-brand img { width: 100%; }

.navbar-default .navbar-header button { margin-top: 25px; }

.navbar-default .navbar-header button .icon-bar { background-color: #fff; }

.navbar-default .container #lang_sel_list { float: right; }

.navbar-default .container #lang_sel_list a { background: none; margin-top: 10px; color: #fff !important; margin-right: 11px; }

.navbar-default .container #lang_sel_list a:hover { background: none;}

.navbar-default .container #lang_sel_list ul { border: none; }

.navbar-default .container #lang_sel_list .lang_sel_sel { text-indent: -9999px; width: 0; height: 0; margin: 0; }

.navbar-default .social-icons { margin-top: 10px; overflow: hidden; }

.navbar-default .social-icons ul { float: left; margin-right: 20px; }

.navbar-default .social-icons li { float: left; margin-right: 6px; }

.navbar-default .social-icons li a { padding: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #bd9e4e; text-align: center; position: relative; }

.navbar-default .social-icons li a:hover { background-color: #bd9e4e; }

.navbar-default .social-icons li a i { color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; z-index: 10; padding: 0; font-size: 18px; }

.navbar-default a.search-button { float: right; position: absolute; bottom: 0; right: 0; width: 35px; height: 31px; background-color: #bd9e4e; border-top-right-radius: 5px; border-top-left-radius: 5px; text-align: center; }

.navbar-default a.search-button i { margin-top: 8px; color: #fff; font-size: 15px; }

.navbar-default #menu-primary, .navbar-default #menu-primary-arabic { margin: 40px 25px 6px 0; }

.navbar-default #menu-primary li, .navbar-default #menu-primary-arabic li { margin: 0 15px 0 14px; }

.navbar-default #menu-primary li:first-child, .navbar-default #menu-primary-arabic li:first-child { margin-left: 0; }

.navbar-default #menu-primary li:last-child { margin-right: 0; }

.navbar-default #menu-primary li a, .navbar-default #menu-primary-arabic li a { padding: 0; color: #fff; font-size: 14px; text-transform: uppercase; }

.navbar-default #menu-primary-arabic { margin-left: 25px; margin-right: 0; }

.navbar-default div.search-bar { background-color: #bd9e4e; overflow: hidden; height: 0; transition: height 0.25s; -webkit-transition: height 0.25s; /* Safari 3.1 to 6.0 */ }

.navbar-default .search-bar.active { height: 40px; }

.navbar-default .form-group { margin-bottom: 0; padding: 0; margin-top: 5px; padding-right: 20px; }

.navbar-default .form-group .input-group { float: right; }

.navbar-default .form-group input { box-shadow: none; border: none; border-radius: 0; height: 30px; padding: 0 85px 0 20px; font-size: 14px; color: #000; }

.navbar-default .form-group button { border: none; width: 85px; height: 30px; position: absolute; right: 0; z-index: 9999; background-color: #fff; border-radius: 0; padding-right: 10px; color: #bbb; text-transform: uppercase; font-size: 11px; }

.navbar-default .form-group button:hover { text-decoration: none; }

.navbar-default a.secondary_logo { float: right; width: 120px; margin-top: -6px; }

/*
 * Main Content
 * --------------------------------------------------
*/
.main-content { padding-top: 105px; background: url(images/main-bg.png) top repeat-x #e2e2e2; border-bottom: 5px solid #3c3c3c; position: relative; }

.main-content img { width: 100%; }

.main-content .recent-post { margin-bottom: 110px; }

.main-content .recent-post h2 { font-size: 34px; color: #3c3c3c; font-weight: bold; margin-bottom: 18px; margin-top: 0; }

.main-content .recent-post .postinfo { margin-bottom: 33px; }

.main-content .recent-post .postinfo a { color: #949494; margin-right: 35px; }

.main-content .recent-post .postinfo a i { margin-right: 5px; color: #949494; font-size: 18px; }

.main-content p { color: #3c3c3c; font-size: 20px; margin-bottom: 30px; }

.main-content .btn { background-color: #bd9e4e; border: none; padding: 13px 17px 11px 17px; border-radius: 6px; text-transform: uppercase; }

.main-content .btn:active { background-color: #bd9e4e; }

.main-content .old-posts { margin-bottom: 70px; }

.main-content .old-posts h3 { font-size: 22px; font-weight: bold; color: #3c3c3c; margin: 0 0 18px 2px; }

.main-content .old-posts a.articles-image { display: block; width: 100%; }

.main-content .old-posts img { width: 100%; padding: 4px; border: 1px solid white; margin-bottom: 19px; }

.more-articles { position: absolute; right: 0; bottom: 0; }

.more-articles .btn { background-color: #3c3c3c; border-radius: 0; border-top-left-radius: 8px; padding: 12px 11px 8px 20px; border: none; text-transform: uppercase; }

.more-articles .btn:active { background-color: #3c3c3c; }

.postinfo { margin-bottom: 25px; }

.postinfo a { color: #3c3c3c; margin-right: 25px; display: inline-block; }

.postinfo a i { color: #3c3c3c; margin-right: 5px; font-size: 18px; }

/*
 * Main Content / Articles
 * --------------------------------------------------
*/
.articles_home { padding-top: 110px; padding-bottom: 146px; }

.articles_home .col-md-4 { overflow: hidden; }

.articles_home section { padding-bottom: 13px; overflow: hidden; border-bottom: 1px solid #d4d4d4; margin-bottom: 16px; color: #3c3c3c; position: relative; }

.articles_home section h3 { float: left; font-size: 22px; font-weight: bold; margin: 0; color: #3c3c3c; }

.articles_home section a.view { float: right; color: #3c3c3c; margin-top: 8px; }

.articles_home h2 { color: #bd9e4e; font-size: 22px; font-weight: bold; margin-bottom: 15px; margin-top: 27px; }

.articles_home .programs-post { padding: 0; width: 49%; margin-right: 2%; float: left; margin-bottom: 21px; }

.articles_home .programs-post a { display: block; width: 100%; }

.articles_home .programs-post img { width: 100%; }

.articles_home .no-margin { margin-right: 0; }

.articles_home .audio-post { padding: 0; width: 28%; margin-right: 8%; float: left; margin-bottom: 21px; font-size: 11px; }

.articles_home .audio-post a { display: block; width: 100%; }

.articles_home .audio-post img { width: 100%; margin-bottom: 9px; }

.articles_home .audio-post p { color: #3c3c3c; text-align: center; }

.articles_home .no-margin { margin-right: 0; }

#load-more { display: inline-block; margin: 0 auto; margin-top: 20px; background-color: #bd9e4e; padding: 8px 15px; border: none; color: #fff; border-radius: 5px; }

#load-more.done { cursor: default; background-color: #bbb; }

/*
 * Main Content / Twitter-feed
 * --------------------------------------------------
*/
.twitter-feed { background-color: #3c3c3c; padding-top: 39px; padding-bottom: 36px; color: #fff; }

.twitter-feed h1 { font-size: 60px; padding-top: 40px; margin-top: 0; text-transform: uppercase; margin-bottom: 0px; position: relative; }

.twitter-feed h1 i { color: #5ea9dd; position: absolute; top: -15px; }

.twitter-feed h3 { margin-top: 55px; }

.twitter-feed #twitter-carousel .carousel-inner { width: 100%; padding-right: 120px; margin-top: 40px; }

.twitter-feed #twitter-carousel .carousel-inner span { color: #bd9e4e; font-size: 16px; margin-bottom: 12px; display: block; }

.twitter-feed #twitter-carousel .carousel-inner p { font-size: 16px; }

.twitter-feed #twitter-carousel .carousel-control.right, .twitter-feed #twitter-carousel .carousel-control.left { background-image: none; color: #fff; opacity: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; z-index: 10; padding: 0; width: 15px; height: 20px; }

.twitter-feed #twitter-carousel .carousel-control.right { left: initial; right: 0; }

/*
 * Footer
 * --------------------------------------------------
*/
footer { background-color: #bd9e4e; border: 3px solid #bd9e4e; padding: 40px 60px 30px 20px; position: relative; }

footer .copyright-container { position: absolute; bottom: 0; }

footer .copyright-container .copyright p { color: #fff; }

footer .book-container .book { float: right; }

footer .book-container .book-content { float: left; margin-top: 120px; }

footer .book-container .book-content a { display: inline-block; width: 102px; }

footer .book-container .book-content a img { width: 100%; }

footer .book-container h4 { font-size: 22px; font-weight: bold; }

footer .book-container h4 a.heading { width: 100%; margin-bottom: 0; color: #fff; }

.second_footer { clear: both; margin-top: 40px; }

/*
 * Biography Page
 * --------------------------------------------------
*/
header.biography_page { height: auto; }

/*
 * Biography Content
 * --------------------------------------------------
*/
.page_nav { margin-top: 22px; }

.page_nav p#breadcrumbs a, .page_nav p#breadcrumbs span { color: #3c3c3c; opacity: 0.75; margin-right: 5px; }

.biography_intro { background: url(images/biography_page_bg.png) repeat-x #e5e5e5; padding-bottom: 80px; color: #3c3c3c; }

.biography_intro h1 { margin-top: 55px; margin-bottom: 0; border-bottom: 1px solid #d4d4d4; padding-bottom: 5px; }

.biography_intro .intro { margin-top: 50px; }

.biography_intro .intro p { text-align: left !important; font-size: 30px; }

.biography_intro .intro strong { font-size: 32px; color: #bd9e4e; }

.biography_content { margin-bottom: 30px; }

.biography_content .banner { height: 774px; border-top: 5px solid #bd9e4e; border-bottom: 5px solid #bd9e4e; position: relative; margin-bottom: 31px; }

.biography_content .tabs { position: absolute; bottom: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.11); padding-top: 28px; }

.biography_content ul.nav-tabs { border-bottom: none; }

.biography_content ul.nav-tabs li { margin-right: 37px; }

.biography_content ul.nav-tabs li:last-child { margin-right: 0; }

.biography_content ul.nav-tabs li a { background-color: #bd9e4e; color: #fff; border: none; border-radius: 0; font-size: 13px; margin-right: 0; padding: 17px 40px 17px 15px; margin-bottom: 28px; }

.biography_content ul.nav-tabs li a:hover { color: #fff; background: #bd9e4e; border: none; }

.biography_content ul.nav-tabs li a:focus { color: #fff; border: none; }

.biography_content ul.nav-tabs li a .arrow { background: url(images/right_caret.png) no-repeat; width: 15px; height: 13px; float: left; margin-top: 2px; margin-right: 15px; }

.biography_content ul.nav-tabs li.active a { color: #fff; background-color: #9c9c9c; border: none; padding-bottom: 45px; transition: 0.25s padding ease-out; margin-bottom: 0; }

.biography_content ul.nav-tabs li.active a .arrow_down { background: url(images/down_caret.png) no-repeat; margin-top: 2px; margin-right: 15px; }

.biography_content .tab-content p { margin-top: 27px; font-size: 16px; }

.biography_content .tab-content .title { font-size: 22px; color: #bd9e4e; padding-bottom: 9px; border-bottom: 1px solid #d4d4d4; margin-top: 0; }

.biography_content .tab-content ul li { font-size: 16px; }

/*
 * Second footer
 * --------------------------------------------------
*/
@media (min-width: 992px) { .second_footer { position: relative; margin-top: 170px; }
  .second_footer .copyright-container { position: static; }
  .second_footer .book-container { position: absolute; bottom: 0; right: 0; }
  .second_footer .book-container h4 a.heading { color: #3c3c3c; }
  .second_footer .copyright { position: static; }
  .books_footer { margin-top: 0; } }

/*
 * Articles Page Header
 * --------------------------------------------------
*/
header.banner_page { height: 337px; }

header.banner_page .image { position: absolute; top: 0; width: 100%; height: 337px; border-bottom: 5px solid #bd9e4e; }

/*
 * Articles Page Main Content
 * --------------------------------------------------
*/
.articles { padding-top: 19px; background: url(images/articles_bg.png) repeat-x #fff; }

.articles .articles_head { position: relative; border-bottom: 1px solid #d3d3d3; padding-left: 0; margin-bottom: 19px; }

.articles .articles_head h3 { font-size: 34px; margin-bottom: 21px; }

.articles .articles_head h3 a { color: #3c3c3c; }

.articles .articles_head a.archive_folder { background-color: #d0d0d0; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 10px 20px 6px 35px; color: #000; text-transform: uppercase; position: absolute; right: 9px; bottom: 0px; }

.articles .articles_head a.archive_folder i { color: #3d3e3d; margin-right: 4px; font-size: 16px; margin-top: 0px; padding-top: 0px; position: absolute; left: 12px; }

.articles .post { padding: 0; }

.articles .post .col-md-12 { padding: 0; }

.articles .post a.post_image { display: block; background-size: cover; height: 250px; }

.articles .post .articles_post { padding: 55px 9px 0px; background-color: #f8f4ec; text-align: center; clear: both; min-height: 250px; }

.articles .post .articles_post h2 { margin: 0 0 12px; }

.articles .post .articles_post h2 a { color: #3c3c3c; font-size: 20px; }

.articles .post .articles_post a.btn { background: transparent; border-color: #bd9e4e; color: #bd9e4e; text-transform: uppercase; font-size: 12px; padding-top: 8px; }

.articles .post .articles_post .postinfo a { opacity: 0.4; margin-right: 7px; }

.articles .post_secondary { height: 500px; text-align: center; }

.articles .post_secondary .articles_post { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; z-index: 10; padding: 0; }

.articles .post_secondary h2 { margin: 0 0 12px; }

.articles .post_secondary h2 a { color: #3c3c3c; font-size: 26px; }

.articles .post_secondary a.btn { background: transparent; border-color: #000; color: #000; text-transform: uppercase; font-size: 12px; padding-top: 8px; }

.border_1 h2 { padding-bottom: 18px; background: url(images/border-1.png) bottom center no-repeat; }

.border_1 h3 { padding-bottom: 18px; background: url(images/border-1.png) bottom center no-repeat; }

.border_2 { background-color: #e6e6e6 !important; }

.border_2 h2 { padding-bottom: 18px; background: url(images/border-2.png) bottom center no-repeat; }

.border_2 h3 { padding-bottom: 18px; background: url(images/border-2.png) bottom center no-repeat; }

.border_3 h2 { padding-bottom: 18px; background: url(images/border-3.png) bottom center no-repeat; }

.border_3 h3 { padding-bottom: 18px; background: url(images/border-3.png) bottom center no-repeat; }

/*
 * Single Articles 
 * --------------------------------------------------
*/
.single_articles .articles_head { margin-bottom: 75px; }

.single_articles .single_para { text-align: center; margin-bottom: 125px; }

.single_articles .single_para p { font-size: 30px; color: #3c3c3c; margin: 0; }

.single_articles .single_image { padding: 0; }

.single_articles .single_container { margin-bottom: 70px; overflow: hidden; margin-right: 0; }

.single_articles .single_excerpt { padding: 85px 60px 50px 60px; background-color: #f8f4ec; min-height: 490px; position: relative; }

.single_articles .single_excerpt p { font-size: 26px; color: #3c3c3c; margin: 0 auto; }

.single_articles .single_excerpt .postinfo { position: absolute; bottom: 18px; margin-bottom: 0; opacity: 0.55; }

.single_articles .single_content p { font-size: 20px; color: #3c3c3c; margin-bottom: 30px; }

.single_articles .book_container { background-color: #e6e6e6; }

.single_articles .book_image { min-height: 400px; }

.single_articles .book_image .image { display: block; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; z-index: 10; padding: 0; width: initial; right: 0; text-align: center; }

.single_articles .book_image img { display: inline-block; }

.pager .btn { background-color: #bd9e4e; color: #fff; border: none; border-radius: 5px; position: relative; padding-left: 20px; }

.pager .btn:hover { background-color: #bd9e4e; }

.pager .btn:focus { background-color: #bd9e4e; }

.pager .btn i { font-size: 10px; position: absolute; top: 9px; left: 7px; }

.alm-btn-wrap { clear: both; text-align: center; }

/*
 * Books
 * --------------------------------------------------
*/
.books .page_nav { padding-left: 15px; padding-right: 15px; }

.books h1 { color: #3c3c3c; font-size: 34px; padding-bottom: 5px; border-bottom: 1px solid #d4d4d4; margin-bottom: 20px; }

.books .books_content { padding: 88px 100px 45px 100px; text-align: center; background-color: #f1e7d2; }

.books .books_content h2 { font-size: 30px; font-weight: bold; margin-bottom: 31px; margin-top: 0; }

.books .books_content h2 a { color: #3c3c3c; }

.books .books_content p { font-size: 26px; color: #3c3c3c; margin-bottom: 25px; }

.books .border_1 .btn { background: transparent; border-color: #6cb6bf; color: #6cb6bf; padding-top: 8px; }

.books .border_3 .btn { background: transparent; border-color: #bd9e4e; color: #bd9e4e; padding-top: 8px; }

.books .books_row { overflow: hidden; }

.books .books_image { text-align: center; background-color: #f8f4ec; position: relative; min-height: 425px; }

.books .books_image a { display: inline-block; position: absolute; top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%);	margin: 0 auto;	width: 100%;	left: 0;	z-index: 10;	padding: 0;  }

.books .books_image a img { display: inline; }

/*
 * Recent Articles 
 * --------------------------------------------------
*/
.recent_articles .col-md-12 { margin-bottom: 42px; }

.recent_articles h3.recent_heading { padding-bottom: 13px; border-bottom: 4px solid #3c3c3c; font-size: 26px; margin-bottom: 0; }

.recent_articles h3.recent_heading a { color: #3c3c3c; }

.recent_articles a.more-articles { right: 21px; }

.recent_articles a.more-articles .btn { border-top-right-radius: 8px; padding-right: 20px; padding: 13px 24px 9px; }

.recent_articles .articles_content { padding-top: 7px; padding-bottom: 21px; border-right: 1px solid #cccccc; }

.recent_articles .articles_content:last-child { border: none; }

.recent_articles .articles_content h2 { font-size: 22px; margin-bottom: 18px; margin-top: 0; }

.recent_articles .articles_content h2 a { color: #bd9e4e; }

.recent_articles .articles_content a.article_image { display: inline-block; padding: 4px; border: 1px solid #e2e2e2; margin-bottom: 17px; width: 100%; }

.recent_articles .articles_content a.article_image img { width: 100%; }

.recent_articles .articles_content p { color: #3c3c3c; font-size: 16px; margin-bottom: 22px; }

.recent_articles .articles_content a.btn { background-color: #bd9e4e; color: #fff; border: none; text-transform: uppercase; }

/*
 * Audio Page
 * --------------------------------------------------
*/
.audio h3 { font-size: 34px; margin-bottom: 45px; margin-top: 60px; border-bottom: 1px solid #d3d3d3; padding-bottom: 12px; color: #3c3c3c; }

.audio h3 a { color: #3c3c3c; }

.audio .audio_container { width: 100%; text-align: center; padding-top: 62px; padding-bottom: 46px; box-shadow: inset 0px 0px 50px #DDDDDD; -webkit-box-shadow: inset 0px 0px 50px #DDDDDD; -moz-box-shadow: inset 0px 0px 50px #DDDDDD; -o-box-shadow: inset 0px 0px 50px #DDDDDD; margin-bottom: 30px; }

.audio .audio_container img { display: inline-block; margin-bottom: 49px; }

.audio .audio_container p { display: block; color: #3c3c3c; font-size: 22px; }

.audio .taxonomy_container { margin: 5px 0px; min-height: 250px; padding-right: 5px; }

.audio .taxonomy_container2 { padding-right: 0px; padding-left: 5px; }

.audio .taxonomy_container .col-md-6 { padding: 0; }

.audio .taxonomy_container .col-md-6 .image { min-height: 250px; }

.audio .taxonomy_container .taxonomy { background-color: #f8f4ec; text-align: center; padding-bottom: 20px; min-height: 250px; }

.audio .taxonomy_container .taxonomy_content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; z-index: 10; padding: 0; }

.audio .taxonomy_container .taxonomy_content a.icon { color: #1c1c1c; width: 56px; height: 56px; border-radius: 50%; background-color: #a9a9a9; display: inline-block; position: relative; }

.audio .taxonomy_container .taxonomy_content a.icon i { font-size: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; z-index: 10; padding: 0; }

.audio .taxonomy_container .taxonomy_content span.icon { color: #1c1c1c; width: 56px; height: 56px; border-radius: 50%; background-color: #a9a9a9; display: inline-block; position: relative; }

.audio .taxonomy_container .taxonomy_content span.icon i { font-size: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 100%; left: 0; z-index: 10; padding: 0; }

.audio .taxonomy_container .taxonomy_content h3 { margin-top: 25px; margin-bottom: 0; font-size: 16px; border: none; }

.audio .taxonomy_container .taxonomy2 { background-color: #e6e6e6; }

.modal-dialog { position: absolute; top: 25%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); margin: 0 auto; left: 0; z-index: 10; padding: 0; right: 0; width: 50%; z-index: 9999; }

.modal-dialog .modal-content { background-color: #f8f4ec; border-radius: 20px; }

.modal-dialog .modal-header h4.modal-title { color: #bd9e4e; border-bottom: none ; margin-bottom: 0; }

.modal-dialog .jssocials { text-align: center; width: 100%; }

._2pi8 { padding-bottom: 55px !important; }

.modal-dialog .modal-content .flowplayer a { width: initial; }

.modal-dialog .modal-content .flowplayer a.fp-fullscreen { width: 25px; }

.modal-dialog .modal-content iframe { height: 100% !important; }

.clickable { width: 100%; display: block; overflow: hidden; }

/*
 * Video Page
 * --------------------------------------------------
*/
.video h4 { color: #bd9e4e; font-weight: bold; font-size: 20px; padding-bottom: 13px; border-bottom: 1px solid #eeeeee; margin-top: 0; margin-bottom: 27px; }

.video .modal-dialog { top: 10%; }

.video .taxonomy_container .taxonomy_content { padding-right: 40px; padding-left: 34px; }

.video .taxonomy_container .taxonomy_content h2 { font-size: 24px; font-weight: bold; }

.video .taxonomy_container .taxonomy_content h3 { font-size: 14px; font-weight: bold; margin-bottom: 18px; }

.video .postinfo a { opacity: 0.4; }

.wrapper { width: 100%; }

/*
 * Contact
 * --------------------------------------------------
*/
.contact .contact_head { border-bottom: 1px solid #d3d3d3; padding-left: 0; margin-bottom: 19px; margin-bottom: 43px; }

.contact .contact_head h3 { font-size: 34px; font-weight: bold; color: #3c3c3c; margin-bottom: 12px; }

.contact .email { margin-bottom: 66px; }

.contact .email p { font-size: 16px; color: #3c3c3c; }

.contact .email p a { color: #bd9e4e; }

.contact .form-control { border-radius: 0; box-shadow: none; }

.control .control-label { font-size: 16px; color: #3c3c3c; }

.contact span.field_required { color: #3c3c3c !important; }

.contact .contact_button { float: left; margin-right: 28px }

.contact .caldera-grid .btn { background-color: #bd9e4e; border: none; padding: 12px 20px 10px 20px; border-radius: 6px; text-transform: uppercase; color: #fff; }

/*
 * Archive Page
 * --------------------------------------------------
*/
.archive { margin-bottom: 40px; }

.archive .archive_title { margin-bottom: 100px; }

.archive .archive_title h3 { font-size: 34px; padding-bottom: 12px; border-bottom: 1px solid #d4d4d4; margin-bottom: 0; }

.archive .bootstrap-select .btn { border-color: #b7b7b7; color: #3c3c3c; background-color: transparent; border-radius: 0; box-shadow: none; }

.archive .bootstrap-select .btn span { opacity: 0.55; }

.archive  .btn-group { margin-bottom: 140px; }

.archive .bootstrap-select.open .btn-group.open .dropdown-toggle { box-shadow: none !important; }

.archive .bootstrap-select .btn:hover { background-color: transparent; }

.archive .bootstrap-select .btn:focus { background-color: transparent; }

.archive ul.dropdown-menu li { color: #3c3c3c; opacity: 0.55; margin-top: 10px; }

/*
 * Search Page
 * --------------------------------------------------
*/
.search .search_result { border-bottom: 1px solid #d4d4d4; padding-bottom: 12px; margin-bottom: 27px; }

.search .search_result h3 { margin-top: 30px; margin-bottom: 0; color: #3c3c3c; font-size: 34px; font-weight: bold;  }

.search .search_container { border-right: 3px solid #eaeaea; }

.search .search_container h3 { font-size: 20px; font-weight: bold; color: #3c3c3c; margin-bottom: 47px; }

.search .search_container .search_articles h4 { color: #bd9e4e; font-size: 20px; font-weight: bold; margin-top: 45px; }

 .search .search_container .search_articles .modal h4 { margin-bottom: 0; border-bottom: none; margin-top: 0px; }

.search .search_container .search_articles section { margin-bottom: 25px; }

.search .search_container .search_articles .video_container { background-color: #f8f4ec; padding-bottom: 20px; min-height: 250px; }

.search .search_container .search_articles .video_title { text-align: center; position: absolute;	top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%);	margin: 0 auto;	width: 100%;	left: 0;	z-index: 10;	padding: 0; }

.search .search_container .search_articles .video_title h4 { margin-top: 0; }

.search .search_container .search_articles .border { height: 5px; position: relative; margin-top: 66px; border-bottom: 5px solid #3c3c3c; }

.search .search_container .search_articles .border a.more-articles .btn { border-top-right-radius: 8px; padding-right: 20px; padding: 13px 24px 9px; }

.search .audio .taxonomy_container2 { padding-left: 0; }

.search .search_container .search_articles section.post_content h4 { border-bottom: 1px solid #eeeeee; padding-bottom: 17px; margin-bottom: 20px; }

.search .search_container .search_articles section.post_content p { color: #3c3c3c; font-size: 16px; margin-bottom: 24px; }

.search .search_container .search_articles section.post_content .read.btn { background-color: #bd9e4e; border: none; color: #fff; text-transform: uppercase; padding: 8px 12px; border-radius: 5px; }

.search .recent_articles .articles_content { border: none; padding-bottom: 26px; border-bottom: 4px solid #d4d4d4; }

.search .recent_articles .articles_content .btn { padding: 8px 12px; border-radius: 5px; }

.search .books .books_content { padding-right: 25px; padding-left: 25px; }

.search .audio .taxonomy_container2 { padding-right: 0; }

/*
 * Media Queries
 * --------------------------------------------------
*/
@media (max-width: 992px) { .navbar-default .social-icons { margin-top: 25px; }
  .main-content { padding-top: 50px; }
  .main-content .recent-post { margin-bottom: 50px; }
  .main-content img { margin-bottom: 30px; }
  .main-content .old-posts { margin-bottom: 50px; }
  .articles_home { padding-top: 50px; padding-bottom: 0; }
  .articles_home .col-md-4 { margin-bottom: 50px; }
  .twitter-feed h1, .twitter-feed h3 { margin-bottom: 20px; }
  footer { padding: 40px; }
  footer .copyright-container { position: static; text-align: center; clear: both; }
  footer .copyright-container p { margin-top: 20px; }
  footer .book-container { overflow: hidden; text-align: center; }
  footer .book-container .book { float: none; }
  footer .book-container .book-content { margin-top: 0; float: none; }
  footer .book-container .book-content h4 { margin-bottom: 20px; }
  footer .book-container .book-content a { display: inline-block; margin-bottom: 20px; }
  .articles .articles_head { position: relative; border-bottom: 1px solid #d3d3d3; padding-left: 0; margin-bottom: 19px; }
  .articles .articles_head h3 { margin-bottom: 40px; text-align: center; }
  .recent_articles .articles_content { border: none; }
  .flex_container { display: block; width: 100%; }
  .biography_content ul.nav-tabs li { display: block; width: 100%; }
  .biography_content ul.nav-tabs li.active a { padding-bottom: 17px; margin-bottom: 28px; } 
  .audio .taxonomy_container {  padding: 0; margin: 20px 0; }
	.audio .taxonomy_container2 { padding: 0; margin-bottom: 0;}
	.no-pad{ padding-right: 15px !important; padding-left: 15px !important; }
	.search .search_container { border: none; }
	.navbar-default a.secondary_logo { width: 78px; margin-top: -20px; }
  .pad_right_5 { padding-right: 15px; }
  .pad_left_5 { padding-left: 15px; }

}

@media (max-width: 768px) { 
	.navbar-default .social-icons ul { width: 80%; margin-right: 0; margin-bottom: 10px; }
  .navbar-default .social-icons ul li a { width: 30px; height: 30px; }
  .navbar-default .navbar-header a { width: 180px; }
  .navbar-default .navbar-collapse { margin-top: 20px; }
  .navbar-default .navbar-collapse #menu-primary, .navbar-default .navbar-collapse #menu-primary-arabic { margin-top: 0; margin-bottom: 20px; }
  .navbar-default .navbar-collapse #menu-primary li, .navbar-default .navbar-collapse #menu-primary-arabic li { margin-top: 20px; }
  .navbar-default .navbar-collapse #menu-primary li:first-child, .navbar-default .navbar-collapse #menu-primary-arabic li:first-child { margin-left: 15px; }
  .navbar-default .navbar-collapse #menu-primary-arabic { float: right !important; }
	.navbar-default a.secondary_logo { width: 120px; margin-top: 0px; }
  .main-content .recent-post .postinfo a { margin-right: 10px; }
  .twitter-feed h1 { font-size: 30px; }
  .modal-dialog { width: 100%; }
  .no-padright{ padding-right: 15px !important; }
	.no-padleft{ padding-left: 15px !important; }
}

@media (min-width: 0px) and (max-width: 767px) { .fsi-row-xs-level { display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media (min-width: 768px) and (max-width: 991px) { .fsi-row-sm-level { display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media (min-width: 992px) and (max-width: 1199px) { .fsi-row-md-level { display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media (min-width: 1200px) { .fsi-row-lg-level { display: -webkit-flex; display: -ms-flexbox; display: flex; } }