/* ==========================================================================
   Base
   ========================================================================== */


body {
    /*added top remove space at top*/
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding: 0px;
    overflow-x: hidden;
    background: #fff;
    
    /*base font size*/
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
  }
  
  
.wrap{
    background: #container;
    position: relative;
    margin-top: 30px;
}




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


p, a, li, input, label, textarea, select, blockquote, .searchbox, h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; 
    color: #333;
    font-size: 0.875em;
    line-height: 1.7em;
}

h1{
    font-size: 2.500em;
    font-weight: 300;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 6px;
}

h2{
    font-size: 2.500em;
    font-weight: 600;
    line-height: 1.4em;
}

h3{
    font-size: 1.125em;
    font-weight: 600; 
}

  
a{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  color: #2294b8;
  font-size: 1em;
}

a:hover{
  text-decoration: none;
  color: #f7971e;
}

.page-header{
    margin-top: 0px;
    border-bottom: 1px solid #d6d6d6;
}

blockquote, blockquote p{
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
}

blockquote{
    border-left: 4px solid #1c48b1;
    background: #e9e9e9;
    padding: 40px;
}


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

.banner{
    /*background: #1c48b1;*/
    background: #010101;
    display: block !important;
    position: relative;
    border: none;
    margin: 0;
  }
  
.banner .container{
    position: relative;
    /*background: #1c48b1;*/
    background: #010101;
    overflow: visible;
    padding-bottom: 40px;
}

.brand{
    overflow: hidden;
    text-indent: -1000px;
    /*height: 122px;
    background: url(../img/logo-mobile.gif) no-repeat center;*/
    margin: 0 0 10px 0 !important;
    background: url(../img/sen-logo-2014.jpg) no-repeat left;
    height: 146px;
    width: 100%;
    display: block;   
}

.navbar-toggle{
    border-radius: 0px;
    border: none;
    background: #f7971e url(../img/mobile-menu.gif) no-repeat center !important;
    height: 50px;
    width: 60px;
    margin: 0px;
}

.navbar-header{
    min-height: 50px;
    /*background: #1c48b1;*/
    background: #010101;
}

#menu-primary-navigation{
    margin: 0px;
    /*background: #1c48b1;*/
    background: #010101;
}

.navbar-collapse{
    border: none;
}


.banner #searchform{
    width: 300px;
    margin: 0 auto;
}


.navbar-collapse{
    padding: 0px;
    margin-top: 0px;
}


#menu-primary-navigation li a{
    color: #fff !important;
    text-shadow: none;
    border-radius: 0px;
    font-size: 1em;
}

#menu-primary-navigation li.active a{
    background: #f7971e;
}

#menu-primary-navigation li:hover a{
    background: #f7971e;
}

#menu-primary-navigation li.active:hover a{
    background: #f7971e;
}

