/*
Theme Name: EWA
Theme URI:
Author: Networks-Technology
Author URI: https://networks-technology.com
Description: Theme EWA.
Version: 1.0
*/

/* Fonts */
@import 'https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed';

.message {
    position:fixed;
    top:20%;
    left:10%;
    width:80%;
    background-color:#FFF;
    color:#000;
    padding:1em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* Images */
.size-full {
    width: 100%;
}
.alignright {
    float: right;
    margin-left: 15px;
}
#main figure img {
    margin-bottom: 15px;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-family: 'Roboto', SansSerif;
    background-color:#A0A0A0;
}
p { font-size:14px; }
header, footer {
    background-image: url('img/bg.jpg');
}
footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

article div p iframe { width: 100%;}

/* Content */
#content {
    background-color: #FFF;
    padding-right: 0;
    display: table;
}
#main section {
    margin-top: 15px;
    margin-bottom: 15px;
}
#content > [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
#main article ul li {
    margin: 10px 0;
}
#list {
    padding-right: 15px;
}
#list article {
    border-bottom: 1px solid #2B559F;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
#list article:last-child {
    border-bottom: none;
}

/* Liens */
a {
    color: #2E559E;
}
a:hover, a:focus {
    color: #203A70;
}

/* Icones */
.ico {
    display: block;
    padding-left: 20px;
    margin: 10px 0;
}
.ico-more {
    text-transform: uppercase;
    background: url('img/ico-plus.png') no-repeat left center;
}
.ico-all-news {
    text-transform: uppercase;
    background: url('img/ico-all-news.png') no-repeat left center;
}
.ico-download {
    text-transform: uppercase;
    background: url('img/ico-download.png') no-repeat left center;
}
.ico-view {
    text-transform: uppercase;
    background: url('img/ico-view.png') no-repeat left center;
}
.ico-person {
    background: url('img/ico-person.png') no-repeat left center;
}
.ico-mail {
    background: url('img/ico-mail.png') no-repeat left center;
}
.ico-phone {
    background: url('img/ico-phone.png') no-repeat left center;
}

/* Titres */
h1 {
    text-align: center;
    margin: 0;
}
h2 {
    color: #6E9CEB;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 22px;
    margin: 1em 0;
    padding-bottom: 15px;
    letter-spacing: 1px;
    text-align: center;
    background: url('img/border_title.png') no-repeat center bottom;
}
aside h2 {
    background: url('img/border_title_side.png') no-repeat center bottom;
    text-align: left;
}
h2 .title-news {
    background: url('img/ico-news.png') no-repeat left center;
    padding: 10px 0 5px 35px;
}
h2 .title-informed {
    background: url('img/ico-informed.png') no-repeat left center;
    padding: 10px 0 5px 45px;
}
h2 .title-ewa {
    background: url('img/ico-ewa.png') no-repeat left center;
    padding: 5px 0 5px 27px;
}
h2 .title-whoswho {
    background: url('img/ico-whoswho.png') no-repeat left center;
    padding: 5px 0 5px 33px;
}
h2 .title-member {
    background: url('img/ico-member.png') no-repeat left center;
    padding: 5px 0 5px 38px;
}
h2 .title-agenda {
    background: url('img/ico-calendar.png') no-repeat left center;
    padding: 5px 0 5px 43px;
}
h2 .title-toolbox {
    background: url('img/ico-toolbox.png') no-repeat left center;
    padding: 5px 0 5px 45px;
}
h3 {
    color: #203A70;
    font-size: 16px;
    font-weight: bold;
    padding: 1em 0;
    margin: 0;
}
aside a h3 {
    text-transform: uppercase;
}
h4 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    padding: 1em 0;
    margin: 0;
}
article address {
    font-size: 11px;
    font-weight: bold;
}
time {
    font-size: 16px;
    color: #2E559E;
    font-weight: bold;
    display: block;
    text-transform: capitalize;
}

/* Login */
#login {
    background-color: rgba(222, 222, 222, 0.6);
    padding: 5px 15px;
}
#login .form-group {
    margin-bottom: 5px;
}
#login .btn-xs {
    width: 100%;
    margin-bottom: 5px;
    font-size:10px;
}
#login a {
    font-size:12px;
}
#login .login-remember label { font-weight:normal; font-size:12px; }

