/*
 Theme Name:     Nabila Ramandi
 Theme URI:      http://nabila-ramandi.com/
 Description:    Nabila Ramndi WP Theme
 Author:         Desk Pop
 Author URI:     http://www.desk-pop.com/
 Template:       twentythirteen
 Version:        1.0
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/* #Web Fonts
================================================== */
	
	@import url("css/webfonts.css");
	
/* #Basic Styles
================================================== */

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

	 
	body {
		background: #fff;
		font-size: 100%;
		font:  13px/21px Times New Roman, "constantia", Tahoma, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #555;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		line-height: 1.6em;
 	}

 	ul { 
 		list-style: none outside; 
 	}

 	img.scale-with-grid {
 		width: 100%;
 		height: auto;
 	}

/* #Typography
================================================== */

	h1 {
		font-size: 48px;
		line-height: 56px;
		font-family: 'Sans serif', Georgia, 'Times New Roman', Tahoma, Geneva, sans-serif;
		letter-spacing: 0px;
		margin-bottom: 20px;
	}

	h2 {
		font-size: 27px;
		line-height: 32px;
		font-family: 'Sans serif', Georgia, 'Times New Roman', Tahoma, Geneva, sans-serif;
		letter-spacing: 0px;
		margin-bottom: 18px;
	}

	h3 {
		font-size: 25px;
		line-height: 32px;
		font-family: 'Sans serif', Georgia, 'Times New Roman', Tahoma, Geneva, sans-serif;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	h4 {
		font-family: 'Sans serif', Georgia, 'Times New Roman', Tahoma, Geneva, sans-serif;
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 13px;
		font-style: italic;
	}

	p, #stcpDiv {
		font-family: 'Sans serif', Georgia, 'Times New Roman', Tahoma, Geneva, sans-serif;
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 25px;
		margin-top: 12px;
		text-align: justify;
	}
	#stcpDiv {margin-bottom: 10px;}
	
	strong {
		font-weight: bold;
	}

	.purple {
		color: #A213C4;
	}
	.headline {
		font-family: 'PT Sans', Tahoma, Geneva, sans-serif;
		font-weight: lighter;
		font-size: 20px;
		line-height: 28px;
		font-style: italic;
		
	}
	.purplebold {
		color: #A213C4;
		font-weight: bold;
	}
	.archive-classic {		
		color: #A213C4;
		line-height: 28px;
		font-size: 18px;
		letter-spacing: 0px;
		font-weight: bold;}
		
	
	.purplesub {
		color: #A213C4;
		line-height: 28px;
		font-size: 22px;
		letter-spacing: 0px;}
	/* .content-border h1,*/ .content-border h2, .content-border h3, .content-border h4{color: #A213C4;}
	
	em {font-style: italic;}
	
 /* #Links
================================================== */

 	a, a:visited { color: #A213C4; text-decoration: none;}
	a:hover, a:focus {}


/* #Header
================================================== */

	.logo {
		margin: 25px 0 20px;
		width: 259px;
		height: 55px;
	}

	.searchbox {
		float: right;
	}

	.search-form {
		float: right;
		margin: 35px 0;
	}

	.search-field {
		background-color: #FFFFFF;
	    border-color: #a1a1ad;
	    border-style: solid;
	    border-width: 1px;
	    color: #9D9D9D;
	    float: left;
	    height: 30px;
	    padding: 5px;
	    width: 190px;
	}

	.screen-reader-text {
	    float: left;
	    line-height: 30px;
	    margin-right: 10px;
	}

	.search-submit {
	    background-color: #a1a1ad;
	    background-image: url("imgs/search-icon.gif");
	    background-position: center center;
	    background-repeat: no-repeat;
	    border: 1px solid #a1a1ad;
	    display: block;
	    float: right;
	    height: 30px;
	    text-indent: -99999px;
	    width: 30px;
	    border-radius: none;
	}

	.breadcrumbs {
		font-size: 12px;
		color: #9f9fab;
		margin-bottom: 8px;
		width: 100%;
	}
	.breadcrumbs a {font-weight: bold;}

	.mobile-title {
		background-repeat: no-repeat;
		padding-left: 75px;
	}

/* #Navigation
================================================== */

	nav {
		border-top: 1px solid #d8d8de;
		border-bottom: 1px solid #d8d8de;
		margin-bottom: 20px;
	}

	nav li {
		float: left;
		display: inline-block;
		background-image: url('imgs/border.gif');
		background-repeat: no-repeat;
		background-position: right;
	}

	nav li:last-child {
		background-image: none;
	}

	nav li a {
		text-decoration: none;
		display: inline-block;
		padding: 15px 17px;
		color: #A213C4;
		font-size: 14px;
		font-family: "Times New Roman", Georgia, Times, serif;
		-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     	-moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       	-o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
        transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}

	nav li a:hover,
	nav li .active {
		background-color: #A213C4;
		color:#fff;
	}

	nav li:hover > ul {
		display: block;
	}

	nav .drop-down {
		position: absolute;
		border: 1px solid #DDDDDD;
		background-color: #fff;
		top: 51px;
		width: 260px;
		display: none;
		z-index: 1;
	}

	nav .drop-down li {
		background-image: none;
		clear: both;
	}

	nav .drop-down li a {
		color: #444;
		padding: 7px 15px;
	}

	nav .drop-down li a:hover {
		background-color: #fff;
		color: #A213C4;
	}

	select {
		width: 100%;
		border: 1px solid #ccc;
		padding: 5px 10px;
		outline: none;
		font: 13px Tahoma, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #A213C4;
		display: none;
		margin-bottom: 20px;
		background: #fff; 
		text-align: center;
	}
	.nav-last {}
	
	#default #nav-home, 
	#about-me #nav-about, 
	#articles #nav-articles, 
	#television #nav-television, 
	#radio #nav-radio, 
	#calendar #nav-calendar, 
	#consultancy-and-talks #nav-consultancy-talks, 
	#news-and-events #nav-news-events, 
	#gallery #nav-gallery, 
	#contacts #nav-contact,
	#categorycolumns #nav-articles,
	#categorynews-stories-features-middle-east-north-africa #nav-articles,
	#categorynews-stories-features-europe #nav-articles { 
		background: #A213C4;
		color: #FFFFFF;		
	}

/* Home 
================================================== */

	.home-banner {
		margin: -7px 0 20px;
		position: relative;
	}

	.mobile-home-banner,
	.mobile-main-banner {
		display: none;
	}

	 .caroufredsel_wrapper {
	 	border: 1px solid #DDD;
	 }
	 #carousel {height: 70px !important;}

	 #carousel img {
	 	float: left;
	 	margin: 0 10px 0 0;
		height: 100%;
	 }


  @media only screen and (max-width: 959px) {#carousel {height: 51px !important;}}
 
  @media only screen and (max-width: 767px) {#carousel {height: 28px !important;}}
 
  @media only screen and (max-width: 479px) {#carousel {height: 19px !important;}}
	 
	 

/* About Me 
================================================== */

	.about {
		background-image: url('imgs/about-me-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}

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

/* Articles 
================================================== */

	.articles {
		background-image: url('imgs/articles-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}
	.article-img {margin-top: 50px;}

	.posts {
		float: left;
		width: 280px;
		margin: 0 20px 20px 0;
	}

	.article-month,
	.television-month {
		margin-top: 20px;
	}

	.article-month .posts:nth-child(even) {
		margin-right: 0;
	}

	.posts .thumbnail {
		float: left;
		width: 140px;
		display: inline-block;
		margin: 0 10px 10px 0;
	}

	.posts .title {
		font-weight: bold;
		margin-bottom: 5px;
		margin-bottom: 5px;
		line-height: 18px;
	}

	.posts .category {
		clear: both;
		line-height: 15px;
	}

	.down-arrow {
		text-align: center;
	}

	.down-arrow:hover {
		opacity: 0.8;
	}

	.posts img {
		width: 140px;
		height: auto;
		display: block;
		border: 1px solid #DDD;
	}

	.read-more {
		background-image: url('imgs/right-arrow.png');
		background-repeat: no-repeat;
		text-indent: -9999px !important;
	}

	.wp-pagenavi {
		float: left;
		margin-bottom: 10px;
		margin-top: 18px;
	}

	.wp-pagenavi a, .wp-pagenavi span {
		
		padding: 7px 10px 8px 10px;
		margin-right: 5px;
		-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     	-moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       	-o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
        transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
		
	}
	.wp-pagenavi a {border: 1px solid #DDD;}

	.wp-pagenavi a:hover {
		border: 1px solid #A213C4;
	}

	.wp-pagenavi .current {
		font-weight: bold;
		background-color: #A213C4;
		border: 1px solid #A213C4;
		color: #FFF;
	}
	.tv-title, .radio-title, .event-title, .news-title {font-size: 18px; margin-bottom: 5px; line-height: 22px;}
	


/* Articles Single Page 
================================================== */

	.single {
		position: relative;
	}

	.single .thumbnail {
		float:left;
		margin-right: 10px;
	}

	.single .thumbnail img {
		width: 220px;
		height: auto;
	}

	.single .post-categories li a {
		display: inline;
	}

	.single .single-icons {
		position: absolute;
		top: 40px;
		right: 0;
	}

    .single .single-icons img {
    	margin-right: 5px;
    }
	.single h1 {width: 83%;}

/* Television 
================================================== */

	.television {
		background-image: url('imgs/television-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}

	.television-intro {
		margin-bottom: 20px;
	}

	.television-post {
		margin-bottom: 10px;
	}

	.televsion-post .thumbnail {
		float: left;
	}

	.television-post .thumbnail img {
		width: 160px;
		height: auto;
	}

 	.television-post h2 {
 		margin-bottom: 5px;
 	}

 	.television-post .date img {
 		margin-right: 5px;
		display: none;
 	}
 	.television-post .thumbnail img {
	 width: 100%;	
 	}

/* Radio 
================================================== */

	.radio {
		background-image: url('imgs/radio-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}

/* Calendar 
================================================== */

	.calendar {
		background-image: url('imgs/calendar-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}

/* Consultancy and Talk
================================================== */

	.talk {
		background-image: url('imgs/consultancy-talk-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
		font-size: 46px;
	}

/* News and Events
================================================== */

	.news {
		background-image: url('imgs/news-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}

	.button {
		position: relative;
		float: left;
	}

	.active-button {
		color: #fff !important;
		border: 1px solid #A213C4;
		background-color: #A213C4;
		position: relative;
		display: inline-block;
		font-family: "constantia", "Times New Roman", Georgia, Times, serif;
		font-size: 20px;
		letter-spacing: 1px;
		padding: 5px 40px;
		margin: 0 10px 20px 0;
		width: 150px;
		text-align: center;
	}

	.active-button a {
		color: #fff;
	}

	.active-arrow {
		background-image: url('imgs/active.png');
		position: absolute;
		bottom: 14px;
		width: 15px;
		height: 7px;
		left: 68px;
	}

	.inactive {
		color: #A213C4;
		border: 1px solid #A213C4;
		display: inline-block;
		font-family: "constantia", "Times New Roman", Georgia, Times, serif;
		font-size: 20px;
		letter-spacing: 1px;
		padding: 5px 40px;
		text-align: center;
		width: 150px;
		margin: 0 10px 20px 0;
	}

	.slider {
		margin-bottom: 20px;
	}

	.mobile-slider {
		border: 1px solid #ccc;
		margin-bottom: 20px;
		display: none;
	}

	.mobile-slider .mobile-post {
		border-bottom: 1px solid #ccc;
		padding: 15px;
		-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     	-moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       	-o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
        transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}

	.mobile-slider .mobile-post:hover {
		opacity: 0.8;
	}

	.mobile-slider .mobile-post:last-child {
		border-bottom: none;
	}


	.mobile-post .thumbnail {
		float: left;
		width: 180px;
		display: inline-block;
		margin-right: 20px;
	}

	.mobile-post .thumbnail img {
		width: 180px;
		height: auto;
	}

	.mobile-post .content {
		float: left;
		width: 188px;
	}
	
/* Accordian
================================================== */

/* First Level UL List */
	.accordion {
		display: none;
		margin:0;
		padding:0;	
		list-style:none;
	}
	
	.accordion li {
	}
	
	.accordion li a {
		display: block;
		width: 268px;
		height: auto;	
		outline:none;
		
	}
		
	/* Using CSS Sprite for menu item */
	.accordion li a.article-header {
		background:url(imgs/mobile-arrow.gif) no-repeat 0 0;
		padding-left: 40px;	
	}

	.accordion li a.article-header:hover, .article-headerOver {
		background:url(imgs/mobile-arrow-down.gif) no-repeat 0 0 !important;	
	}
		
	.accordion li a.event-header {
		background:url(imgs/mobile-arrow.gif) no-repeat 0 0;
		padding-left: 40px;	
	}

	.accordion li a.event-header:hover, .event-headerOver {
		background:url(imgs/mobile-arrow-down.gif) no-repeat 0 0 !important;	
	}

		
	/* Second Level UL List*/
	.accordion ul {
		margin:0;
		padding-left: 40px;
		display:none;	
	}
		.accordion ul li {
		}
			
		/* styling of submenu item */
		.accordion ul li a {
			padding-top:5px;
			text-indent:0;
			text-decoration:none;
		}

		/* remove border bottom of the last item */
		.accordion ul li a.last {
			border-bottom: none;
		}	


/* Gallery 
================================================== */

	.gallery {
		background-image: url('imgs/gallery-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}

/* Contact 
================================================== */

	.contact {
		background-image: url('imgs/contact-icon.gif');
		background-repeat: no-repeat;
		padding-left: 75px;
	}

	.form-row {
		margin-bottom: 20px;
	}

	.form-row label {
		float:left;
		width: 100px;
		text-align: right;
		margin-right: 20px;
	}

	.form-row input,
	.form-row textarea {
		width: 60%;
		border: 1px solid #D8D8DE;
		padding: 5px 10px;
	}

	.form-row textarea {
		width: 70%;
		height: 200px;
		font:  13px/21px Tahoma, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.submit {
		margin-left: 120px;
		background-color: #A213C4;
		border: none;
		color: #fff;
		font-size: 18px;
		padding: 5px 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     	-moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       	-o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
        transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
		font-family: Georgia;
	}

	.submit:hover {
		background-color: #9d5ea9;
	}

	span.wpcf7-not-valid-tip-no-ajax {
		position: absolute;
		top: 21px;
		left: 0;
		font-size: 11px;
	}

	.Message span.wpcf7-not-valid-tip-no-ajax {
		top: 15px;
		
	}

	div.wpcf7-response-output {
		margin: 0 0 0 120px;
		padding: 10px;
		width: 70%;
	}

	div.wpcf7-validation-errors {
		border: 2px solid #9d5ea9;
	}

/* Sidebar 
================================================== */

	.subscribe {
		border: 1px solid #D8D8DE;
		padding: 10px;
		margin-bottom: 20px;
		height: 56px;
	}

	.subscribe label {
		float: left;
		margin-right: 10px;
		font-style: italic;
		font-size: 16px;
		line-height: 32px;
		float:left;
	}

	.subscribe_box {
		float: left;
		width: 186px;
		color: #9f9fab;
		border: 1px solid #D8D8DE;
		height: 30px;
		margin-right: 5px;
		padding: 5px 0 5px 5px;
		margin-top: 2px;
	}

	.go {
		float: left;
		background-color: #A213C4;
		color: #fff;
		border: none;
		padding: 6px 7px;
		margin-top: 2px;
		-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
	cursor: pointer;
	}

	input[type=submit], input[type=Reset], input { -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;}



	.padding-sidebar {
		padding-left: 20px;
	}

	.email {
		margin-bottom: 20px;
		line-height: 28px;
		font-style: normal !important;
		font-weight: bold;
		font-size: 20px !important;
	}

	.email img {
		float: left;
		margin-right: 10px;
	}


	.social-media {
		margin-bottom: 10px;
	}

	.social-media img {
		width: 36px;
		height: 36px;
		margin-right: 20px;
		display: inline-block;
		/* -webkit-transition: -webkit-filter 1s; */
	}
	.social-media img:hover {  
		
 }

	.archive-month {
		margin-bottom: 10px;
	}

	.archive-month span {
		list-style: none;
		margin-bottom: 5px;
		display: block;
	}

	.archive-month a {
		font-weight: bold;
		font-size: 14px;
		line-height: 22px;
	}

	.sidebar-section {
		margin-bottom: 10px;
	}

	.sidebar-section .all {
		color: inherit;
		margin-bottom: 10px;
		display: block;
	}

	.sidebar-section h2 {
		float: left;
		display: inline-block;
		line-height: 28px;
		padding-right: 10px;
		margin: 0;
		font-size: 24px;
		letter-spacing: -1px;
	}

	.latest-posts,
	.event-posts {		
		margin-bottom: 20px;
	}

	.latest-posts .date,
	.event-posts .date,
	.posts .date,
	.television-post .date,
	.radio-post .date,
	.news-events-posts .date,
	.single-post .date,
	.mobile-post .date {
		font-size: 12px;
		font-family: Tahoma, Geneva, sans-serif;
		color: #555555;
		margin-bottom: 5px;
		line-height: 14px;
		font-weight: bold;
	}
	.news-events-posts { margin-bottom: 30px;}

	.latest-posts .title,
	.event-posts .title,
	.mobile-post .title {
		font-weight: bold;
		margin-bottom: 10px;
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
	}

	.latest-posts .thumbnail {
		float: left;
		width: 140px;
		display: inline-block;
		margin-right: 10px;
		overflow: hidden;
	}

	.latest-posts .thumbnail img {
		width: 140px;
		height: auto;
		border: 1px solid #a1a1ad;
	}

	.latest-posts .content {
		float:left;
		width: 170px;
		font-size: 11px;
		line-height: 19px;
	}
	

	.event-posts .title {
		margin-bottom: 0;
	}
	
	
.archive { margin: 0px 0px 20px 0px;}

.jaw_years a {font-family: "Times New Roman", Times, serif; font-size: 22px !important; letter-spacing: 0px; color: #555; font-weight: normal !important; display: !important; padding: 0px 0px 0px 25px;}
.jaw_widget li {padding: 0px 0px 0px 0px; background: url(imgs/open-archive.png) no-repeat left 3px;}
.jaw_months a {font-family: Tahoma, Geneva, sans-serif; color:#A213C4; font-size: 12px !important; font-weight: bold; }

span.jaw_symbol {display: none;}

.jaw_years ul li{background: none !important;}

.expanded {background: url(imgs/close-archive.png) no-repeat left 3px !important;}
.expanded ul {padding-bottom: 10px;}

.jaw_years ul {margin-top: 5px 0px 10px 0px;}
.jaw_years ul a {font-weight: bold !important; line-height: 15px;}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #DDDDDD;
	background-color:#FFFFFF;
	border-radius:0px;
	padding:4px 8px 4px 8px;
	color:#777777;
	font-size: 12px;
	font-family: tahoma;
}

/* #Footer
================================================== */

	footer nav {
		margin: 20px 0;
	}

	footer .searchbox {
		display: none;
		margin: 0 0 30px 0;
	}

	footer .email {
		margin-bottom: 10px;
	}

	footer .social-media {
		text-align: right;
	}

	footer .social-media img {
		margin: 0 0 0 20px;
	}

	footer .subscribe {
		display: none;
	}


/* #Misc 
================================================== */
	
	.mobile-title {
		display: none;
	}

	.mobile-title img {
		float:left;
		margin-right: 10px;
	}

	.mobile-title h2 {
		line-height: 28px;
	}

	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	.search .search-form {
		float: left;
		margin: 35px 0;
	}

	.search .hentry {
		margin-bottom: 10px;
		padding: 0;
		background-image: none;
	}

	.search .entry-thumbnail,
	.search .entry-meta {
		display: none;
	}

	.search .entry-title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 0px;
	}

	.search .entry-summary p {
		margin-bottom: 0;
	}

	#back-top {
		position: fixed;
		bottom: 150px;
		right: 20px;
		z-index: 200;
		}

	#back-top span {
		width: 36px;
		height: 35px;
		display: block;
		background: url('imgs/back-to-top.png') no-repeat;
	}
	#back-top a:hover span {
		background: url('imgs/back-to-top-hover.png') no-repeat;
	}

.upcoming-events p {
	display:none;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		nav li a {
			padding: 15px 8.85px;
			font-size: 13px;
		}

		.padding-sidebar {
			padding-left: 0;
		}

		.subscribe_box {
			width: 114px;
		}

		.social-media img {
			margin-right: 10px;
		}

		.posts {
			width: 220px;
		}

		.posts .thumbnail,
		.posts .thumbnail img {
			width: 120px;
			margin: 0 10px 0 0;
		}

		.television-post .content, 
		.radio-post .content {
			width: 300px;
		}

		.television-post .thumbnail img {
			width: 100%;
			height: auto;
		}

		.television-post:last-child {
			margin-bottom: 0;
		}

		.latest-posts .content {
			width: 118px;
		}

		footer .social-media img {
			margin-left: 10px;
		}

		#back-top {
			right: 105px;
		}

		.caroufredsel_wrapper {
		    height: 51px !important;
		}
		.article-img {margin-top: none !important;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.article-img {margin-top: none!important;}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
.news_slider_z {
			display:block !important;
		}
		.news_slider_z #new-royalslider-1 {
			height: 176px !important;
		}
		.news_slider_z .new-royalslider-1 .rsThumbsVer {
			width: 125px;
		}
		.news_error_z .mobile-slider {
			display:none;
		}
		.myCustomSkin .sampleBlock {
			display:none !important;
		}
		
		
		
		.logo {
			margin: 25px auto 20px;
		}
		.article-img {margin-top: none!important;}
		.subscribe_box {
			width: 266px;
		}

		.padding-sidebar {
			padding: 0;
		}

		.sidebar-section:last-child {
			margin-bottom: 20px;
		}

		.posts {
			width: auto;
			margin: 0 0 10px 0;
		}

		.latest-posts .content {
			float: none;
			width: auto;
		}

		.television-post .content, 
		.radio-post .content {
			width: 260px;
		}

		.intro {
			margin-bottom: 10px;
		}

		.nabila {
			width: 140px;
			height: auto;
		}

		.content-border {
			border-bottom: 1px solid #D8D8DE;
			padding-bottom: 10px;
			margin-bottom: 15px;
		}

		.form-row label {
			float: none;
			margin-bottom: 5px;
			display: block;
			text-align: left;
		}

		.form-row input, .form-row textarea {
			width: 100%;
		}

		.submit {
			margin-left: 0;
		}

		div.wpcf7-response-output {
			margin-left: 0;
			width: 100%;
			padding: 5px;
			margin-bottom: 20px;
		}

		.copyright{
			text-align: center;
		}

		footer {
			margin-top: 10px;
		}

		footer .searchtext {
			width: 390px;
		}

		footer .social-media {
			text-align: center;
			border: none;
		}

		footer .social-media img {
			margin: 0 20px 0 0;
		}

		footer .email {
		    width: 370px;
			margin-left: 0;
			margin-top: -10px;
		}
		footer .email a {
			margin-left: 5px;
		
		}

		footer .searchbox {
			display: block;
			float: left;
			margin-bottom: 20px;

		}

		footer .search-form {
			margin: 0;
		}

		footer .search-field {
			width: 390px;
		}

		.television-post {
			margin-bottom: 10px;
		}

		.television-post .thumbnail {
			margin-bottom: 10px;
		}

		.television-post .date {
			margin-bottom: 0;
		}

		
		.mobile-home-banner,
		.mobile-main-banner,
		footer .social-media,
		footer .email,
		select,
		.mobile-slider,
		.accordion, 
		footer .subscribe {
			display: block;
		}

		.searchbox,
		nav,
		.subscribe,
		.email,
		.social-media,
		footer nav,
		.mobile,
		.slider {
			display: none;
		}

		#back-top {
			display: none !important;
		}

		.caroufredsel_wrapper {
		    border: 1px solid #CCCCCC;
		    height: 28px !important;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.news_slider_z {
			display:block !important;
		}
		.news_slider_z #new-royalslider-1 {
			height: 176px !important;
		}
		.news_slider_z .new-royalslider-1 .rsThumbsVer {
			width: 125px;
		}
		.news_error_z .mobile-slider {
			display:none;
		}
	.myCustomSkin .sampleBlock {
			display:none !important;
		}
		
		
		
		h1 {
			font-size: 32px;
			line-height: 40px;
			font-family: "constantia", "Times New Roman", Georgia, Times, serif;
			letter-spacing: 1px;
			margin-bottom: 20px;
			}

		h2 {
			font-size: 20px;
			line-height: 28px;
			font-family: "constantia", "Times New Roman", Georgia, Times, serif;
			letter-spacing: 1px;
			margin-bottom: 10px;
		}

		h3 {
			font-size: 18px;
			line-height: 26px;
		}

		h4 {
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 13px;
			font-style: italic;
		}

		.logo {
			margin: 25px auto 20px;
		}

		.about {
			background-image: url('imgs/about-me-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.articles {
			background-image: url('imgs/articles-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.television {
			background-image: url('imgs/television-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.radio {
			background-image: url('imgs/radio-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.calendar {
			background-image: url('imgs/calendar-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.talk {
			background-image: url('imgs/consultancy-talk-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.news {
			background-image: url('imgs/news-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.gallery {
			background-image: url('imgs/gallery-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.contact {
			background-image: url('imgs/contact-icon-mobile.gif');
			background-repeat: no-repeat;
			padding-left: 55px;
		}

		.subscribe_box {
			width: 146px;
		}

		.padding-sidebar {
			padding: 0;
		}

		.sidebar-section:last-child {
			margin-bottom: 20px;
		}

		.latest-posts .content {
			float: none;
			width: auto;
		}

		.intro {
			margin-bottom: 10px;
		}

		.nabila {
			width: 140px;
			height: auto;
		}

		.television-post .content, 
		.radio-post .content {
			width: 300px;
		}
		.article-img {margin-top: none!important;}
		.social-media {
			border-bottom: 1px solid #D8D8DE;
			padding-bottom: 10px;
			margin-bottom: 15px;
		}

		.posts {
			margin: 0;
		}

		.form-row label {
			float: none;
			margin-bottom: 5px;
			display: block;
			text-align: left;
		}

		.form-row input, .form-row textarea {
			width: 100%;
		}

		.submit {
			margin-left: 0;
		}

		div.wpcf7-response-output {
			margin-left: 0;
			width: 100%;
			padding: 5px;
			margin-bottom: 20px;
		}
		
		.copyright {
			text-align: center;
		}

		.single .thumbnail img {
			width: 100%;
		}

		.mobile-post .thumbnail {
			float: left;
			width: 120px;
			display: inline-block;
			margin-right: 20px;
		}

		.mobile-post .thumbnail img {
			width: 120px;
			height: auto;
		}

		.mobile-post .content {
			width: 128px;
		}

		.active-button {
			color: #fff !important;
			border: 1px solid #A213C4;
			background-color: #A213C4;
			font-size: 18px;
			letter-spacing: 1px;
			padding: 5px 40px;
			margin: 0 10px 20px 0;
			width: 145px;
			text-align: center;
		}

		.active-arrow {
			background-image: url('imgs/active.png');
			position: absolute;
			bottom: 14px;
			width: 15px;
			height: 7px;
			left: 68px;
		}

		.inactive {
			color: #A213C4;
			border: 1px solid #A213C4;
			font-size: 18px;
			letter-spacing: 1px;
			padding: 5px 40px;
			margin: 0;
			text-align: center;
			width: 145px;
		}

		.i-n {
			margin: 0 10px 20px 0;
		}

		.a-n {
			margin: 0 0 20px 0;
		}

		footer {
			margin-top: 10px;
		}

		footer .searchtext {
			width: 270px;
		}

		footer .social-media {
			text-align: left;
			border: none;
		}

		footer .social-media img {
			margin: 0 11px 0 0;
		}

		footer .email {
			width: 280px;
			margin-left: 0;
		}
		footer .email a {
			    font-size: 17px;
		}

		footer .searchbox {
			display: block;
			float: left;
			margin-bottom: 20px;

		}

		.content-border {
			border-bottom: 1px solid #D8D8DE;
			padding-bottom: 5px;
			margin-bottom: 15px;
		}

		.television-post {
			margin-bottom: 10px;
		}

		.television-post .thumbnail {
			margin-bottom: 10px;
		}

		.television-post .date {
			margin-bottom: 0;
		}

		footer .subscribe {
			margin-bottom: 10px;
		}

		footer .searchbox {
			display: block;
			float: left;
		}

		footer .search-form {
			margin: 0;
		}

		footer .search-field {
			width: 270px;
		}

		.mobile-home-banner,
		.mobile-main-banner,
		footer .social-media,
		footer .email,
		select,
		.mobile-slider,
		.accordion,
		footer .subscribe {
			display: block;
		}

		.searchbox,
		nav,
		.subscribe,
		.email,
		.social-media,
		footer nav,
		.mobile,
		.slider {
			display: none;
		}

		#back-top {
			display: none !important;
		}

		.home-banner {
			margin: -7px 0 10px;
			position: relative;
		}

		.caroufredsel_wrapper {
		    border: 1px solid #CCCCCC;
		    height: 19px !important;
		}

	}