/* =============== */
/* = EMWO Styles = */
/* =============== */

/*  
 *  These style are made off two parts,
 *  the first set of styles are originally found
 *  in style-custom.php. The second part or for new items added
 *  to the theme.
 *
 */


/* Background
   ================================= */
   
/* Logo
   ================================= */
.logo-wrapper{ 
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.navigation-wrapper{
	margin-top: 60px;
}
  
/* Font Size
   ================================= */
h1{
	font-size: 30px;
}
h2{
	font-size: 25px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 15px;
}

/* Element Color
   ================================= */
   
html{
	background-color: #f5f5f5;
}
div.social-icon, /* to fix IE problem */
div.container{
	background: #ffffff;
}
div.divider{
	border-bottom: 1px solid #ececec;
}

/* Font Family 
  ================================= */
body{
	font-family: default -;
}
h1, h2, h3, h4, h5, h6, .gdl-title{
	font-family: default -;
}
.stunning-text-wrapper{
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}
h1.stunning-text-title{
	font-family: default -;
	color: #333333;
}
.gdl-slider-title{
	font-family: default -;
}
.stunning-text-caption{
	color: #8c8c8c;
}
  
/* Font Color
   ================================= */
body{
	color: #333333;
}
.footer-wrapper a{
	color: #000000;
}
a{
	color: #e60500;
}
.gdl-link-title{
	color: #272727;
}
a:hover{
	color: #e60500;
  text-decoration: underline;
}
.footer-wrapper a:hover{
	color: #a8a8a8;
}
h1, h2, h3, h4, h5, h6, .title-color{
	color: #383838;
}

h1.heading{
  line-height: 1.2;
}

div.gdl-page-title-left-bar{
	background-color: #e3e3e3;
}
div.gdl-page-caption{
	color: #7d7d7d;
}
.sidebar-title-color{
	color: #0e76bd;
}

/* Slider Color 
	================================ */
.gdl-slider-title{
	color: #ffffff;
}  
.gdl-slider-caption, .nivo-caption{
		color: #c6c6c6;
}  
.flex-control-nav li a span,
.nivo-controlNav a span,
div.anythingSlider .anythingControls ul a span{
	background-color: #c5c5c5;
}
.nivo-controlNav a:hover span,
.nivo-controlNav a.active span,
.flex-control-nav li a:hover span,
.flex-control-nav li a.active span,
div.anythingSlider .anythingControls ul a:hover span,
div.anythingSlider .anythingControls ul a.cur span{
	background-color: #4e4e4e;
}
.flex-caption{
	background-color: #000000;
  background-color: rgba(0,0,0,0.45);
  opacity: 1;
}

/* Post/Port Color
   ================================= */
.post-title-color{
	color: #534f81;
}
.post-title-color a:hover{
	color: #534f81;
}
div.single-port-little-bar{
	border-color: #b4b4b4;
}
.single-port-info span.head,
.single-info-header,
.blog-info-header{
	color: #212121;
}
.port-info-color, .port-info-color a,
.post-info-color, .post-info-color a, 
div.custom-sidebar #twitter_update_list{
	color: #9e9e9e;
}
div.pagination a{ background-color: #f9f9f9; }

.about-author-wrapper{
	background-color: #f9f9f9;
}
.tagcloud a{
	background-color: #fff;
}
div.footer-widget-wrapper .tagcloud a{
	background-color: #fff;
}

#portfolio-item-filter a{ 
	color: #a1a1a1;
} 
#portfolio-item-filter a:hover{ 
	color: #272727;
} 
#portfolio-item-filter a.active{ 
	color: #272727;
}

/* Column Service
   ================================= */
h2.column-service-title{
	color: #534f81;
}

/* Footer Color
   ================================= */
.footer-widget-wrapper .custom-sidebar-title{ 
	color: #404040;
}
.footer-wrapper{ 
	background-color: #eaeaea;
}
.footer-wrapper .gdl-divider,
.footer-wrapper .custom-sidebar.gdl-divider div,
.footer-wrapper .custom-sidebar.gdl-divider ul li{
	border-color: #d1d1d1;
}
.footer-wrapper, .footer-wrapper table th{
	color: #888888;
}
.footer-wrapper .post-info-color, div.custom-sidebar #twitter_update_list{
	color: #aaaaaa;
}
div.footer-wrapper div.contact-form-wrapper input[type="text"], 
div.footer-wrapper div.contact-form-wrapper input[type="password"], 
div.footer-wrapper div.contact-form-wrapper textarea, 
div.footer-wrapper div.custom-sidebar #search-text input[type="text"], 
div.footer-wrapper div.custom-sidebar .contact-widget-whole input, 
div.footer-wrapper div.custom-sidebar .contact-widget-whole textarea {
	color: #888888; 
	background-color: #d4d4d4;
	border: 1px solid #d4d4d4;
}
div.footer-wrapper a.button, div.footer-wrapper button, div.footer-wrapper button:hover {
	color: #e8e8e8; 
	background-color: #222222;
}
div.copyright-wrapper{ 
	background-color: #0e76bd; 
	color: #ffffff;
}
div.copyright-wrapper{
		-moz-box-shadow:inset 0px 3px 6px -3px #0e76bd;
	-webkit-box-shadow:inset 0px 3px 6px -3px #0e76bd;
	box-shadow:inset 0px 3px 6px -3px #0e76bd; 
}
div.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail {  
	background-color: #ffffff; 
	border-color: #ffffff;
}