/* Menu */
header {
    padding-top: 30px;
}
header .navbar {
    margin: 0 auto;
    padding: 15px;
}
header .nav > li > a {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 5px;
    white-space: nowrap;
}
header .nav > li:hover > a, header .nav > li > a:focus {
    color: #203A70;
    text-decoration: none;
    background-color: transparent;
}
header .nav > li > a > i {
    display: inline-block;
    height: 21px;
    margin-right: 5px;
    vertical-align: bottom;
    width: 23px;
}
header .nav > li > ul {
    display: none;
    padding: 0;
    list-style: none;
    width: 100%;
    border: 1px solid #203A70;
}
header .nav > li:hover > ul {
    display: block;
    position: absolute;
}
header .nav > li > ul > li {
    padding: 5px 10px;
    background-color: #FFF;
}
header .nav > li > ul > li > a {
    padding: 5px 10px;
    color: #203A70;
    text-decoration: none;
}
header .nav > li > ul > li:hover {
    background-color: #203A70;
}
header .nav > li > ul > li:hover > a {
    color: #FFF;
}
#menu-item-320 > a > i {
    background: url('img/home.png') no-repeat center center;

}
#menu-item-320:hover > a > i, #menu-item-320 > a:focus > i {
    background: url('img/home-hover.png') no-repeat center center;
}
#menu-item-321 > a > i {
    background: url('img/about.png') no-repeat center center;
}
#menu-item-321:hover > a > i, #menu-item-321 > a:focus > i {
    background: url('img/about-hover.png') no-repeat center center;
}
#menu-item-346 > a > i {
    background: url('img/welding.png') no-repeat center center;
}
#menu-item-346:hover > a > i, #menu-item-346 > a:focus > i {
    background: url('img/welding-hover.png') no-repeat center center;
}
#menu-item-332 > a > i {
    background: url('img/communication.png') no-repeat center center;
}
#menu-item-332:hover > a > i, #menu-item-332 > a:focus > i {
    background: url('img/communication-hover.png') no-repeat center center;
}
#menu-item-335 > a > i {
    background: url('img/partners.png') no-repeat center center;
}
#menu-item-335:hover > a > i, #menu-item-335 > a:focus > i {
    background: url('img/partners-hover.png') no-repeat center center;
}
#menu-item-338 > a > i {
    background: url('img/promotion.png') no-repeat center center;
}
#menu-item-338:hover > a > i, #menu-item-338 > a:focus > i {
    background: url('img/promotion-hover.png') no-repeat center center;
}
#menu-item-351 > a > i {
    background: url('img/agenda.png') no-repeat center center;
}
#menu-item-351:hover > a > i, #menu-item-351 > a:focus > i {
    background: url('img/agenda-hover.png') no-repeat center center;
}
#menu-item-390 > a > i {
    background: url('img/contact.png') no-repeat center center;
}
#menu-item-390:hover > a > i, #menu-item-390 > a:focus > i {
    background: url('img/contact-hover.png') no-repeat center center;
}

/* Carousel */
.carousel-indicators {
    bottom: 100px;
}
.carousel-indicators li, .carousel-indicators .active {
    background-color: #FFF;
    width: 20px;
    height: 20px;
    border: 1px solid #FFF;
    margin: 1px;
}
.carousel-indicators .active {
    background-color: #203A70;
    width: 20px;
    height: 20px;
    border: 1px solid #FFF;
    margin: 1px;
}
.carousel-caption {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    background-color: #203A70;
}
.carousel-caption h4 {
    padding: 15px 0;
    color: #FFF;
    font-size: 40px;
    font-weight: lighter;
    text-transform: uppercase;
}

/* Home */
#sectors > article > h3 {
    text-align: center;
}
#sectors > .welding-consumables h3 {
    color: #4181BF;
}
#sectors > .flame-equipment h3 {
    color: #800063;
}
#sectors > .electric-arc-equipment h3 {
    color: #B008A3;
}
#sectors > .health-safety h3 {
    color: #04AF9F;
}

/* Sidebar */
#sidebar {
    padding: 15px 30px 30px 30px;
    background-color: #ECECEC;
}
#sidebar section {
    border-bottom: 2px solid #2B559F;
}
#sidebar section:last-child {
    border-bottom: none;
}
#promotion article {
    padding-bottom: 30px;
}
#promotion figure {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#promotion figure img {
    width: 100%;
}
#promotion .caption {
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
}
#promotion > article > h3 {
    text-align: center;
}
#promotion > .welding-consumables h3 {
    color: #4181BF;
}
#promotion > .flame-equipment h3 {
    color: #800063;
}
#promotion > .electric-arc-equipment h3 {
    color: #B008A3;
}
#promotion > .health-safety h3 {
    color: #04AF9F;
}

