/*
 Theme Name:        TEMA
 Theme URI:         http://www.temasupplierdiversity.com
 Description:       Theme for TEMA website, child of Pinstrap
 Template:          pinstrap
 Version:           0.1
 Text Domain:       tema
*/

/* CHILD THEME CSS STARTS HERE */

body {
    background: none;
    background-color: #f1f1f1;
}

#wrapper {
    padding-bottom: 50px;
}

.header-slider{ background: #f9f3d1 url(images/header-bg.jpg) no-repeat left top; height:408px; margin:auto auto 1em;}
.header-slider-wrap{ display: none;}


#logo{ text-align:center; padding-top:38px; }
.header-slider-wrap ul{ margin:15px auto 0; width:190px;}
.header-slider-wrap li{ list-style:none; display:inline-block; border:2px solid #ffffff; padding:8px 12px; margin-right:5px;}
.header-slider-wrap li a{font-family: 'Tungsten A', 'Tungsten B'; font-weight: 600; color:#fff; font-size:16px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.header-slider-wrap li a:hover{ text-decoration:none;}
.header-slider-wrap li:last-child{ margin-right:0;}
.navbar .nav > li > a {
    font-family: 'Tungsten A', 'Tungsten B';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 28px;
    color: #4e4e4e;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.navbar .nav > li li a {
    font-family: 'Tungsten A', 'Tungsten B';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    color: #4e4e4e;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}


.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color:#4e4e4e;
  text-decoration: none;
  border-bottom:3px solid transparent;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: #4e4e4e;
    border-bottom: 3px solid #3f9ce4;
}

.navbar .nav > li > a span { text-decoration: none;
    display: inline-block;
    border-bottom: 3px solid transparent;    
    width: 0px;
    transition: 0.5s ease;
    white-space: nowrap;
    height:0; position: absolute; bottom:-3px; left:0;
}
.navbar .nav > li > a:hover span {
    border-bottom: 3px solid #3f9ce4;
    width:100%;
}

.navbar .nav > li:last-child > a{ margin-right:0;}
h1.home-hedaing {
    text-align:center; 
    margin:0 0 30px; 
    font-size:28px; 
    font-family: 'Tungsten A', 'Tungsten B'; 
    font-weight: 600; 
    line-height: 0;
    border-bottom: 2px solid #c2c2c2;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
h1.home-hedaing span{ background-color:#f1f1f1; padding:0 10px;}

.middel-banner{ margin-bottom:20px;}
.view-content{ padding:19px;}

.view span.title,.widget-wrapper span.title{font-family: 'Tungsten A', 'Tungsten B'; font-weight: 500; color:#e51937; font-size:26px; margin:0; font-weight:normal; text-align:left; line-height:30px; display:block; padding:19px 19px 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.view span.excerpt,.widget-wrapper span.excerpt{ text-align:left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; color:#393939; font-size:16px; padding:10px 19px; display:block; line-height:18px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.view a.link-will,.widget-wrapper a.link-will{ 
    display:block;
    background-color:#3f9ce4;
    color: white;
    font-size: 22px;
    font-family: 'Tungsten A', 'Tungsten B'; 
    font-weight: 600;
    padding:10px 19px 10px;
    margin: 10px;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.view a.link-will img,.widget-wrapper a.link-will img{ display: none !important;}
#wrapper h1.page-title{ padding:45px 50px;  background: url(images/heading-bg.jpg) repeat left top; font-size:48px; font-family: 'Tungsten A', 'Tungsten B'; font-weight: 600; color:#fff; text-shadow: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#wrapper h1.page-title a.contact-btn{ float:right;}
#content {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:16px; color:#6a6a6a; }
#content .page ul,
#content .post ul {margin:0; padding-left: 10px; margin-bottom: .4em; list-style:none;}
#content .page li,
#content .post li {padding-bottom:20px; background:url(images/ico-arrow.png) no-repeat left 6px; padding-left:29px;}

.post-entry p{ border-bottom:25px;}
.post-entry a {font-weight:bold;color:#3f9ce4;}
.event .post-entry p{ border-bottom:25px;width:175px;}
.supplier-ul{ padding-top:25px; border-top:2px solid #3f9ce4;}
.widget-wrapper { background:#fff; box-shadow: 1px 0 4px #CCCCCC;  padding:3px 0; margin-bottom:20px;} 
.widget-wrapper img{ width:100%;}

.supplier-strip{
    text-align: center;
    margin: 2em 0 3em;
}
.supplier-strip h4 {
    font:bold 48px/1 'Tungsten A', 'Tungsten B';
    color: #6a6a6a;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.supplier-strip a {
    background-color: #3f9ce4;
    display: inline-block;
    color: white;
    font:bold 38px/1 'Tungsten A', 'Tungsten B';
    text-decoration: none;
    font-weight: normal;
    padding: .5em 1em;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.supplier-strip a:hover {
    background-color: #2c75ae;
}

.team-wrap{ border-top:2px solid #e51937; padding-top:25px;}
.team-wrap figure{ margin:0; background:#fff; padding:5px; float:left; box-shadow: 1px 2px 3px #CCCCCC; margin-right:4%;}
.team-wrap figure img{ margin:0;}
.team-wrap article{ padding-top: 4px;/*float:left; width:73%; padding-left:4%;*/}
.team-wrap article h2{ margin:0; font-size:25px; color:#e51937; display:block; font-family: 'Tungsten A', 'Tungsten B'; font-weight: 500; font-weight:normal; line-height:18px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.team-wrap article h2 span{ display:block; line-height:18px; color:#3c3c3c; font-size:17px; padding:3px 0 0;}
.team-wrap article p{ padding-top:10px; margin-bottom: 0;}
.issuu-list{ margin-left:0;}
.wpcf7-form p{ margin-bottom:5px; font-family: 'Tungsten A', 'Tungsten B'; font-weight: 500; font-size:14px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.wpcf7-form p input{ width:45%;}
.wpcf7-form p input.wpcf7-submit {background:#FF0000; border:none; border-radius:5px; color:#FFFFFF; padding: 10px;  font-family: 'Tungsten A', 'Tungsten B'; font-weight: 600; width:auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.wpcf7-form p textarea{ width:70%;}
.css-events-list { position:relative}
.css-events-list h2{ font-size:24px; color:#e51937; font-family: 'Tungsten A', 'Tungsten B'; font-weight: 600; margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*.css-events-list table {position:absolute; top:41px; left:0}
.css-events-list table:nth-child(2) { left:50%}*/
.events-table{ /*width:45%; float:left;*/ }
.css-events-list table td a{ padding:0; display:inline-table; text-align:left; font-family: 'Tungsten A', 'Tungsten B'; font-weight: 600; font-size:15px; margin-top:10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.css-events-list table td{ padding:0; font-family: 'Tungsten A', 'Tungsten B'; font-weight: 500; font-size:14px; display:inline-table;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.css-events-list h2 span{ border-bottom:2px solid #e51937; padding:0 10px;}
.em-search-wrapper{ display:none;}
.widget-title{ color: #E51937;  display:block; font-family:'Tungsten A', 'Tungsten B'; font-weight: 500; font-size:26px; font-weight:normal;  line-height:30px;  margin:0 0 10px !important; padding:12px 19px !important;    text-align:center !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.em-calendar{ width:100%;}
.navbar .nav > li > ul{ display:none;}
.navbar .nav > li:hover ul{ display:block; position:absolute; background:#fff; list-style:none; margin-left:0; padding:10px; top:32px;}
.navbar .nav > li:hover > ul > li > a{font-family: 'Tungsten A', 'Tungsten B'; font-weight: 500;   color: #3f9ce4; padding-bottom:5px; border-bottom:1px solid #ccc; display:block; margin-bottom:5px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.type-post, .type-page {
    background-image: none;
    background-color: transparent;
}

ul.breadcrumb {
    background: transparent;
    border: 0;
    font-family: 'Tungsten A', 'Tungsten B';
    box-shadow: none;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

ul.breadcrumb a {
    color: #e31e3c;
    font-weight: bold;
}

#footer-wrapper a {  
    color: #aaa;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-bottom:10px;
    line-height:25px;
}
.powered{ 
    color: #aaa;
    font-size:14px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#footer {
    background-color: #414042;
}

#footer .social,
#footer .social a {
    color: white;
    font-weight: 500;
    font-size: 20px;
}

.nmg_eventlist{ float:left; width:48%; min-height:265px; padding-right:2%;}
.css-events-list .events-table{ margin-bottom:0;}
.team-wrap1{ display:inline-block; padding-bottom:30px;}
.slider-car{ text-align:center; margin-top:-10px;}

.post-entry .event-slat {
    position: relative;
    background-color: #e6e6e6;
    padding: .75em 40px .75em 1em;
    color: #6a6a6a;
    font-size: 16px;
    margin-bottom: .5em;
}
.post-entry .event-slat.alt {
    background-color: transparent;
}

.post-entry .event-slat h5 {
    font-size: 18px;
    margin: 0;
}

.post-entry .event-slat p {
    margin: 0;
}

.post-entry .event-slat .event-link {
    position: absolute;
    top: 1.3em;
    right: 1em;
    font-weight: normal;
}