/* Divider Color
   ================================= */
.scroll-top{ 
	color: #7c7c7c;
}
.gdl-divider,
.custom-sidebar.gdl-divider div,
.custom-sidebar.gdl-divider .custom-sidebar-title,
.custom-sidebar.gdl-divider ul li{
	border-color: #e2e2e2;
}
table th{
	color: #666666;
	background-color: #f7f7f7;
}
table, table tr, table tr td, table tr th{
	border-color: #e5e5e5;
}

/* Testimonial Color
   ================================= */
.testimonial-content{
	color: #848484;
}
.testimonial-author-name{
	color: #494949;
}
.testimonial-author-position{
	color: #8d8d8d;
}

/* Tabs Color
   ================================= */
ul.tabs{
	border-color: #dddddd;
}
ul.tabs li a {
	color: #666666;
	background-color: #f5f5f5;
	border-color: #dddddd;
}
ul.tabs li a.active {
	color: #111111;
	background-color: #ffffff;
}

/* Navigation Color
   ================================= */
.navigation-wrapper .sf-menu ul,
.navigation-wrapper .sf-menu ul li{
	border-color: #ececec;
}
.sf-menu li li{
	background-color: #fdfdfd;
}
.navigation-wrapper .sf-menu li a{
	color: #7d7d7d;
}
.navigation-wrapper .sf-menu ul a,
.navigation-wrapper .sf-menu ul .current-menu-ancestor ul a,
.navigation-wrapper .sf-menu ul .current-menu-item ul a,
.navigation-wrapper .sf-menu .current-menu-ancestor ul a,
.navigation-wrapper .sf-menu .current-menu-item ul a{
	color: #7d7d7d;
}
.navigation-wrapper .sf-menu ul a:hover,
.navigation-wrapper .sf-menu ul .current-menu-item ul a:hover,
.navigation-wrapper .sf-menu .current-menu-item ul a:hover{
	color: #343434;
}
.navigation-wrapper .sf-menu a:hover, 
.navigation-wrapper .sf-menu a:active{
	color: #343434;
} 
.navigation-wrapper .sf-menu .current-menu-ancestor a,
.navigation-wrapper .sf-menu .current-menu-item a {
	color: #e60500;
}
.navigation-wrapper .sf-menu ul .current-menu-ancestor a,
.navigation-wrapper .sf-menu ul .current-menu-ancestor ul .current-menu-item a,
.navigation-wrapper .sf-menu ul .current-menu-item a {
	color: #e60500;
}
.search-wrapper{
	border-left: 1px solid ;
}
.search-wrapper form{
	border-left: 1px solid ;
}



/* Button Color
   ================================= */
