div.newstop { display: flex; justify-content: space-between; margin-right: 1.41242937853107%; }


div.newstop { display: block;}

div.bignews{  /* float:left;*/   font-size:1em;  color:#FFF; display: flex; flex-direction: column;
    position: relative;}

div.newstop>div { /*width:calc(50% - 12px);*/ margin-bottom: 24px; }


div.bignews p.category { z-index: 98;   }
div.bignews p.category span { background: var(--blue); color: black !important }


div.bignews img {display:block; width:100%; height:auto; margin-bottom:10px;}
div.bignews div { padding:2% 5.98802395209581% 0 5.98802395209581%; position:relative; }

div.bignews p.cattitle { /*background-color:#00ccff;*/  padding:0 5.98802395209581% 0 5.98802395209581%; line-height:2.8; font-family:TGC,sans-serif; font-weight:bold; color:#FFF; font-size:1.8em; margin:0; }
div.bignews p.cattitle span { background-position:left center; background-size:40px auto; background-repeat:no-repeat; display:block; padding-left:50px; }

div.bignews p.opportunities span::before{ background-image:url(../icons-white/opportunities.png); }
div.bignews p.events span::before{background-image:url(../icons-white/events.png); }
div.bignews p.sector-policy span::before{background-image:url(../icons-white/sector-policy.png); }
div.bignews p.portal-news span::before{background-image:url(../icons-white/portal-news.png); }
div.bignews p.portal-events span::before{background-image:url(../icons-white/portal-events.png); }
div.bignews p.guest-blogger span::before{background-image:url(../icons-white/guest-blogger.png); }

div.bignews h3 { color:#00ccff; font-size:2.8em;  }
div.bignews a h3{ color:#00ccff; }
div.bignews a:hover { text-decoration:none !important;}

div.bignews a{ background:#333;  color:#FFF; display: block; flex:1;}
div.bignews a:hover { background:#00ccff; }
div.bignews a:hover *{ color:#000 !important; }

div.bignews a:hover p.bigcattitle span::before {   filter: invert(1);  }


div.bignews { width:48.58757062146893% !important; }

div.bignews div { padding:2% 21% 2.90697674418605%  2.90697674418605%; position:relative; }

div.bignews div .bigcattitle { font-family:TGC,sans-serif; font-weight:bold; position:absolute; top:10% ; right:2.90697674418605%; width:20%; font-size:2em;  }
div.bignews div .bigcattitle span {display:block;    text-align:right; background-repeat:no-repeat;background-size:30% auto;  }

div.bignews div .bigcattitle span::before { display: block; content:""; width:100%; height: 50px; background-position:right top !important; background-repeat:no-repeat;background-size:contain; }

div.bignews p.readarticle { font-family:TGC,sans-serif; font-weight:bold; position:absolute; bottom:1%; left:5.98802395209581%; }
div.bignews p.readarticle {  left:2.90697674418605%; }

div.bignews p.readarticle a{ color:#FFF; }


div.submitnews { background: #edfbff;     border-top: 10px solid var(--blue);  display: flex; flex-direction: column; }
div.submitnews>div { padding: 20px; display: flex; flex-wrap: wrap }
div.submitnews h2 { color: #00CCFF;  width: 100%; }

@media all and (min-width: 501px) {
    div.submitnews > div > div {
        width: calc(50% - 15px);
    }

    div.submitnews > div > div.col1 {
        margin-right: 30px;
    }
}

div.submitnews>p:last-child { margin:auto 0 0; font-size: 2.4em; line-height: 1.25; font-family: "TGC", sans-serif; font-weight: bold;}



div.submitnews a  {    color: var(--blue) }
div.submitnews>p:last-child a  {    color:#000; text-decoration:none !important;  }

div.submitnews>p:last-child a {  background: #00CCFF; display: flex; align-items : center; height: 60px; padding: 10px 20px; }

    div.submitnews>p:last-child a::before { width:40px; min-width:40px; height:40px; margin-right:2px; display: block; content:""; background: url(../icons-white/download.png) no-repeat left center; background-size:40px 40px; filter: invert();
        position: relative; left: -3px; }

div.submitnews>p.link:last-child a::before {   background: url(../icons-white/ext.png) no-repeat left center; background-size:40px 40px;  }

div.submitnews>p:last-child a:hover { background-color: #333; color:white;}
div.submitnews>p:last-child a:hover::before { filter:none;}

.loader {clear:both;}
.loader .nextpage a {background:#cccccc; color:#FFF; display:block; line-height:2; padding-left:1.41242937853107%; margin-right:1.41242937853107%; }
.loader .nextpage a:hover {background:#666; text-decoration:none !important; }

.top-tail { position:absolute; bottom:100%; left:5%; margin:0 !important; width:54px; height:27px;background-size:54px 27px !important; background-repeat:no-repeat; background-position:0 100%; background-image:url(../images/topttail.png);}
.top-tail img{ display:block; width:54px !important; height:27px !important; }

.topttail_dark { background-image:url(../images/topttail_dark.png) !important;   }
.topttail_blue {   background-image:url(../images/topttail_blue.png) !important; }
.topttail_grey {   background-image:url(../images/topttail.png) !important; }
.topttail_green {   background-image:url(../images/topttail_green.png) !important; }


div.bignews a:hover .topttail_dark { background-image:url(../images/topttail_blue.png) !important;}







@media all and (max-width: 500px) {
    div.newstop { display:block; }

    div.bignews{ background:#333; float:left; width:46%; margin:0 4% 4% 0; font-size:1em;  color:#FFF;}

    div.newstop>div,
    div.bignews { width:96% !important; }



    div.bignews h3 { font-size:2em;  }
    div.bignews h3 { color:#00ccff; font-size:2em;  }


    div.bignews div p { font-size:1.5em; display:none; }
    div.bignews div p { font-size:1.5em; display:block; }

    div.bignews section div { padding:2% 30% 2.90697674418605% 2.90697674418605%;  }

    div.bignews div .bigcattitle { font-family:TGC,sans-serif; font-weight:bold; position:absolute; top:1px ; right:2.90697674418605%; width:30%; font-size:1.5em;  }
    div.bignews div .bigcattitle span {display:block; padding-top:38px; background-position:right top !important; text-align:right; background-repeat:no-repeat;background-size:35px auto;  }


    div.bignews p.readarticle { font-size:1.8em;  display:block; position:static; padding-left:5.98802395209581%; }
    div.bignews p.readarticle {   padding-left:2.90697674418605%; }

    div.bignews p.cattitle {  padding:0 5.98802395209581% 0 5.98802395209581%; line-height:2.8; font-size:1.6em; }
    div.bignews p.cattitle span { background-position:left center; background-size:25px auto; background-repeat:no-repeat; display:block; padding-left:28px; }

}