/*
 Theme Name:   Syntac Child
 Theme URI:    http://example.com/syntac-child/
 Description:  Syntac Child Theme
 Author:       Matthew Aisthorpe
 Author URI:   http://example.com
 Template:     syntac
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  syntac-child
*/

.menu i, .mobile-menu i {
color: #dbdbdb;
}

.text, .textarea {
    color: #2b2d2c;
}

.text:focus, .textarea:focus {
    color: #2b2d2c;
}

.text::placeholder, .textarea::placeholder {
    color: #2b2d2c;
}

.menu li a {
    border: none;
}

.menu li a:hover i {
	border: none;
	margin-top: 2px;
}

.menu-item { 
	transition: all .2s ease-in-out; 
}

.menu-item:hover { 
	transform: scale(1.1); 
}

.particles-header {
	position: relative;
	background-color: #0068e0 !important;
	background-image: none !important;;
}

.particles-header .name-area h1{
	background-color: #F0F0F0;
}

.particles-header .name-area h1 a, .portfolio-blog h3{
	color: #0068e0;
}

.childpage-header .name-area {
	display: none !important;
}

.pattern-overlay {
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('images/overlay_pattern.png'); /* or any other overlay image/color */
}

@media only screen and (min-width: 767px) { 
	.childpage-header {
		height: 460px !important;	
		background-color: #0068e0;
		position: relative;
	}
	
	.childpage-header #navbar {
		padding-top: 280px;
	}
}

@media only screen and (max-width: 767px) { 
	#header {
		height: 360px;
		background-size: auto 100%;
	}
	
	.name-area {
	    top: 90px;
	}
}

@media only screen and (max-width: 479px) {
	.filter {
	    width: 50%;
	}	
	
	.filter a {
		margin-left: 15px;
	}
	
	.filter i { 
		display: none !important;
	}
}

.portfolio-item figcaption {
    padding: 17px 0 17px;
}

.portfolio-item a figcaption span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
}

.portfolio-blog {
	margin-top: 0px !important;
}

pre, code, .portfolio-blog ul {
	margin: 0 0 20px 0;	
}

.text::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {color: #0068e0;}

.text:-moz-placeholder, .textarea:-moz-placeholder {color: #0068e0;}

.text::-moz-placeholder, .textarea::-moz-placeholder {color: #0068e0;}

.text:-ms-input-placeholder, .textarea:-ms-input-placeholder {color: #0068e0;}

#particles {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}