.main-nav a{color: #fff !important;}

.btn-subscribe{position: absolute; left: 60px; top: 10px; }

/* =============================================================================
   Blog
   ========================================================================== */

.entry-title a{
    color: #333;
    font-size: 0.5em;
    font-weight: 600;
    line-height: 0.5em;
}

.entry-title{
    line-height: 0.6em;
}

.published{
    color: #f7971e;
    font-size: 0.8em;
    margin-bottom: 14px;
    display: block;
    }

article{
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

article:last-child{
    border-bottom: none;
}


.image_large{
    display: none;
}

h1.entry-title{
        line-height: 40px !important;
}

.entry_image img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.entry_image{
    margin-bottom: 20px;
    width: 100%;
    display: block;
    height: auto;
}




/* ==========================================================================
   Forms
   ========================================================================== */

input[type="text"], input[type="email"], select, textarea{
    border: 1px solid #cccccc;
    padding: 6px;
}


input[type="text"]:focus, textarea:focus{
    -webkit-box-shadow:  0px 0px 4px 4px rgba(0, 0, 0, 0.1);
     box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.05);
     border: 1px solid #cccccc;
}

.main input[type="text"], input[type="email"], .main select, .main input[type="url"]{
    width: 60%;
}

.main textarea{
    width: 90%;
}


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


.footer-contain{
    width: 100%;
    background: #fff;
    border-top: 1px solid #d6d6d6;
    padding-top: 40px;
}

.footerdesc{
    padding-bottom: 30px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 10px;
}

    
    
    
.brandfoot{
    overflow: hidden;
    text-indent: -1000px;
    height: 40px;
    width: 297px;
    /*background: url(../img/footer-logo.gif) no-repeat center;*/
    display: block;
    float:left;
}

nav.footernav ul{
    list-style-type: none;
}

nav.footernav ul li{
    float: left; display: inline;
}

nav.footernav ul li a{
    color: #f7971e !important;
}

.footer-logos img{max-width: 100%; width: auto; display: block;}


/* ==========================================================================
   Helper classes
  ========================================================================== */

.bread{
    background: #313131;
    color: #fff;
    height: 40px;
    width: 100%;
    margin: 0 0 40px 0;
    line-height: 36px;
    display: none;
}

.bread a{
    font-size: 0.8em;
    color: #f7971e;
}


/* ==========================================================================
   Helper classes
  ========================================================================== */


.clear{
    height: 1px;
    clear: both;
}

.wp-caption{
    border: 0px !important;
}

/* ==========================================================================
   Reusable elements
   ========================================================================== */



/*color coded nav*/
.menu-home{border-top: 4px solid #05cafe;}
.menu-news{border-top: 4px solid #ebe106;}
.menu-jobs{border-top: 4px solid #fb9701;}
.menu-events{border-top: 4px solid #4a8e1f;}
.menu-policy-platform{border-top: 4px solid #a91628;}
.menu-business-profile{border-top: 4px solid #05cafe;}
.menu-about{border-top: 4px solid #ebe106;}
.menu-contact-us{border-top: 4px solid #fb9701;}
.menu-advertise{border-top: 4px solid #4a8e1f;}
.menu-tenders{border-top: 4px solid #a91628;}
.menu-european-news{border-top: 4px solid #05cafe;}
.menu-occasional{border-top: 4px solid #ebe106;}

#menu-footer-menu li
{border-top: 0px;}



/*basic button transitions on hover added*/
.btn, input[type="submit"]{
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    color: #fff;
    background: #313131;
    border: none;
}

.btn:hover, input[type="submit"]:hover{
    color: #fff;
    background: #f7971e;
}

.btn-gold{background: #f7971c;}
.btn-gold:hover{background: #ce7e18;}
.btn-blue{background: #1b4da2;}
.btn-blue:hover{background: #133878;}
.btn-blue-brand{background: #05caff;}
.btn-blue-brand:hover{background: #268fab;}
.btn-purp{background: #7b3492;}
.btn-purp:hover{background: #5a1e6e;}


#s{
    border: 1px solid #a2a0a0;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    padding: 8px 20px 8px 8px;
}

#searchsubmit{
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    padding: 9px 20px;
    margin: -1px 0 0 -5px;
}

hr{
    border-top: 1px solid #d6d6d6;
}

ul.page_lists{
    background: #fff;
    margin: 0 0 20px 0;
    padding: 20px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none;
}

ul.page_lists span{
    font-weight: 600;
}

ul.page_lists li{
    border-bottom: 1px solid #d6d6d6;
    padding: 6px 0;
}

ul.page_lists li:last-child{
    border-bottom: none;
}


.btn img{
    display: none !important;
}

.alignleft{
    margin-right: 20px;
    margin-bottom: 20px;
}

.alignright{
    margin-left: 20px;
    margin-bottom: 20px;
}


.twitter{
    background: url(../img/tweet.gif) no-repeat center;
    width: 30px;
    height: 30px;
    text-indent: -1000px;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 10px;
}



.adverts{
   position: relative;
   top: 10px;
   }


.innerboxes{
    padding: 0px 10px 15px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==========================================================================
   Content
   ========================================================================== */

.content_box{
    margin-bottom: 30px;
}

.content_box h3{
    background: #272727;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}

.content_box h3 img{
    float: right;
}

.content_box h3 i{
    color: #fff;
}

.content_box .content{
     background: #e9e9e9;
}


.content_box ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.content_box ul li{
    border-bottom: 1px solid #d6d6d6;
    
}

.content_box ul li a{
    padding: 10px 70px 10px 20px;
    display: inline-block;
    width: 100%;
    color: #333;
    position: relative;
}

.content_box p{
    padding: 10px 20px 20px 20px;
    width: 100%;
}

.content_box ul li:last-child{
    border-bottom: none;
}

.content_box .meta .published{
    margin-bottom: 0px;
    float: right;
    padding: 0 4px;
    background: #f7971c;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
}

.platform-feed p{padding-top: 0px;}
.platform-feed p a{padding-left: 0px !important;}

/* ==========================================================================
   Events
   ========================================================================== */

.tribe-events-page-title, h2.tribe-events-single-event-title{ 
    font-size: 2.500em !important;
    font-weight: 300 !important;
    line-height: 1em !important;
    margin-top: 0px !important;
    margin-bottom: 6px !important;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 20px !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}


.tribe-bar-disabled{
    display: none !important;
}

.tribe-events-loop, .hfeed, .vcalendar{
    width: 100% !important;
    margin: 0px !important;
    max-width: 100% !important;
}

.events_large{
    float: left !important;
}


#header{
    display: none !important;
}

.tribe-events-list-event-description{
    margin-top: 20px !important;
}

.list_event_style{
     border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}


.tribe-events-list-event-title a{
    color: #333 !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    line-height: 0.5em !important;
}

.tribe-events-list-event-title{
    line-height: 0.6em !important;
}

.list_event_style .tribe-events-event-meta{
    margin-top: 0px  !important;
    position: relative !important;
    top: -10px !important;
}

.list_event_style .date-start{
    font-weight: 400 !important;
    font-size: 1.3em !important;
    display: block;
}

.list_event_style .published{
    margin-bottom: 5px !important;
    display: block;
}

#tribe-events-footer{
    border-top: none !important;
}

.tribe-events-list-separator-month span{
    float: left !important;
    padding-left: 0px !important;
    position: relative !important;
    left: -10px !important;
    top: -30px !important;
    background: none !important;
}

.tribe-events-list-separator-month{
    margin-top: 70px !important;
    border-bottom: 1px solid #eeeeee !important;
}

#tribe-events-pg-template{
    width: 1000px !important;
    background: red;
}


#footer{
    display: none;
}

#page{
    border-bottom: none !important;
}

#page hr{
    display: none;
}


.eventdate{
    display: block;
    font-size: 0.8em;
    color: #f7971e;
}

/* ==========================================================================
   Adverts
   ========================================================================== */

.adverts{
    margin-top: -10px;
}

.advert{
    display: block !important;
    float: left !important;
    width: 165px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.advert img{
    max-width: 165px;
    width: 100%;
}

.adverts p{
    margin: 0px;
    padding: 0px;
    } 


.flex-direction-nav{
    position: absolute;
    width: 100%;
    top: 50% !important;
    margin-top: -20px;
    }
    
/*.flex-direction-nav li{
    width: 50px !important;
    height: 40px !important; 
}*/

.flex-direction-nav .flex-prev{
    width: 50px !important;
    height: 40px !important;
    position: absolute;
    left: 0px;
    }
    
.flex-direction-nav .flex-next{
    width: 50px !important;
    height: 40px !important;
    position: absolute;
    right: 0px;
    text-indent: -2000px !important;
    overflow: hidden !important;
    }
    
    
/* ==========================================================================
   New news layout
   ========================================================================== */

.newslayout_new_right{
    width: 165px;
    height: 100px;
    float: right;
    }
    
.newslayout_new_left{ 
    width: -moz-calc(100% - 195px);
    width: -webkit-calc(100% - 195px);
    width: -o-calc(100% - 195px);
    width: calc(100% - 195px);
    float: left;
    }








/* ==========================================================================
   Content
   ========================================================================== */

.content { }



/* ==========================================================================
   Primary Content
   ========================================================================== */

.main { }



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

.sidebar { }

aside{
    margin-top: 30px;
}



/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



.flexslider {background: none !important; border-radius: 0px !important; height: auto;}
.flexslider li a{padding: 0px !important; background: none !important; height: auto;}
.flexslider li{border: none !important; background: none !important;  height: auto;}
/*.home_ads{margin-bottom: 20px;}*/
.home_ads img{display: block; width: auto; height: auto; max-width: 100%;}
.home_ads{padding: 0px; margin: 0px;}
.home_ads p{padding: 0px; margin: 0px; width: 100%;}
.home_ads img{width: 100%;}
.flex-next, .flex-prev{background: #fff !important; }



/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



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

@media (max-width: 767px){
/*color coded nav*/
#menu-primary-navigation li{border-top: 0px;}
}



@media (min-width: 468px){
    
    article .wp-post-image{
    float: left;
    }
    
    .entry-summary, .title_listings .entry-title, .title_listings .published{
        margin-left: 178px;
    }
    
    .platfrom-article .entry-summary, .platfrom-article .title_listings .entry-title, .platfrom-article .title_listings .published{
        margin-left: 0px;
    }
    
    .profile-article .entry-summary, .profile-article .title_listings .entry-title, .profile-article .title_listings .published{
        margin-left: 0px;
    }
    
    
    
    .image_large{
        display: inline;
    }
    
    .image_mobile{
        display: none;
    }
    
    .tribe-events-list-event-description{
        margin-left: 0px !important;
        max-width: 58% !important;
        float: left !important;
        margin-left: 20px !important;
        margin-top: 0px  !important;
}
}



@media (min-width: 530px){ 
    .tribe-events-list-event-description{ 
        max-width: 64% !important;
        position: relative !important;
        left: 10px !important;
}
}


@media (min-width: 636px){ 
    .tribe-events-list-event-description{ 
        max-width: 70% !important;
        left: 15px !important;
}
}




@media (min-width: 767px){
.brand{
        margin: 20px 0 10px -15px !important;
        display: inline;
        float: left;
        /*background: url(../img/logo-mid.gif) no-repeat left; height: 71px;*/
        width: 429px;
        
        height: 146px;
}
 
     .navbar-collapse{
        display: block;
        float: left;
        width: 100%;
     }
     
     
    .banner #searchform{
        text-align: right;
        float: right;
        margin: 30px 0 0 0;
        width: 250px;
    }
    
    #s{
        padding: 8px;
        width: 160px;
    }
    
    
    
    .navbg{
       position: absolute;
       left: 0px;
       width: 100%;
       height: 54px;
       background: #313131;
       display: block;
       bottom: 0px;
       z-index: -1;
    }
    
    #menu-primary-navigation{
        background: #313131;
        height: 50px;
        margin-top: 10px;
        display: block;
        width: 100%;
        left: 0px;
        top: 0px !important;
        margin-bottom: -16px;
    }
    
    #menu-primary-navigation li, #menu-primary-navigation li a{
        background: #313131;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    
    #menu-primary-navigation li{
        margin-right: 0px;
        line-height: 50px;
        height: 50px;
        /*border-right: 1px solid #000;*/
    }
    
    
    #menu-primary-navigation li a{
        line-height: 50px;
        height: 50px;
        /*padding: 0 20px;
        font-size: 15px;*/
        padding: 0 8px;
        font-size: 14px;
        font-weight: 300;
    }
    
    #menu-primary-navigation li a:hover{
       background: #000;
    }
    
    #menu-primary-navigation li.active a{
       background: #000;
    }
    
    #menu-primary-navigation li.active a:hover{
       background: #000;
    }  
    
    .main{
        float: right;
    }
    
    .sidebar{
        float: left;
    }
    
    aside{
        margin-top: 0px;
    }
    
    .banner .container{
        padding-bottom: 20px;
        background: none;
    }

    
    .brandfoot{
    float:right;
}

.twitter{
    left: 700px;
    top: 100px;
}

.btn-subscribe{
    left: 585px;
    top: 100px;
    width: 150px;
    }

}



@media (min-width: 979px){
    
    
.navbar-collapse{
        display: block;
        float: left;
        width: 600px;
     }
     
.twitter{
    left: 660px;
    top: 34px;
}

.brand{
        width: 563px;
        height: 182px;
        margin: 28px 0 10px -15px !important;
        background: url(../img/sen-logo2014-big.jpg) no-repeat left;
    }



#menu-primary-navigation li a{
        padding: 0 20px;
        font-size: 15px;
}

.btn-subscribe{
    left: 805px;
}

}


@media (min-width: 1200px){
    

     #menu-primary-navigation{
        display: block;
        float: left !important;
        position: relative;
        /*top: 35px;*/
        margin-bottom: 4px;
        right: -40px;
        }
     
    /*.navbar-collapse{    
        float: right;
     }*/
    
    .brand{
        /*background: url(../img/logo.gif) no-repeat left; height: 85px;*/
        /*width: 536px;
        margin: 28px 0 10px -15px !important;
        height: 146px;
        background: url(../img/sen-logo-2014.jpg) no-repeat left;*/
        margin: 0px 0 0px -15px !important;
    }
    
    .banner .container{padding-bottom: 0px !important;}

    
    .tribe-events-list-event-description{
        max-width: 70% !important;
    }
    
    .twitter{
        left: 860px;
        top: 34px;
    }
    
    .btn-subscribe{
        left: 1005px;
    }

    
}


@media (min-width: 767px) and (max-width: 979px){
 .tribe-events-list-event-description{
        margin-left: 0px !important;
        float: right !important;
        max-width: 60% !important;
        left: 0px !important;
}
}







