/*

Theme Name: Elwc
Theme URI: http://www.elwc.com/
Author: elwc
Author URI: http://www.elwc.com/
Description: Custom wp theme for elwc
Version: 1.1.2
License: GNU General Public License
License URI: see license.txt
Tags: coffee, nightshift 
This theme, like WordPress, is licensed under the GPL. 
http://underscores.me/, (C) 2012-2013 Automattic, Inc.  
*/ 

/* Import the necessary Bootstrap WP CSS additions */

@import url( includes/css/bootstrap-wp.css );
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900,700,300);
body { word-wrap: break-word; line-height:	1.62857 }

img { border:0; }
svg:not(:root) {
overflow:hidden;
}
figure { margin:0; }
fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend { border:0; padding:0; }
button, input, select, textarea { font-family:inherit; font-size:100%; margin:0; }
button, input { line-height:normal; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; }
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}
textarea { overflow:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; margin-bottom: 5px; font-weight: bold; }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; }
.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }
.radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; }
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }
.wpcf7 input,.wpcf7 textarea{padding:8px;width:80%;}
.wpcf7 input[type="submit"]{width:auto; padding:9px 22px;box-shadow:none}
input,textarea,select{background:#fcfcfc; border-radius:4px; border: 1px solid #ccc; box-shadow: 1px 1px 2px #eee inset;}
.entry-content div.wpcf7 {margin-top:8px;padding: 10px;}
/* Alignment */

.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
/* Images and wp-captions should always fit and be responsive */
img { display: inline-block; height: auto; max-width: 100%; }
 img[class*="wp-image-"] {
 margin-top: 10px;
 margin-bottom: 10px;
}
.wp-caption { border: 1px solid #ccc; margin-bottom: 10px; max-width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 0 10px; }
.wp-caption.aligncenter { margin-bottom: 10px; }
 .wp-caption img[class*="wp-image-"] { display: block;}
.wp-caption .wp-caption-text { text-align: center; margin-top: 10px; }
/* WP Gallery */
.gallery { margin-bottom: 1.5em; }
.gallery a img { border: none; height: auto; max-width: 90%; }
.gallery dd { margin: 0; }
/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }
/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }
.entry-content ul, .entry-content ol { padding-left:25px }
/* Content */
.main-content-inner { padding-bottom: 1.5em; }
.page .main-content-inner { margin-top: 36px; }
.hentry { margin: 0 0 1.5em; }
/* Clearing */
.clear { clear: both; }
/*  Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"], #content .edit-meta-link { display: none; }
.widget select { max-width: 100%; }
.comment .children { margin-left: 1.5em; }
blockquote { margin-left:20px; border-left-color:goldenrod; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; }
.breadcrumb > li + li:before{color:#888}
/* CSS Document */
body { font-family:'Source Sans Pro', sans-serif !important; margin:0px; padding:0px; }
.nav_bg { background:#014F97; }
.nav_bg > .container { padding-bottom:0 }
.navbar-default { background: none !important; border: none !important; }
.navbar { border: 0px !IMPORTANT; position: relative; border-radius:0px; margin-right:5px; margin-bottom:0; min-height:34px; }
.navbar-nav > li > .dropdown-menu { right:auto }
.navbar-default .navbar-nav > li > a { font-size:16px; margin-top:0; margin-right:0; margin-left:0; padding:42.5px 22px; color:#fff; border-right:1px solid #2b447d; }
.navbar-default .navbar-nav > li > a:hover { color:#F9CA00; }
.navbar-brand { float: left; font-size: 0px; height: 0px !important; line-height: 0px !important; padding: 0px !important; margin-top:0; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .main-content .child_menu ul li.current_page_item a { color:#222439; background:#F9CA00; text-decoration:none; text-shadow:none }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background:#fff; margin-bottom:-1px; border-top-left-radius:3px; border-top-right-radius:3px; z-index: 1100; }
.navbar-default .navbar-nav ul.dropdown-menu { border-radius:3px; }
.navbar-nav > li a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
ul.nav li ul.dropdown-menu{ top: 99%;}
ul.nav li ul.dropdown-menu li ul { margin-left: 0; padding:0 8px; }
ul.nav li ul.dropdown-menu li a { font-size:15px; color:#121212}
ul.nav li ul.dropdown-menu li ul li a { font-size:14px; line-height:1.1em; color:#424242}
ul.nav li ul.dropdown-menu li a:hover{ color:#fff}
.main-content { background:#fff; }
.home .main-content > .container > .row > .main-content-inner { background: #F9CA00; padding:5px 25px 20px; }
.home .main-content { background: url("images/background_image_bg.png") no-repeat center top #182746; }
.main-content p, .main-content { color:#323033; font-size:15px;}
.main-content h1, .main-content h2 { color:#182746 }
.main-content h2 { font-size:36px; }
.welcome h1 { font-weight:300; color:#182746; font-size:45px; }
.home .welcome h1 { padding-top:2px; margin-bottom: 17px; margin-top:2px }
.home .welcome h1 strong { font-weight:600; }
.home .welcome h3 { font-weight:300; color:#182746; font-size:32px; margin-top: 21px; }
.welcome p, .content-mini p { padding-top:5px; }
.main-content > .page-header { background:#3c4f60; padding:0 0 12px; border-bottom:1px solid #3b4229;height: 152px;overflow: hidden; z-index:1}
.main-content > .page-header .pull-left,.main-content > .page-header .pull-right{ position:relative; z-index:9; padding-top:28px}
.main-content > .page-header h1.page-title { font-size:40px; font-family: 'Source Sans Pro', sans-serif; font-weight:900; color:#fff;   text-transform: uppercase; 
 
 }
.breadcrumb { background:#f9ca00;}
.custom_header{ position: relative; text-align:center;}
.custom_header img{ position:absolute;  left: 0;  right: 0;}

.page-child .main-content > .page-header { border-bottom:1px solid #192229 }
.main-content > .page-header h1 { color:#fff; padding:0 0 0 6px; text-shadow:0 1px 1px #333}
.home .main-content > .page-header { display:none }
.main-content .child_menu .container { padding: 0 15px; }
.main-content .child_menu { background:#192229; width:100%; margin-bottom:20px; border-top: 1px solid #555; }
.main-content .child_menu ul { list-style-type:none; background:#192229; text-align: center; margin:0 }
.main-content .child_menu ul li { display:inline-block; padding:15px 10px; }
.main-content .child_menu ul li a { text-decoration:none; color:#fff; margin:5px 20px; font-size:15px; letter-spacing:0.03em; font-weight:300 }
.main-content .child_menu ul li:first-child, .main-content .child_menu ul li:first-child a { padding-left:0; margin-left:0; }
.home .thumb_bg { margin-bottom:0px; margin-top:0px; }
.thumb_bg { background:#182746; margin-bottom:20px; margin-top:20px; }
.thumb_bg > .container { padding-bottom:3px }
.thumb_footer { margin:25px 0 0; background:#2B447D; float:left }
.thumb_footer h3 { color:rgba(255, 255, 255, 0.92); font-weight:bold; font-size:21px; margin:5px 0 }
.thumb_footer p { color:rgba(255, 255, 255, 0.76); font-size:14px; }
.thumb_footer a { color:#bebfbf; }
.thumb_footer a.btn-default { color:#182746; }
.content-mini { padding:12px }
.thumb_bck { background-color:#fff; margin-top:-50px; }
.media-left { padding-right:8px }
.newsimg, .newsimg img { max-width: 100%; width: 100%; }
.search-submit.btn { vertical-align: top }
.media { margin-top:5px; margin-bottom:30px; }
.yellow { background:#F9CA00; color:#000; }
.read-more { margin:7px 0 }
footer.entry-meta { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding:3px 8px; }
footer.edit-link.edit-meta-link { border:0 }
.mtop30 { margin-top:30px; }
.mtop50 { margin-top:50px; }
.mbottom30 { margin-bottom:30px; }
.mbottom50 { margin-bottom:50px; }
.sidebar-padder { padding:0 10px }
.container .su-spoiler-style-fancy > .su-spoiler-content, .container .su-spoiler-style-fancy > .su-spoiler-title, .container .su-spoiler-style-fancy { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.container .su-spoiler-style-fancy > .su-spoiler-title { padding: 10px 7px 10px 34px; font-size:16px }
.container .su-spoiler-style-fancy { margin-bottom: .76em; }
.sidebar h3.widget-title { font-weight: 300; }
.footer_bg h2, .footer_bg h3, .footer_bg h4 { margin:8px 0 }
.footer_bg { background:#0F172A; }
.footer-border { height:1px; background:#40485B; margin:2.5% auto 1.16%; width:100%; max-width:66%; display:block }
.copyright { text-align:center; color: rgba(255, 255, 255, 0.76); margin-top:5px; margin-bottom:12px; font-size:14px; }
.copyright .textwidget { padding:0 12% }
.copyrt { text-align:center; }
p.copyrt { margin:9px 0 2px; font-size:13px }
.copyrt p a, .footer_links li a:hover { color:#fafafa; text-decoration:underline; }
.footer_links { margin-top:10px; text-align:center }
.footer_links li { display:inline-block; background:none; }
.footer_links li a, .footer_links li a:hover, .footer_links li:hover a { background:none; color: rgba(255, 255, 255, 0.86); line-height:16px; font-size:14px; padding:0 8px; margin 0 8px;
border-right:1px solid #aaa; text-align:center }
.footer_links li:last-child a { border:0 }
.copyright a { color: rgba(255, 255, 255, 0.86); }
.nonedp { background:none !important; }
.brochure, .brochure.aignright { padding:12px; margin: 0 29px; background:#19396e }
.brochure.alignright:hover { background: #111; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.sidebar.col-sm-12.col-md-4 { margin-top:35px }
/*  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)  CSS from:  http://codepen.io/transportedman/pen/NPWRGq and:  http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide  Inspired from:  http://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item { top: 0; left: 0; width: 100%; display: block; position: absolute; z-index: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; -webkit-transition-property: opacity; -webkit-transition-duration: 0.7s; -webkit-transition-timing-function:ease-in-out; -moz-transition-property: opacity; -moz-transition-duration: 0.7s; -moz-transition-timing-function:ease-in-out; -ms-transition-property: opacity; -ms-transition-duration: 0.7s; -ms-transition-timing-function:ease-in-out; -o-transition-property: opacity; -o-transition-duration: 0.7s; -o-transition-timing-function:ease-in-out; transition-property: opacity; transition-duration: 0.7s; transition-timing-function:ease-in-out; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.carousel-fade .carousel-inner > .item:first-of-type { position: relative; }
.carousel-fade .carousel-inner > .active { opacity: 1; z-index: 3; }
.carousel-fade .carousel-inner > .next.left, .carousel-fade .carousel-inner > .prev.right { opacity: 1; left: 0; z-index: 2; }
.carousel-fade .carousel-inner > .active.left, .carousel-fade .carousel-inner > .active.right { z-index: 1; }
.carousel-fade .carousel-control { z-index: 4; outline:none; }

/* 
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." 
  Need to override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {
 .carousel-fade .carousel-inner > .item.next,  .carousel-fade .carousel-inner > .item.active.right {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 .carousel-fade .carousel-inner > .item.prev,  .carousel-fade .carousel-inner > .item.active.left {
 opacity: 0;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 .carousel-fade .carousel-inner > .item.next.left,  .carousel-fade .carousel-inner > .item.prev.right,  .carousel-fade .carousel-inner > .item.active {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: 0 auto; }
.carousel-caption h2 { margin-top:12px; font-size:34px; font-weight:400; color:#000; font-style:italic }
.carousel-caption { left:auto; text-align:left; bottom: 20%; background:none; box-shadow: none; max-width:480px; padding:10px 24px 24px; font-weight:700; color:#eec302; text-shadow:0px 1px 2px #333 }
.carousel-caption p { font-weight:400; color:#014F97 }
.carousel-caption h1 { font-size:75px; font-weight:700; color:#F9CA00 }
.list_carousel li img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.list_carousel li img:hover { filter: none; -webkit-filter: grayscale(0%); }
.breadcrumb { margin-bottom: 10px; margin-top: 20px; margin-right: 6px; }
.home.page .main-content-inner { padding-bottom:0; margin-top: 0px }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { border-color: #e6e6e6; }
.sidebar.col-sm-12.col-md-4 .nav > li > a:hover{ background:none; color:#000}
 @media (min-width: 320px) and (max-width: 640px) {
 .navbar-brand {
margin-top:-0px;
}
 .navbar {
margin-right:0px;
}
 .skype a {
background-color:#3c4f60 !important;
padding:0px;
margin-left:0px;
}
 .media-body {
float:left;
}
 .sidebar.col-sm-12.col-md-4 {
margin-top:15px
}
 .navbar-default .navbar-nav > li > a {
margin-top: 0;
padding: 9px;
}
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background:none;
color:#fff
}
}
 @media (min-width: 768px) and (max-width: 1024px) {
 .navbar-default .navbar-nav > li > a {
padding-top:30px;
padding-left:5px;
color:#fff;
font-size:13px;
margin-left:0px;
}
 .dropdown:hover .dropdown-menu {
display: block;
}
}
 @media (min-width: 1024px) {
 .dropdown:hover .dropdown-menu {
display: block;
}
 .sidebar.col-sm-12.col-md-4 {
margin-top:60px
}
 .page .sidebar.col-sm-12.col-md-4 {
margin-top:12px
}
 .main-content > .page-header .child_menu, .main-content > .page-header {
margin:0;
}
 .carousel-inner .carousel-caption {
max-width: 636px;
}
}