a.button, button, input[type="submit"], input[type="reset"], input[type="button"],
a.gdl-button{
	background-color: #f1f1f1;
	color: #7a7a7a;
	border: 1px solid #dedede}

a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
a.gdl-button:hover{
	color: #7a7a7a;
}
   
/* Price Item
   ================================= */   
div.gdl-price-item .gdl-divider{ 
	border-color: #ececec;
}
div.gdl-price-item .price-title{
	background-color: #e9e9e9;
	color: #3a3a3a;
}
div.gdl-price-item .price-item.active .price-title{ 
	background-color: #5f5f5f;
	color: #ffffff;
}
div.gdl-price-item .price-tag{
	color: #3a3a3a;
}
div.gdl-price-item .price-item.active .price-tag{
		color: #ef7f2c;
}
div.gdl-price-item .price-item.active{
	border-top: 1px solid #ef7f2c;
}
/* Contact Form
   ================================= */
div.contact-form-wrapper input[type="text"], 
div.contact-form-wrapper input[type="password"],
div.contact-form-wrapper textarea,
div.custom-sidebar #search-text input[type="text"],
div.custom-sidebar .contact-widget-whole input, 
div.comment-wrapper input[type="text"], input[type="password"], div.comment-wrapper textarea,
div.custom-sidebar .contact-widget-whole textarea,
span.wpcf7-form-control-wrap input[type="text"], 
span.wpcf7-form-control-wrap input[type="password"], 
span.wpcf7-form-control-wrap textarea{
	color: #888888;
	background-color: #ffffff;
	border: 1px solid #cfcfcf;

	-webkit-box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px;
	box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px;
}

/* Icon Type (dark/light)
   ================================= */

div.single-port-next-nav a,
div.single-port-prev-nav a{ background: url('../../images/icon/dark/port-nav.png') no-repeat; }

div.single-thumbnail-author,
div.archive-wrapper .blog-item .blog-thumbnail-author,
div.blog-item-holder .blog-item2 .blog-thumbnail-author{ background: url('../../images/icon/dark/author.png') no-repeat 0px 1px; }

div.single-thumbnail-date,
div.custom-sidebar .recent-post-widget-date,
div.archive-wrapper .blog-item .blog-thumbnail-date,
div.blog-item-holder .blog-item1 .blog-thumbnail-date,
div.blog-item-holder .blog-item2 .blog-thumbnail-date{ background: url('../../images/icon/dark/calendar.png') no-repeat 0px 1px; }

div.single-thumbnail-comment,
div.archive-wrapper .blog-item .blog-thumbnail-comment,
div.blog-item-holder .blog-item1 .blog-thumbnail-comment,
div.blog-item-holder .blog-item2 .blog-thumbnail-comment,
div.custom-sidebar .recent-post-widget-comment-num{ background: url('../../images/icon/dark/comment.png') no-repeat 0px 1px; }

div.single-thumbnail-tag,
div.archive-wrapper .blog-item .blog-thumbnail-tag,
div.blog-item-holder .blog-item2 .blog-thumbnail-tag{ background: url('../../images/icon/dark/tag.png') no-repeat; }

div.custom-sidebar #searchsubmit,	
div.search-wrapper input[type="submit"]{ background: url('../../images/icon/dark/find-17px.png') no-repeat center; }	

div.single-port-visit-website{ background: url('../../images/icon/dark/link-small.png') no-repeat 0px 2px; }

span.accordion-head-image.active,
span.toggle-box-head-image.active{ background: url('../../images/icon/dark/minus-24px.png'); }
span.accordion-head-image,
span.toggle-box-head-image{ background: url('../../images/icon/dark/plus-24px.png'); }

div.jcarousellite-nav .prev, 
div.jcarousellite-nav .next{ background-image: url('../../images/icon/dark/navigation-20px.png'); } 

div.testimonial-icon{ background: url("../../images/icon/dark/quotes-18px.png"); }

div.custom-sidebar ul li{ background: url('../../images/icon/dark/arrow4.png') no-repeat 0px 14px; }

div.gdl-portfolio-title-wrapper,
div.gdl-page-title-wrapper{
	background: url('../../images/icon/dark/title-bg.png'); 
}

div.stunning-text-wrapper{ 
	background: url('../../images/icon/dark/stunning-text-bg.png'); 
}
div.stunning-text-corner{
	background: url('../../images/icon/dark/stunning-text-corner.png'); 
}

/* Footer Icon Type
   ================================= */
div.footer-wrapper div.custom-sidebar ul li { background: url('../../images/icon/light/arrow4.png') no-repeat 0px 14px; }
div.footer-wrapper div.custom-sidebar #searchsubmit { background: url('../../images/icon/light/find-17px.png') no-repeat center; }
div.footer-wrapper div.custom-sidebar .recent-post-widget-comment-num { background: url('../../images/icon/light/comment.png') no-repeat 0px 1px; }
div.footer-wrapper div.custom-sidebar .recent-post-widget-date{ background: url('../../images/icon/light/calendar.png') no-repeat 0px 1px; }

/* Elements Shadow
   ================================= */

a.button, button, input[type="submit"], input[type="reset"], input[type="button"], 
a.gdl-button{
	-moz-box-shadow: 1px 1px 3px #ececec;
	-webkit-box-shadow: 1px 1px 3px #ececec;
	box-shadow: 1px 1px 3px #ececec; 
}

div.gdl-price-item .price-item.active{ 
	-moz-box-shadow: 0px 0px 3px #ececec;
	-webkit-box-shadow: 0px 0px 3px #ececec;
	box-shadow: 0px 0px 3px #ececec;
}

div.stunning-text-corner{ width: 11px; height: 11px; position: absolute; }
div.stunning-text-corner.top{ top: 0px; left: 0px; }
div.stunning-text-corner.bottom{ background-position: -11px 0px; bottom: 0px; right: 0px; }

div.column-service-learn-more{ font-style: italic; margin-top: 8px; }
div#custom-full-background { z-index: -1; }
/* end style-custom.php */

/* Custom styles for ecabo theme by @digitpaint */
.navigation-wrapper .sf-menu .current-menu-item a{
  color: #e60500;
}

/* Typo */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body{
	font-family: 'Droid Sans', sans-serif;
}

.gdl-page-title-wrapper{
  height: 18px;
  margin-top: 20px;
}

.sidebar-title-color,
h1{
  color: #0e76bd;
}

h2.column-service-title,
h2{
  color: #534f81;
}

/* Header */
div.gdl-page-title-left-bar{
  background: url('./images/backgrounds/header-bg-left.png');
}

div.gdl-portfolio-title-wrapper, div.gdl-page-title-wrapper{
  background: url('./images/backgrounds/header-bg.png');
}

/* Small blog list*/
.blog-item-small-holder{
  padding: 0 10px;
  color: #444;
}

.blog-item-small-holder h2{
  margin-left: 20px;
}

.blog-item-small-holder ul{
  margin: 0 20px;
}
  
.blog-item-small-holder .item{
  list-style: none;
  float: left;
  width: 50%;
  margin-bottom: 20px;
}


.blog-item-small-holder .item > a{
  display: block;
  padding-right: 20px;
}

.blog-item-small-holder .blog-thumbnail-title{
  font-weight: bold;
  font-size: 13px;
  /* theme already uses important */
  color: #444;
  display: block;
}

.blog-item-small-holder .time{
  color: #818181;
}

.blog-item-small-holder .read-more{
  background: url('./images/icons/readmore.png') no-repeat 0 100%;
  display: inline-block;
  height: 13px; /* font-size to put it on baseline */
  width: 10px;
  margin-left: 5px;
}

/* Banner */
.banner,
.banner:hover{
  background: #2a6ebb url('./images/icons/banner.png') no-repeat 100% 100%;
  display: block;
  color: #fff;
  font-size: 25px;
  vertical-align: middle;
  text-decoration: none;
}

.banner .text{
  padding: 70px 20px 10px 20px;
  line-height: 1.2;
}

/* Flexcaption */
.flex-caption{
  width: 300px;
  bottom: -20px;
}

/* Copyright section */
div.copyright-wrapper{
  margin-bottom: 50px;
  font-weight: normal;
}

div.copyright-wrapper .menu-copyright-container,
div.copyright-wrapper .menu-copyright-container ul{
  display: inline;
  list-style: none;
}

div.copyright-wrapper .menu-copyright-container li{
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #fff;
  line-height: 1.2;
}

div.copyright-wrapper .menu-copyright-container li:first-child{
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

div.copyright-wrapper .menu-copyright-container li a{
  color: #fff;
}

/* Searchbox */
div.footer-widget-wrapper .custom-sidebar #searchform{
  width: 60%;
}

div.footer-wrapper div.custom-sidebar #search-text input[type="text"]{
  border: 7px solid #96c0e6;
  background: #fff;
  padding: 11px 4px;
}

