/*
Theme Name: EDITAUD.IO
Theme URI: http://editaud.io
Description: EDITAUD.IO wordpress theme
Author: manwho.codes
Author URI: http://manwho.codes
Version: 1.0
*/

body { font-family:'Roboto', Helvetica, Arial, sans-serif; font-size:18px; font-weight:300; }

body, select, input, textarea { color: #555; }

a { color: #555; }
a:hover { color: #555; opacity:0.8; }
a:active { color: #555; opacity:0.8; }
a:visited { color: #555; opacity:0.8; }
a:link { color:#555; }

::-moz-selection{ background: #555; color: #fff; text-shadow: none; }
::selection { background: #555; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #555; }

ins { background-color: #fcd700; color: #555; text-decoration: none; }
mark { background-color: #fcd700; color: #555; font-style: italic; font-weight: bold; }

input:-moz-placeholder {  color:#a9a9a9;  }
textarea:-moz-placeholder {  color:#a9a9a9;  }

.clear { clear:both; }

header#header { background-color: rgb(66, 81, 79); position:relative; }

header #titles { top:35vh; position:absolute; width:100vw; }
header h1 { font-family:'Roboto Slab'; color:#fff; font-size:65px; font-weight:100; position:relative; text-align:center; margin-bottom:-0px; padding:0px 20px; }

header h2 { font-family:'Roboto'; color:#fff; font-size:30px; font-weight:100; position:relative; text-align:center;  margin-bottom:-0px; padding:0px 20px; top:20px; }

.section h1 { font-family:'Roboto Slab'; font-weight:300; }
.section h1 span { position:relative; z-index:2; background:#fff; padding-right:40px; }
.section h1 { font-size:45px; position:relative; margin-bottom:60px; margin-top:60px; }

.section { min-height:100vh; padding-top:10vh; padding-bottom:10vh; }

.section h1:after { 
  content: '';
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 50%;
  background: #d8d4ca;
  height: 1px;
  margin-top: 4px;
}

.carousel-control.left, .carousel-control.right { background-image:none; }

#carousel-small-container { display:none; }

blockquote { font-family:'Roboto Slab'; }

.row p, .row li { color:#555; }
#services .row p { padding:0px 40px;  }

#contact .row p, #contact .row li { color:inherit; }
#contact .row ul li { font-size:inherit; }

.help-block.with-errors { margin-top:-15px; }

.row h3 { font-size:20px; font-weight:400; margin-bottom:20px; }
.row .img-container { margin-bottom:20px; }
.row ul li { font-size:80%;  }
#services .row ul { padding-left:60px; padding-right:40px; }

#testimonials, #samples { background-color:#a8c4ae; color:#fff; padding-bottom:60px; }
#testimonials p, #testimonials, a, #samples p, #samples li, #samples a { color:#fff; }

#testimonials blockquote { height:430px; }

#samples ol li { line-height:30px; font-size:80%; }

#testimonials h1 span, #samples h1 span { background:#a8c4ae; }

#clients .col-sm-3 { height:250px; }

strong { font-weight:400; }

.navbar-brand { text-transform:uppercase; font-weight:bold; height:auto; }
.navbar-default .navbar-brand { color:#555; }

nav ul li {  }

//nav ul li.current-menu-item { text-decoration:underline; }

.navbar-default { background:transparent; border:none; box-shadow:none; padding:20px 0px; }

.navbar-default .navbar-nav { margin-top:30px; }

.navbar-default .navbar-nav>li>a { color:#fff; font-weight:300; font-size:15px; letter-spacing:1px; }

nav.affix-top { position:absolute; top:-90px; margin-top:90px; }

.affix { top:0px; margin-top:0px; }

.navbar-default.affix-top { transition: top 0.5s; }

nav.navbar-default.affix { position:fixed; background:#fff; color:#333; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-width: 0 0 1px; border-color: #e7e7e7; padding:0px 0px; transition: top 0.5s;
 }


 @keyframes affixFadeIn
 {
 from {top: -90;}
 to {top: 0;}
 }

 @-webkit-keyframes affixFadeIn 
 {
 from {top: -90;}
 to {top: 0;}
 }
 
 
 @keyframes affixFadeOut
 {
 from {opacity: 1;}
 to {opacity: 0;}
 }

 @-webkit-keyframes affixFadeOut
 {
 from {opacity: 1;}
 to {opacity: 0;}
 }
 


nav.navbar-default.affix .navbar-nav { margin-top:20px; }

nav.navbar-default.affix .navbar-nav>li>a { color:#333; font-weight:300; font-size:15px; letter-spacing:1px; }



.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 37px;
    margin-right: 20px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}		

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}


nav.navbar-default.affix .navbar-toggle .icon-bar { background:#000; }

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
	border-color: #fff;
}

nav.navbar-default.affix .navbar-toggle:focus, nav.navbar-default.affix .navbar-toggle:hover {
	border-color: #000;
}

.navbar-default .navbar-toggle.collapsed:focus, nav.navbar-default.affix .navbar-toggle.collapsed:focus {
	background-color: transparent;
	border-color: transparent;
}


article { }

article a { text-decoration:underline; }

img.alignright { float:right; padding-left:20px; }

img.pull-right { margin-left:10px; margin-bottom:10px; }

.entry p {  }

.panel-default>.panel-heading {
	background:none;
}

.panel-default>.panel-footer {
	background:none;
}


ol {
    list-style-type: decimal;
}

ol > li > ol {
    list-style-type: lower-alpha;
}

ol > li > ol > li > ol {
    list-style-type: upper-roman;
}

#contact h2 { margin-top:0px; margin-bottom:20px; font-weight:300; }
label { font-weight:300; color:#d8d4ca; margin-top:10px; margin-bottom:20px; }
.form-control { background:#f7f5ef; border:none; border-radius:2px; padding:12px; line-height:inherit; font-size:16px; box-shadow:none; margin-top:20px; height:48px; }

.btn-default[type='submit']{
	margin-top:10px;
	border:none;
	background:#a8c4ae;
	box-shadow:none;
	border-radius:3px;
	font-size:22px;
	padding:24px 48px;
	color:#fff;
}

img.icon { margin:0px 10px 40px 0px; }

/*
.navbar-default {
	border:none;
}

.panel { 
	box-shadow:none;
}

.panel-default { 
	border:none;
}

.panel-default>.panel-heading { 
	border:none;
}

.page-header { 
	border:none;
}
*/

.navbar-default.affix-top .navbar-nav>li>a:hover, .navbar-default.affix-top .navbar-nav>li>a:focus {
	color: #eee;
}


#footer { background:#555; }
#footer p { color:#fff; padding:15px 0px 5px 0px; font-size:15px; }

.yourLocation { display:none; }
.help-block.with-errors { display:none; }
#msgSuccess, #msgError { display:none; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print { 

}

@media (max-width: 1023px) {		
	#carousel-big-container { display:none; }
	#carousel-small-container { display:block; }
}

@media (max-width: 991px) and (min-width:768px) {	
	ul#menu-main_nav { margin-left:-15px !important; margin-top:-15px !important; }
	header { margin-bottom:40px!important; }
	
	.navbar-right {
	  float: left!important;
	  margin-right: 0px;
		margin-left:-15px;
		margin-top:-40px;
	}
}


@media (max-width:802px) {	
	header h1 { font-size:52px; }
	header h2 { font-size:25px; }
	#testimonials p { font-size:15px; }
	.carousel-inner { margin-top:-40px; }
}

@media (max-width:767px) {	
	.navbar-default.affix-top .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
		background:rgba(85,85,85,0.8);
	}
	.navbar-default.affix-top .navbar-nav>li>a {
		color: #fff;
		font-weight: 300;
		font-size: 15px;
		letter-spacing: 1px;
	}
	
}

@media (max-width:430px) {
	.desktop { display:none; }
	.mobile { display:block; }
	
	.section h1:after { 
		display:none;
	}
	

	.section h1 { font-size:35px; }
	
	header h1 { font-size:42px; }
	header h2 { font-size:20px; }

	nav.affix #logo, nav.affix-top #logo { width:200px!important; height:52px!important; } 
	
	.navbar-toggle {
		margin-top: 25px;
	}
}


@media (max-width:350px) {	
	#sociallinks { display:none; }
}

/* Media queries!
-------------------------------------------------------------------------------*/

/* Always do mobile-first, and consider using em units: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw

@media screen and (min-width: 480px) { 

 } */