/* Agenda */
#agenda article {
    background-color: #FFF;
    border-left: 15px solid #2B559F;
    padding: 5px 15px;
    margin-bottom: 10px;
}
#agenda time {
    font-size: 12px;
}
#agenda .label {
    padding: 0.4em 0.6em;
    display: inline-block;
    margin-bottom: 7px;

}
#list .consumables, #agenda .consumables {
    border-color: #4181BF;
}
.label-consumables {
    background-color: #4181BF;
}
.consumables time, #wp-calendar .consumables a {
    color: #4181BF;
    font-weight: bold;
}
#list .flame-equipment, #agenda .flame-equipment {
    border-color: #800063;
}
.label-flame-equipment {
    background-color: #800063;
}
.flame-equipment time, #wp-calendar .flame-equipment a {
    color: #800063;
    font-weight: bold;
}
#list .electric-arc-equipment, #agenda .electric-arc-equipment {
    border-color: #B008A3;
}
.label-electric-arc-equipment {
    background-color: #B008A3;
}
.electric-arc-equipment time, #wp-calendar .electric-arc-equipment a {
    color: #B008A3;
    font-weight: bold;
}
#list .health-and-safety, #agenda .health-and-safety {
    border-color: #04AF9F;
}
.label-health-and-safety {
    background-color: #04AF9F;
}
.health-and-safety time, #wp-calendar .health-and-safety a {
    color: #04AF9F;
    font-weight: bold;
}
#list .others, #agenda .others {
    border-color: #DF8924;
}
.label-others {
    background-color: #DF8924;
}
.others time, #wp-calendar .others a {
    color: #DF8924;
    font-weight: bold;
}
#agenda .tradefairs {
    border-color: #2B559F;
}
.label-tradefairs {
    background-color: #2B559F;
}
.tradefairs time, #wp-calendar .tradefairs a {
    color: #2B559F;
    font-weight: bold;
}
#agenda #today {
    background-color: #1E3C6D;
    color: #FFF;
}
#calendar_wrap {
    background-color: #FFF;
    text-align: center;
    padding: 15px 30px;
    margin-bottom: 15px;
}
#wp-calendar {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}
#wp-calendar caption {
    color: #1E3C6D;
    font-weight: bold;
    font-size: 22px;
    border-bottom: 1px solid #1E3C6D;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 10px;
}
#wp-calendar th {
    color: #1E3C6D;
    text-transform: uppercase;
    text-align: center;
}
#wp-calendar td {
    color: #92A7B9;
}

/* Who's Who */
#whoswho article {
    background-color: #FFF;
    padding: 15px;
    margin-bottom: 10px;
}
#whoswho figure {
    overflow:hidden;
    padding:5px;
    height:100px;
}
#whoswho figure img {
    width:100%;
    height:auto;
}

/* Toolboxes */
#toolbox article {
    background-color: #FFF;
}
#toolbox article a h3 {
    background-color: #203A70;
    color: #FFF;
    padding: 15px;
    text-align: center;
}
#toolbox article a h4 {
    padding: 5px 15px;
    text-align: center;
}
.toolbox time, .toolbox h3 {
    display: inline-block;
}

#users h4 {
    color: #8D679C;
    font-size: 16px;
    font-weight: normal;
}
#users h4 span {
    color: #2E559E;
    font-weight: normal;
}


/* Contact */
#contactform sup {
    color: #FF0000;
}
.form-control:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(30, 60, 109, 0.6);
    border-color: #2B559F;
}
.required {
    border-color: #F00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6);
}
.alert {
    clear: both;
    background: url("img/alert-notice-ico.png") no-repeat 9px 50% #FCF8E3;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px 35px;
    text-align: center;
}
.alert-success {
    background: url("img/alert-success-ico.png") no-repeat 8px 50% #DFF0D8;
    border: 1px solid #8FBE32;
    color: #468847;
}
.alert-error {
    background: url("img/alert-error-ico.png") no-repeat 9px 50% #F2DEDE;
    border: 1px solid #ED9AA3;
    color: #B94A48;
}
.btn-primary {
    background-color: #2B559F;
    border-color: #1E3C6D;
    color: #FFF;
    text-transform: uppercase;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #FFF;
    border-color: #1E3C6D;
    color: #2B559F;
}

/* RESPONSIVE */
@media (max-width: 767px) {
    h2 {
        background: url('img/border_title_side.png') no-repeat center bottom;
    }
    #whoswho figure {
        height:auto;
    }
    #content [class*="col-"] {
        float:left;
    }
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}