div.footer-wrapper div.custom-sidebar #searchsubmit{
  background: url('./images/backgrounds/search-button-footer.png') no-repeat;
  width: 25px;
  height: 25px;
  border-radius: 0;
  top: 13px;
}

/* Sidebars */
.custom-sidebar a{
  color: #272727;
}

.custom-sidebar a:hover{
	color: #e60500;
  text-decoration: none;
}

.custom-sidebar.gdl-divider ul li{
  border: none;
  background: none;
  padding-left: 0;
  padding: 5px 0;
}

.custom-sidebar.gdl-divider ul li li{
  padding-left: 30px;
}

.custom-sidebar.gdl-divider ul ul.children{
  margin-bottom: 0;
}

.custom-sidebar.gdl-divider .current_page_item{
  font-weight: bold;
}

.custom-sidebar.gdl-divider .current_page_item li{
  font-weight: normal;
}

.custom-sidebar.gdl-divider ul ul.children li{
  background: url('./images/backgrounds/navigation-item.png') no-repeat 5px 11px;  
}

.custom-sidebar.gdl-divider ul ul.children li.current_page_item{
  background: url('./images/backgrounds/navigation-item-active.png') no-repeat 5px 11px;  
} 

/* reseting styles on a - since there is no div.content */
.column-service-wrapper a,
.blog-item-small-holder a{
	color: #272727;
}

