﻿@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lora');

.title-plain span { background: #aaaaaa; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 10px; color: #fff; text-transform: uppercase; padding: 3px 10px; border-radius: 2px; display: inline-block; }
.title-plain { margin-bottom: 13px; }


/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; }
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
/*ol, ul {list-style: none;}*/
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; outline: none; transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; height:auto;}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 15px; }     /* Remove top margin from headers */
h1 { font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fff; }
h2 { font-size: 26px; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 10px; color:black;}
    h2 a { color:black !important ; }
h3 { font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 400; }
h4 { font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 400; }
h5 { font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 400; }
h6 { font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 400; }
p { margin: 0 0 15px; font-size: 15.5px; color: #373737; font-family: 'Lora', sans-serif; font-weight:400; line-height:1.8;}
.comment p {padding-bottom: 20px;}
a { text-decoration: none; }
a[href*="tel"], a[href*="mailto"] { }
body { margin: 0; padding: 0; font-family: arial; font-size: 14px; color: #373737; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/*--------sticky footer or vertical footer------------*/
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; /*initialize footer height in negative for sticky footer*/ }
body, html { height: 100%; }
/*--------sticky footer or vertical footer------------*/

/*-----------------------main styles starts here-----------------------------------------------*/
.main { max-width: 1150px; margin: 0 auto; padding: 0 15px; }
/*-----------header section styles goes here---------------*/
.wrap { display: none; }
.pagination ul li.active a { border: none; color: #000; }
.searchbox-icon a i:after { position: absolute; width: 1px; height: 30px; content: ""; left: -14px; top: -6px; background: #fdfdfd; }
.searchbox { position: absolute; min-width: 50px; width: 0%; height: 50px; float: right; overflow: hidden; top: -8px; right: -55px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
.searchbox-input { right: 0; border: 0; outline: 0; width: 40%; height: 36px; margin: 8px 0 0 0; padding: 0px 55px 0px 20px; font-size: 20px; color: #404040; float: right; }
.searchbox-input::-webkit-input-placeholder {
color: #404040;
}
.searchbox-input:-moz-placeholder {
color: #404040;
}
.searchbox-input::-moz-placeholder {
color: #404040;
}
.searchbox-input:-ms-input-placeholder {
color: #404040;
}
.searchbox-icon a i { color: #fff; font-size: 18px; position: relative; }
.searchbox-icon, .searchbox-submit { width: 50px; height: 50px; display: block; position: absolute; top: 0; font-size: 22px; right: 0; padding: 0; margin: 0; border: 0; outline: 0; line-height: 50px; text-align: center; cursor: pointer; background: #a20301; }
.searchbox-open { width: 100%; }
a.header-logo { display: inline-block; vertical-align: middle; }
.header-rt { display: inline-block; float: right; margin-top: 13px; position: relative; margin-right: 38px; }
#header-main { background: #a20301; padding: 27px 0; }
.header-menu { display: inline-block; vertical-align: middle; margin-left: 0px; }
a.donate { display: inline-block; vertical-align: middle; color: #fff; font-size: 13px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400; border: 1px solid #fff; padding: 9px 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
a.donate:hover { background: #404040; border: 1px solid #404040; }
ul.social-icon, ul.social-icon2 { display: inline-block; vertical-align: middle; margin-left: 20px; }
ul.social-icon li, ul.social-icon2 li { display: inline-block; vertical-align: middle; margin-right: 8px; }
ul.social-icon li a, ul.social-icon2 li a { color: #fff; font-size: 18px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
ul.social-icon li a:hover, ul.social-icon2 li a:hover { color: #404040; }
.enumenu_ul ul li { border-bottom: none; }
.enumenu_ul > li.has-children:after { position: absolute; background-image: url(../images/submenu-arrow1.png); background-position: center right; background-repeat: no-repeat; width: 15px; height: 9px; content: ""; top: 4px; right: -17px; cursor: pointer; }
/*-----------header section styles ends here----------------*/

/*-----------banner section styles goes here---------------*/
.banner { position: relative; margin-bottom: 21px; overflow: hidden; width: 100%; }
.banner-img { height: 534px; max-width: 60%; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
.custome-dots { position: absolute; top: 49.9%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 9; height: 100%; width:40%; background: #fff; }
/*.custome-dots ul { height: 535px;}*/
.custome-dots ul li { border-bottom: 2px solid #eeeeee; position: relative; display: block; background-position: 20px center; color: #404040; padding: 30px 0 18px 40px; background: #fff; }
/*.divorce-icon {display: block;background-position: 20px center;color: #404040; padding:30px 0 18px 40px;background: #fff;}*/
.custome-dots ul li.active { background: #efefef; position: relative; }
 .custome-dots ul li:after.active {display: none;}
.custome-dots ul li.active:after { position: absolute; width: 0; height: 0; border-top: 15px solid transparent; border-right: 15px solid #efefef; border-bottom: 15px solid transparent; left: -15px; top: 35%; content: ""; z-index: 9999; }
.divorce-icon span { display: inline-block; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
.slider-content { display: inline-block; vertical-align: middle; width: 80%; }
.slider-content span { color: #404040; font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 10px; text-transform: uppercase; display: inline-block; }
.slider-content p { color: #404040; font-size: 16px; }
.slider-number { display: inline-block; margin-right: 25px; vertical-align: middle; }
.slider-number h6 { background: #000; color: #fff; width: 30px; height: 30px; border-radius: 50%; text-align: center; font-size: 18px; line-height: 31px; display: inline-block; }
.featured-slider { margin-bottom: 38px; }
.banner-text { position: absolute; left: 0; right: 0; bottom: 60px; max-width: 70%; margin: 0 auto; }
.banner-text span { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #fff; font-size: 10px; text-transform: uppercase; background: #a40200; display: inline-block; padding: 6px 8px; }
.banner-text a.btn-custom { border: 1px solid #fff; padding: 9px 17px; display: inline-block; color: #fff; font-size: 13px; }
.content { box-sizing: border-box; height: 555px; overflow: auto; }
.mCSB_container { width: 100% !important; }
.panorama-banner { text-align: center; margin-bottom: 20px; padding: 0 15px;}
.panorama-banner img { display: inline-block; }
.owl-dots {display:none !important;}
/*-----------banner section styles ends here----------------*/

/*-----------mid section styles goes here-----------*/

/*-----------featured writers section styles goes here-----------*/
.featured-writers { margin-bottom: 21px; }
.main-title h4 { color: #fff; background: #a20301; padding: 8px 20px 5px 18px; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 0; }
.main-title { border-bottom: 3px solid #a20301; margin-bottom: 23px; }
.featured-writers h4 { margin-bottom: 0; }
/*
.featured-writers h4 { color: #fff; background: #a20301; padding:8px 18px; text-transform: uppercase; display: inline-block; position: relative;}
.featured-writers h4:after {background: #a20301;position: absolute;content: "";bottom: 0;height: 3px;width: 1038px;}
*/
.featured-writers-content figure { display: inline-block; width: 100%;}
.img-wrap { float: left; margin-right: 10px; }
.content-wrap { width: 60%; float: left; cursor: -webkit-grabbing; }
.content-wrap span { display: inline-block; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #404040; font-size: 12px; text-transform: uppercase; }
.content-wrap p { font-size: 13px; color: #404040; margin: 0 0 2px; }
a.featured { font-size: 13px; color: #404040; font-family: 'Lora', sans-serif; color: #ec1c24; text-decoration: underline; font-weight:400; }
a.featured:hover { color: #404040; }
.owl-nav { display: none; }
/*----------------featured writers section styles ends here-------*/


/*-----------Latest articles section styles goes here-----------*/
.latest-articles { margin-bottom: 0px; }
.latest-blog ul li { display: inline-block; width: 30%; margin-right: 3%; vertical-align: top; margin-bottom: 40px; }
.search-result-wage .latest-blog ul li { margin-bottom: 38px; }
.search-result-wage .latest-blog ul li .name ul li { margin-bottom: 0; }
/*.latest-articles .latest-blog ul li {margin-bottom: 0;}*/
.latest-blog ul li:nth-child(3) { margin-right: 0; }
.latest-blog ul li:nth-child(6) { margin-right: 0; }
.latest-blog ul li:nth-child(9) { margin-right: 0; }
.latest-blog ul li:nth-child(12) { margin-right: 0; }
.latest-blog ul li:nth-child(15) { margin-right: 0; }
.latest-blog ul li:last-child { margin: 0; }
.latest-blog ul li figure img { margin-bottom: 12px; display: inline-block; width: 100%; }
.latest-blog p { line-height: 1.2; margin-bottom: 8px; }
.title-international span { background: #1cacea; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 10px; color: #fff; text-transform: uppercase; padding: 3px 10px; border-radius: 2px; display: inline-block; }
.title-international { margin-bottom: 12px; }
.title-economics span { background: #6dac26; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 10px; color: #fff; text-transform: uppercase; padding: 3px 10px; border-radius: 2px; display: inline-block; }
.title-economics { margin-bottom: 10px; }
.title-education span { background: #e88e1c; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 10px; color: #fff; text-transform: uppercase; padding: 3px 8px; border-radius: 2px; }
.title-education { margin-bottom: 15px; }
.name { margin-bottom: 15px; display: inline-block; }
.name ul { margin-bottom: 2px; }
.name ul li { display: inline-block; font-family: 'Lora', sans-serif; font-size: 15px; position: relative; margin-right: 8px; width: auto; color: #373737; margin-bottom: 0; font-weight: 400; }
.name ul li:after { content: ""; position: absolute; background: #858585; height: 15px; width: 2px; right: -7px; top: 0; }

.name ul li.clsHideSeperator:after { background: #ffffff !important; }

.name ul li:last-child:after { background: none; }



.name span { font-size: 15px; color: #555555; font-family: 'Lora', sans-serif; background: none; padding: 0; font-weight: 400;}
.name ul li.international { color: #1c8dcc; }
.name ul li.economics { color: #6dac26; }
.name ul li.education { color: #ea901c; }
a.btn-custom { border: 1px solid #404040; text-transform: uppercase; padding: 8px 16px; display: inline-block; color: #404040; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
a.btn-custom:hover { background: #404040; color: #fff; border: 1px solid #404040; }
/*----------------Latest articles section styles ends here-------*/

/*----------------education section styles ends here-------*/

.education .main-title h4 { color: #fff; background: #ea901c; padding: 8px 20px 5px 18px; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 0; }
.education .main-title { border-bottom: 3px solid #ea901c; margin-bottom: 22px; }
/*----------------education section styles ends here-------*/

/*----------------week Donate section styles ends here-------*/
.week-Donate { margin: 29px 0 43px; }
.week-in-politics { width: 49%; display: inline-block; padding-top: 10px;}
.week-in-politics .main-title h4 { background: #a40200; }
.week-in-politics h3 { font-size: 15px; color: #a40200; font-family: 'Lora', sans-serif; margin-bottom: 8px; }
.week-in-politics figure img { display: inline-block; width: 100%; margin-bottom: 16px; }
.week-in-politics figure figcaption p { margin-bottom: 21px; }
.Donate { width: 49%; display: inline-block; vertical-align: top; float: right; }
.Donate .main-title h4 { background: #a40200; }
.Donate p { line-height: 1.2; }
.Donate a.btn-custom { margin-bottom: 45px; }
/*----------------week Donate section styles ends here-------*/

/*----------------mid section styles ends here-------*/



/*-----------Article section styles goes here-----------*/
.bradcumb { margin: 0; text-align: right; }
.bradcumb li { display: inline-block; margin: 0; color: #373737; font-family: 'Lora', sans-serif; font-weight: 400; }
.bradcumb li a { display: inline-block; color: #a40200; font-size: 15px; font-family: 'Lora', sans-serif; font-weight: 400; position: relative; margin-right: 11px; }
.bradcumb li a:after { position: absolute; content: ""; background: #373737; height: 12px; width: 1px; top: 1px; right: -9px; -ms-transform: rotate(7deg); /* IE 9 */ -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(19deg); }
.bradcumb li a:hover { color: #373737; }
.economics-content { max-width: 815px; width: 100%; margin: 0 auto 25px; }
.economics-blog { margin: 26px 0 36px; padding: 0; }
.economics-blog .main-title h4 { background: #6fad26; }
.economics-blog .main-title { border-bottom: 3px solid #6fad26; }
.economics-content .name { float: left; }
.economics-content h1 { display: block; color: #373737; font-size: 48px; line-height: 1; margin-bottom: 27px; }
.economics-social-icon { float: right; margin-top: 8px; }
.economics-social-icon ul li { display: inline-block; margin-right: 9px; }
.economics-social-icon ul li:last-child { margin-right: 0; }
.economics-social-icon ul li a { color: #828282; font-size: 17px; transition: all 0.5s ease-in-out; }
.economics-social-icon ul li a:hover { color: #404040; }
.Deconstructing-img { margin-bottom: 18px; }
.Deconstructing-img img { margin-bottom: 41px; }
.Deconstructing-img span { font-family: 'Lora', sans-serif; font-size: 24px; }
.journey-throughlent figure { float: right; }
.journey-throughlent p { margin-bottom: 20px; }
.journey-throughlent { margin-bottom: 42px; }
.journey-throughlent-content { width: 60%; float: left; }
.journey-throughlent-img { width: 37%; float: right; }
.journey-throughlent strong { color: #373737; font-size: 22px; font-style: italic; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 16px; display: inline-block; line-height: 1; }
.david-james { margin-bottom: 14px; clear:both; }
.david-james-lft { width: 54%; display: inline-block; }
.david-james-lft figure figcaption { display: inline-block; vertical-align: top; }
.david-james-lft figure figcaption h5 { margin-bottom: 0; text-transform: uppercase; margin-bottom: 6px; }
.david-james-lft figure figcaption p { font-size: 13px; font-family: 'Lora', sans-serif; color: #404040; margin-bottom: 0; }
a.mail { color: #a40200; font-size: 13px; font-family: 'Lora', sans-serif; text-decoration: underline; font-weight: 400; }
.david-james-rt { display: inline-block; width: 37%; vertical-align: top; }
.david-james-rt h5 { margin-bottom: 1px; text-transform: uppercase; }
.david-james-rt p { color: #a40200; font-size: 12px; text-decoration: underline; line-height: 1.2; letter-spacing: 0.2px; }
.comment {margin-bottom: 36px; padding: 0;}
.comment .main-title h4 { background: #a40200; }
.comment .main-title { border-bottom: 3px solid #a40200; margin-bottom: 33px; }

input[type="text"] {border: 2px solid #ededed;display: block;width: 100%;padding:15px 0 11px 17px;box-sizing: border-box; margin-bottom:11px; font-family: 'Lora', sans-serif; font-weight: 400; color: #393939; font-size: 16px;}
 textarea {width:100%; float: right; box-sizing: border-box; padding: 15px; height: 102px; border: 2px solid #ededed; font-family: 'Lora', sans-serif; font-weight: 400; color: #393939; font-size: 16px;}

.input-left {width:41%;display: inline-block;box-sizing: border-box;}
.textarea-rt {display: inline-block;box-sizing: border-box;width:57%;float: right;}
.submit-wrap {border: 1px solid #464646;display: inline-block;background: #fff;}
input[type="submit"] { background: none; padding: 8px 16px;  font-size: 13px;  font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;}
input[type="submit"]:hover {color: #fff;}
input::-webkit-input-placeholder {color:#393939;}
input:-moz-placeholder {color:#393939;}
input.textbox:-ms-input-placeholder {color:#393939;}
input.textbox:-ms-input-placeholder {color:#393939;}
textarea::-webkit-input-placeholder {color:#393939;}
textarea:-moz-placeholder {color:#393939;}
textarea.texareabox:-ms-input-placeholder {color:#393939;}
textarea.texareabox:-ms-input-placeholder {color:#393939;}
.captcha-box{margin-bottom:20px;}
.captcha-img{width:150px;height:75px;line-height:75px;border:thin solid black;font-size:20px;font-weight:bold;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float:left;}
.captcha-refresh{width:50;height:25px;float:left;display:block;cursor:pointer}
input.submit-button:hover {background: #282828;}
.submit-button-back{background: #505050;transition: all 0.5s ease-out 0s; font-size: 20px;height:50px;position:relative;width:100%;z-index:11;}
.submit-wrap span{position:absolute;top:9px;left:55px;color:#fff;z-index:15;font-size:24px;}
.password-forgot { max-width: 500px; margin: 0 auto; width: 100%; padding-top: 23px }
.password-forgot a { color: #0095d6; display: inline-block; font-size: 15px; font-weight: 600; margin-top: -3px; float:right; }
.password-forgot a:hover, .password-forgot a:focus { color: #8cc152; }
.password-forgot label { color: #444444; cursor: pointer; font-size: 15px; sans-serif; font-weight: 600; }
.successmsg { color: #4ba82e;  font-weight: 600; font-size: 15px; font-weight: normal; margin-top: 8px; display: none;}
.felment-wrap{position:relative;}
input.textbox.error,.texarea.error { background: url("../images/input_arrow_fail.png") no-repeat scroll right center #ffffff; border: 2px solid #ff0000;border:2px solid red;transition:border 0.3s }
input.valid {background:url("../images/input_arrow_success.png") no-repeat scroll right center #ffffff}
.successmsg { color: #393939;  font-size: 16px; font-weight: normal; margin-top: 8px; display: none; font-family: 'Lora', sans-serif;font-weight: 400; text-align: center;}
div.error{color:#404040;margin-top:0px;font-size:13px;}



.similar-articles { margin: 0; }
.similar-articles .main-title h4 { background: #a40200; }
.similar-articles .main-title { border-bottom: 3px solid #a40200; margin-bottom: 12px; }
.similar-articles-blog { max-width: 815px; width: 100%; margin: 0 auto; }
.similar-articles-lft { width: 43%; display: inline-block; }
.similar-articles-rt { width: 43%; display: inline-block; float: right; }
.name ul li.similar-title { color: #a40200; }
/*----------------Article section styles ends here-------*/


/*Custom colours - ES did not want, go with designer colours (repeated) */
/*
.title-reviews span {background: #ea1cac;}
.title-contributors span {background: #eaac1c;}
.title-information span {background: #a6dc26;}
.title-media span {background: #a626dc;}
.title-religion span {background: #8ee81c;}
.title-environment span {background: #8e1ce8;}
.title-creative span {background: #02a400;}
.title-cartoon span {background: #0200a4;}
.title-podcast span {background: #888888;}

.reviews-title h4 { background: #ea1cac !important; }
.reviews-title { border-bottom: 3px solid #ea1cac !important; }
.contributors-title h4 { background: #eaac1c !important; }
.contributors-title { border-bottom: 3px solid #eaac1c !important; }
.information-title h4 { background: #a6dc26 !important; }
.information-title { border-bottom: 3px solid #a6dc26 !important; }
.media-title h4 { background: #a626dc !important; }
.media-title { border-bottom: 3px solid #a626dc !important; }
.religion-title h4 { background: #8ee81c !important; }
.religion-title { border-bottom: 3px solid #8ee81c !important; }
.environment-title h4 { background: #8e1ce8 !important; }
.environment-title { border-bottom: 3px solid #8e1ce8 !important; }
.creative-title h4 { background: #02a400 !important; }
.creative-title { border-bottom: 3px solid #02a400 !important; }
.cartoon-title h4 { background: #0200a4 !important; }
.cartoon-title { border-bottom: 3px solid #0200a4 !important; }
.podcast-title h4 { background: #888888 !important; }
.podcast-title { border-bottom: 3px solid #888888 !important; }
.international-title h4 { background: #1cadec !important; }
.international-title { border-bottom: 3px solid #1cadec !important; }
.economics-title h4 { background: #6dac26 !important; }
.economics-title { border-bottom: 3px solid #6dac26 !important; }
.education-title h4 { background: #ea901c !important; }
.education-title { border-bottom: 3px solid #ea901c !important; }
*/

/* repeating these 4 colours only (provided by designers)

    #6dac26
    #e88e1c
    #1cacea
    #a40200
*/
/* Grouping:  
    .title-media.title-arts-and-culture
    .title-contributors .title-religion
    .title-cartoon .title-information
    .title-environment .title-podcast
    */

.media .main-title h4, .arts-and-culture .main-title h4 { color: #fff; background: #6dac26; padding: 8px 20px 5px 18px; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 0; }
.media .main-title, .arts-and-culture .main-title { border-bottom: 3px solid #6dac26; margin-bottom: 22px; }
.contributors .main-title h4, .religion .main-title h4 { color: #fff; background: #e88e1c; padding: 8px 20px 5px 18px; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 0; }
.contributors .main-title, .religion .main-title { border-bottom: 3px solid #e88e1c; margin-bottom: 22px; }
.cartoon .main-title h4, .information .main-title h4, .podcast .main-title h4, .international .main-title h4 { color: #fff; background: #1cacea; padding: 8px 20px 5px 18px; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 0; }
.cartoon .main-title, .information .main-title, .international .main-title { border-bottom: 3px solid #1cacea; margin-bottom: 22px; }
.podcast .main-title h4, .environment .main-title h4 { color: #fff; background: #a40200; padding: 8px 20px 5px 18px; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 0; }
.podcast .main-title, .environment .main-title { border-bottom: 3px solid #a40200; margin-bottom: 22px; }

.media-title h4, .media-title h4 { background: #ea901c !important; }
.media-title, .media-title { border-bottom: 3px solid #ea901c !important; }
.contributors-title h4, .religion-title h4 { background: #ea901c !important; }
.contributors-title, .religion-title { border-bottom: 3px solid #ea901c !important; }
.cartoon-title h4,.information-title h4 { background: #ea901c !important; }
.cartoon-title, .information-title { border-bottom: 3px solid #ea901c !important; }
.podcast-title h4,.environment-title h4 { background: #a40200 !important; }
.podcast-title, .environment-title { border-bottom: 3px solid #a40200 !important; }

.title-media span,  .title-arts-and-culture span {background: #6dac26;}
.title-contributors span,  .title-religion span {background: #e88e1c;}
.title-cartoon span,  .title-information span {background: #1cacea;}
.title-podcast span,  .title-environment span {background: #a40200;}
    

.name ul li.media, .name ul li.arts-and-culture, .media a:not(.btn-custom), .arts-and-culture a:not(.btn-custom) { color: #6dac26; }
.name ul li.contributors, .name ul li.religion, .contributors a:not(.btn-custom), .religion a:not(.btn-custom)  { color: #e88e1c; }
.name ul li.cartoon, .name ul li.information, .cartoon a:not(.btn-custom), .information a:not(.btn-custom)  { color: #1cacea; }
.name ul li.podcast, .name ul li.environment, .podcast a:not(.btn-custom), .environment a:not(.btn-custom)  { color: #a40200; }


/*-----------search result section styles goes here-----------*/
.latest-articles .panorama-banner { margin: 25px 0 22px; }
.title-australia span { background: #a40200; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 10px; color: #fff; text-transform: uppercase; padding: 3px 10px; border-radius: 2px; display: inline-block; }
.title-australia { margin-bottom: 13px; }
.name ul li.australia { color: #a40200; }
.pagination span { display: inline-block; color: #181818; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.pagination ul { display: inline-block; margin-bottom: 10px; }
.pagination ul li { display: inline-block; margin-left: 7px; }
.pagination ul li a { color: #a40200; font-size: 13px; text-decoration: underline; font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.pagination { margin-top: 42px; }
.pagination ul li a:hover { color: #181818; text-decoration: none; }
.pagination p { color: #181818; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 16px; }
.latest-articles .Donate { width: 100%; margin-bottom: 24px; }
.latest-articles .Donate a.btn-custom { margin-bottom: 0; }
/*----------------search result section styles ends here-------*/




/*----------------footer section  styles goes here-----------*/
#footer-main { background: #181818; padding: 24px 0; }
.footer-blog { display: inline-block; vertical-align: top; width: 24.5%; }
.footer-blog h3 { color: #cb1917; text-transform: uppercase; }
.footer-blog ul li { margin-bottom: 8px; }
.footer-blog ul { margin-bottom: 38PX; }
.footer-blog ul li a { color: #fff; font-family: 'Lora', sans-serif; font-weight: 400; font-size: 16px; }
.footer-blog ul li a:hover { color: #cb1917; }
.footer-blog p { color: #fff; line-height: 1.2; }
.footer-blog a.btn-custom { margin-bottom: 6px; border: 1px solid #fff; padding: 9px 17px; display: inline-block; color: #fff; font-size: 13px; }
.footer-social-icon { display: inline-block; }
.footer-social-icon ul { display: inline-block; }
.footer-social-icon ul li { display: inline-block; }
.footer-social-icon ul li a { color: #696969; font-size: 17px; margin-right: 8px; }
.footer-blog-subscribe { width: 24.5%; display: inline-block; }
.footer-blog-subscribe h3 { color: #cb1917; text-transform: uppercase; }
.footer-blog-subscribe p { color: #fff; line-height: 1.2; }
.footer-blog-subscribe a.btn-custom { margin-bottom: 6px; border: 1px solid #fff; padding: 9px 17px; display: inline-block; color: #fff; font-size: 13px; }
.footer-blog-subscribe a.btn-custom:hover { background: #404040; color: #fff; border: 1px solid #404040; }
.footer-blog-res { display: none; }
.footer-blog-res h3 { color: #cb1917; text-transform: uppercase; }
.footer-blog-res p { color: #fff; line-height: 1.2; }
.footer-blog-res a.btn-custom { margin-bottom: 6px; border: 1px solid #fff; padding: 9px 17px; display: inline-block; color: #fff; font-size: 13px; }
a.envelope { display: none; }
.copy-right { display: inline-block; float: right; }
.copy-right p { color: #fff; margin: 0; display: inline-block; font-size: 12px; font-family: 'Lora', sans-serif; font-weight: 400; }
/*----------------footer section styles ends here--------*/


.islandAd300x250 {
	width:300px;
	height:250px;
	display:block;
	/*float:right;*/
    margin: 0 auto ;
    padding: 10px 15px;
}

@media (min-width:728px) {
    .islandAd300x250 {
        float: left;
        margin-right:10px;
    }
    .clsDonate {display:none;}
}

@media (max-width:728px) {
    img {
        margin: 0 0 10px 0 !important;
    }

    .clsDonate {display:block;}
    .featured-writers { display:none;}
}


.BannerAd {
	display:block;
	/*float:right;*/
    margin: 0 auto ;
    padding: 5px;
    text-align: center;
}

.BannerAdArticle{
    margin-bottom:15px;
}


.centerText { text-align:center;}
.advert {text-align:center; display:block;padding:10px;}


li.has-children:not(:last-child) {
    margin-right: 37px !important;
}

a[id$=hypSection] { color:white; }

/*
.homeThumbnail:hover {
    position:relative;
    width:auto;
    height:auto;
    display:block;
    z-index:999;
    max-width:inherit;
}
*/
.homeThumbnail
{
    max-width:463px;
}
/*
.adFix {
    overflow: hidden;
    position: relative;
}

.Donate{
        height: 100%;
    position: absolute;
}

*/

.tranBack {
    padding: 15px;
    background: rgba(54, 25, 25, .4);
}


.imgLimit
{
    max-height:600px; 
    max-width: 600px;
    width:auto;
    height: auto;


}

@media (max-width:728px) {
    .imgLimit {
        max-height: 400px;
        max-width: 100%;
        width: auto;
        height: auto;
    }
	
	.bradcumb { display:none;}

    .header-logo img {
        max-width: 300px;
    }
}

.cssRight {
    float:right; width:50%;
}

.cssLeft{
    float:left; width:50%;
}

.sliderHeading {
    cursor:pointer;
}

.main-title h4 a{
    color:white !important;
}

.sticky
{
    position: fixed;
    top: 0;
    width:100%;
    padding: 5px 0 !important;
    box-shadow: 0px 2px 20px rgba(0,0,0,.5);
    z-index:10;
}

.socialLinks {
text-align:right;}

.socialLinks a {   color: black; font-size: 20px; }
.donate-blue {
    background-color: #6fad26;
    color: white;
    padding: 10px;
}
.donate-blue p { color: white; }

.donate-blue a.btn-custom {
    border: 1px solid #ffffff;
    text-transform: uppercase;
    padding: 8px 16px;
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


@media print {
    .trending-on-eureka { display: none; }
    footer { display: none; }
    .comment { display: none; }
    .similar-articles { display: none; }
    .david-james { display: none; }
    .socialLinks { display: none; }
    span[id$=litComments] { display: none; }
    .main-title { display: none; }
    .bradcumb { text-align: left; padding-bottom:5px;}
    .topicTags   { display: none; }
    .islandAd300x250 { display: none; }
    .BannerAdArticle img { display:none}
    #header-main { padding: 0px; }
    .main { height: 60px;}
    a.header-logo img { display:none;}
    .header-rt { display: none; }
    .main:not(.cf) {
        display: inline-block;
        content: url(/images/printer-logo.png);
        clear: both;
        position:relative;
        display:block;
        /*background-image: url(/images/printer-logo.png);
        background-repeat: no-repeat;
        background-position: left;*/
        padding-top: 10px;
    }
    #header-main { background: inherit;}
    .economics-content { max-width: 100%; margin: 0; }
    .stick { display:none;}
}


/*----------------trending on eureka section styles ends here-------*/
ol.esTrending { -webkit-padding-start: 0px; margin: 10px 0 0 0; }

ol.esTrending li {
    color: black;
    line-height: 1.8em;
    padding: 5px 0px 5px 40px;
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: center left;
}

ol.esTrending li:not(:last-child) { border-bottom: 1px solid #BE2F37; }
ol.esTrending li:nth-child(1) { background-image: url(/images/1.png); }
ol.esTrending li:nth-child(2) { background-image: url(/images/2.png); }
ol.esTrending li:nth-child(3) { background-image: url(/images/3.png); }
ol.esTrending li:nth-child(4) { background-image: url(/images/4.png); }
ol.esTrending li:nth-child(5) { background-image: url(/images/5.png); }

ol.esTrending li a {
    color: black;
    font-weight: bold;
}
.spnAuthorTrending { font-size:.9em; }
.spnAuthorTrending a { font-weight:normal !important;}

.trending-on-eureka {
    margin-bottom: 17px;
}
.trending-on-eureka .main-title { margin-bottom: 0px; }
.trending-on-eureka .main-title h4 { color: #a40200; font-size: 1.3em; background-color: transparent; padding:8px 0; margin-bottom:0px}
.trending-on-eureka-title span { color: #fff; font-size: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding: 3px 9px; display: inline-block; border-radius: 2px; }
.trending-on-eureka-title { width: 32%; display: inline-block; margin-right: 1.6%; vertical-align: top; }
.trending-on-eureka-title:last-child { margin-right: 0; }
.trending-on-eureka-title ol li { font-family: 'Lora', sans-serif; font-size: 15px; color: #a40200; padding-left: 15px; line-height: 1.2; font-style: normal; padding: 0; font-weight: 400; padding-left: 20px; display: block; }
ol li { display: list-item; list-style-type: decimal; }
ol { margin: 12px 0; text-align: -webkit-match-parent; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 15px; -o-margin-before: 1em; -o-margin-after: 1em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 15px; -moz-margin-before: 1em; -moz-margin-after: 1em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 15px; }
.trending-on-eureka-title ol li { color: #464646;}
/*----------------trending on eureka section styles ends here-------*/


.clsNewsletterSignup {
    text-align: center;
    padding-top: 7px !important;
    display: none;
    max-width: 500px;
}

.clsNewsletterSignup input[type="text"] {
    padding: 6px;
    width: 100%;
}

.clsNewsletterSignup .btn-custom {
    padding: 8px 16px 7px 16px;
    border: 1px solid black;
    margin-left: 10px;
}

.clsBtnNewsletterSignup:hover {
    background-color: black;
    color: white;
}

.social-icon2 {
    position: absolute;
    right: 70px;
    top: 42px;
}


@media (min-width:1130px) {
    .clsNewsletterTxt { display: inline-block; }
    .social-icon .fa-envelope { display: none; }
}

@media (max-width:1130px) {
    .clsNewsletterTxt { display: none; }
    .social-icon .fa-envelope { display: inline-block; }
}

@media (min-width:1040px) {
    .social-icon2 { display: none !important; }
}

@media (max-width:1040px) { 
    .social-icon2 { display: inline-block !important; }
}

.clsNewsletterRight { width:90px; float:right;padding-top: 1px; }
.clsNewsletterLeft { width:auto;overflow:hidden; position:relative;}


div.privacyOverlay {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    margin: 10px;
    border: 3px solid black;
    background-color: #a20301;
    color: white;
    box-shadow: 0px 2px 20px rgba(0,0,0,.5);
    z-index: 10;
    display: none;
}

    div.privacyOverlay p    { color: white; }
    div.privacyOverlay a.btn-custom {
        float: right;
        color: white;
        border: 1px solid #fff;
    }

.clsNewsletterVal {
    right: 12px;
    float: right;
    z-index: 1;
    position: absolute;
    top: 12px;
}


.trending-on-eureka .main-title {
    border-bottom: 3px solid #a20301;
}

.economics-content ol.esTrending {
    margin: 0;
}
    

span[id$="lblBody"] h4 {     overflow: hidden; }
    

.BannerAdArticle img,
span[id$="MainContent_advertisement_litAd"] img {
    max-width: 980px;
    width: 100%;
    height: auto;
}

.clsReply {
    border: 1px black solid;
    padding: 4px 8px !important;
}

.clsToggleResponses {
  /*  border: 1px black solid;*/
    padding: 4px 8px !important;
    color: black;
    cursor: pointer;
}

.clsToggle{
    display:none;
}


.clsExistingComments p {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
}

footer.clsUATfooter {
    position: fixed;
    height: 15px;
    bottom: 0;
    width: 100%;
    z-index: 2000;
    color: black;
    font-weight: bold;
    background-color: lightgreen;
    text-align: center;
    padding: 5px;
}



.siteWideMessage {
    color: white;
    text-align: center;
    background-color: black;
}
.clsTier1 { padding-bottom: 20px;padding-top: 10px;}
.clsTier2 { padding-left:30px; padding-bottom:20px;padding-top: 10px;}
.clsTier3 { padding-left:60px; padding-bottom:20px;padding-top: 10px;}
.clsTier4 { padding-left:90px; padding-bottom:20px;padding-top: 10px;}


/* Loading box of width=height=100px with a spinner placed at the center */
#AjaxAnimation {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: url(/images/ajax-loader.gif) no-repeat center #fff;
    text-align: center;
    padding: 10px;
    font: normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    border: solid 2px #9F0200;
    z-index: 2;
    overflow: auto;
    opacity: 1 !important;
}

@media (max-width:320px) {
    a.header-logo img {
        width: 160px !important;
    }
}