/*******************************/
/********** GENERAL ************/
/*******************************/

/*GENERAL*/
.wrapper { padding: 0; background: #EDEBE7; }
body.page .wrapper { background: #fff; }

body.page .entry-header,
body.blog .wrapper > .entry-header,
body.archive .wrapper > .entry-header,
body.search .wrapper > .entry-header,
body.error404 .wrapper > .entry-header { margin-bottom: 30px; padding: 25px 0; background: url(../img/header.jpg) center center; color: #fff; }

body.blog article { background: #fff; }
body.blog article h2 { margin: 0 !important; padding: 0 !important; }

body.single article { background: #fff; }
body.single #content { padding-top: 30px; }

nav.navigation { padding: 1.25rem; background: #fff; margin-bottom: 40px; }
nav.navigation .nav-links a[rel="next"]  { float: right; }

div#respond { padding: 1.25em; background: #fff; margin-bottom: 40px; }

.card { border-radius: 0; }

.comment img { width: 40px; }

.pager li > a, .pager li > span { border-radius: 3px; margin: 0 1px; }

.pager li > a:hover,
.pager li > span:hover { background: #666; color: #fff; }

.pager li > span.active { background: #343434; color: #fff; }

.error-404 .page-content { margin: 40px 0; }
article.no-results { background: transparent !important; }
article.no-results .page-content { margin-top: 30px; }

.entry-content:after,
.card-block:after {
	content: "."; 
   	visibility: hidden; 
   	display: block; 
   	height: 0; 
   	clear: both;
}

.sticky .card { border: 1px solid #E82C0C; }


.wp-post-image { width: 100%; }

figure.alignnone, img.alignnone { margin: 15px auto; }
figure.aligncenter, img.aligncenter { margin: 15px auto; }
figure.alignright, img.alignright { margin-left: 15px; margin-bottom: 15px; margin-top: 15px; }
figure.alignleft, img.alignleft { margin-right: 15px; margin-bottom: 15px; margin-top: 15px; }

.page-links { padding-top: 15px; display: block; clear: both; }
.page-links > a {
	display: inline-block;
	padding: 4px 8px;
	background: #222;
	color: #fff;
	text-decoration: none !important;
}

.page-links a:hover { color: #fff; background: #444; }

nav.navigation:after {
	content: "."; 
   	visibility: hidden; 
   	display: block; 
   	height: 0; 
   	clear: both;
}




/*sidebar*/
#secondary aside { padding: 1.25rem; background: #fff; margin-bottom: 20px; }
#secondary ul { list-style: none; padding: 0; margin: 0; }
#secondary ul li { margin: 7px 0; }
#secondary aside ul { margin-bottom: 0; }

#secondary li.menu-item { float:none; display: block; }


/*article*/
#primary article { margin-bottom: 40px; }

.comments-area ol { list-style: none; margin: 0; padding: 0; }
.comments-area ol li article { padding: 10px; }
.comments-area ol li article .comment-author { display: inline-block; width: 50%; float: left; }
.comments-area ol li article .comment-metadata { display: inline-block; width: 50%; text-align: right; font-size: 0.8em; line-height: 40px; }
.comments-area ol li article .comment-content { display: block; width: 100%; clear: both; padding-top: 10px; }

/*footer*/
#wrapper-footer { border-top: 1px solid #ddd; background: #343434; color: #fff; }
#wrapper-footer a { color: #fff; }
.site-info { padding: 15px 0; }




/******************************/
/********** INPUTS ************/
/******************************/

#secondary .mc4wp-form-fields input { width: 100%; border: 1px solid #ddd; padding: 5px; }
#secondary .mc4wp-form-fields input[type="submit"] { background: #121E38; color: #eee; }

textarea { max-height: 300px; min-height: 150px; border: 1px solid #ddd; padding: 5px; border-radius: 0 !important; }

input[type="submit"],
button[type="submit"] { background: #121E38; color: #eee; border: 1px solid #121E38; }

input[type="submit"]:hover,
button[type="submit"]:hover { opacity: 0.9; background: #121E38; border: 1px solid #121E38; }

input[type="text"],
input[type="phone"],
input[type="url"],
input[type="email"],
input[type="password"] {
	padding: 7px;
	border: 1px solid #ddd;
	color: #4a4a4a;
	margin: 5px 0;
	border-radius: 0;
}

input[type="submit"],
input[type="button"] {
	border: 1px solid #121E38;
	background: #121E38;
	padding: 7px 10px;
	margin: 5px 0;
	border-radius: 0;
}

.btn { border-radius: 0; }

/**********************************/
/********** TYPOGRAPHY ************/
/**********************************/

a { color: #444; }
a:hover { color: #444; text-decoration: none; }

a:focus { outline: 0; }

.aboutme a { background: #cd3333; color: #fff !important; padding: 3px; }

h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro"; }

blockquote { padding: 10px; border-left: 10px solid #ccc; background: #eee; }
blockquote p { margin-bottom: 0; }

blockquote.twitter-tweet { background: #e6e6e6; border-left: 10px solid #1DA1F2; }
blockquote.twitter-tweet p:nth-of-type(2) { font-style: italic; }

body.single .card-block a { text-decoration: underline; }

address {
	font-style: italic;
	font-family: Georgia;
	color: #444;
}

dl { border: 3px double #ccc; padding: 0.5em; }
dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: #333; }
dt:after { content: ":"; }
dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }

h1.card-title,
h2.card-title a { color: #123; }

.page-content a { text-decoration: underline !important; }

.wp-caption-text {
	color: #444;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 17px;
    margin: 3px 0 25px;
}

.btn-cta {
	background: #121E38;
	display: block;
	padding: 15px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	margin: 0 auto;
	text-transform: uppercase;
	font-family: "Source Sans Pro";
}
.btn-cta:hover {
	opacity: 0.9;
	color: #fff;
}




/*GALLERY*/
.gallery { margin: 0 auto 20px; }

.gallery:after {
	content: "."; 
   	visibility: hidden; 
   	display: block; 
   	height: 0; 
   	clear: both;
}

.gallery .gallery-item {
	float: left;
	display: inline-block;
	margin: 1%;
	text-align: center;
	width: 31%;
}

.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 3px;
	background: #f2f2f2;
	height: 160px;
}

.gallery .gallery-caption {
	display: none;
}

.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }




/*COMMENTS*/
.comments-area:after {
	content: "."; 
   	visibility: hidden; 
   	display: block; 
   	height: 0; 
   	clear: both;
}

.comments-title { margin-bottom: 40px; }

.comment-reply-title { margin-bottom: 20px; }

.comments-area .comment .comment-content { padding: 15px; }

.comments-area ol li article { padding: 0; margin-bottom: 20px !important; }

/*style comment meta*/
.comment-meta { background: #ccc; padding-right: 15px; }
.comment-meta time { font-style: italic; font-size: 14px; }
.comment-meta .comment-edit-link { font-weight: bold; text-decoration: underline; font-size: 14px; }

.byuser .comment-meta { background: #222; color: #fff; }
.byuser .comment-meta time { color: #fff; }
.byuser .comment-meta a { color: #fff; }

/*reply comment btn*/
.reply { text-align: right; clear: both; display: block; padding: 0; }
.comment-reply-link { background: #121E38; color: #fff; padding: 4px 12px; display: inline-block; }
.comment-reply-link:hover { opacity: 0.9; color: #fff; }

/*cancel reply comment btn*/
#cancel-comment-reply-link { background: #cd3333; color: #fff; padding: 6px 12px; font-size: 16px; }
#cancel-comment-reply-link:hover { opacity: 0.9; color: #fff; }

/*comment navigation*/
.comment-navigation { margin: 20px 0; }
.comment-navigation a { padding: 6px 12px; background: #121E38; color: #fff; display: inline-block; font-size: 14px; }

/*add margin to comment replies lists*/
.comments-area .children { margin-left: 30px; }

/*comments disabled*/
.no-comments { padding: 20px 15px; background: #fff; font-weight: 600; }

.comment-list .pingback { background: #fff; padding: 15px; margin-bottom: 20px; }



/*PAGINATION*/
.navigation ul { margin: 0; padding: 0; margin-bottom: 40px; }
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #222;
	text-decoration: none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #eee;
	cursor: pointer;
	padding: 8px 12px;
	border: 1px solid #999;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #aaa;
}





/******************************/
/********** HEADER ************/
/******************************/

/*MAIN MENU*/
.navbar { padding: 20px 0; }
.navbar ul > li { border-bottom: 2px solid #fff; transition: 0.4s; }
.navbar ul > li.active { border-bottom: 2px solid #E82C0C; }
.navbar ul > li:hover { border-bottom: 2px solid #E82C0C; }
.navbar #main-menu { float: right; }

.navbar-nav .nav-item { margin-right: 10px; }

.navbar-brand { font-size: 1.4em; padding-top: 0.2em; }
.navbar-toggle { background: #1F131F; color: #fff; margin-right: 0; }

ul.dropdown-menu { margin: 0 !important; padding: 0 !important; border-bottom: 2px solid #E82C0C; }
ul.dropdown-menu li.active { border: none; }

ul.dropdown-menu li,
ul.dropdown-menu li:hover { border: none; }

ul.dropdown-menu li a { margin: 0 !important; padding: 5px 10px; }

ul.dropdown-menu li ul li { margin: 0 !important; }

div[aria-expanded="true"] li { width: 100%; border: none; display: block; margin: 0 !important; }
div[aria-expanded="true"] li:hover,
div[aria-expanded="true"] li.active { border: none; }


.dropdown-menu .menu-item a:hover {
	background: #dedede !important;
}






/********************************/
/********** HOMEPAGE ************/
/********************************/

/*Homepage Sections*/
.section { padding: 50px 0; border-bottom: 1px solid #dedede; }
section.section:last-of-type { border-bottom: none; }

h3.section-title {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: 30px;
}

h4.section-subtitle {
	margin-bottom: 20px;
}

.section h4 { font-size: 1.4em; line-height: 1.2em; }

/*Homepage Hero Section*/
.jumbotron {
	text-align: center !important;
	color: #fff;
	font-family: "Source Sans Pro";
	border-radius: 0;
	padding: 4rem 1rem;
}

.jumbotron h1 {
	font-weight: bold;
	font-size: 3em;
	text-shadow: 5px 5px 14px rgba(0, 9, 0, 1), 5px 5px 14px rgba(0, 9, 0, 1), 5px 5px 14px rgba(0, 9, 0, 1);
}
.jumbotron p.lead { font-size: 1.6em; }



/*Newsletter Section*/
.newsletter {
	background: url(../img/newsletter-bg.jpg) center center;
	background-size: cover;
	color: #fff;
	padding: 4em 2em;
	text-align: center;
}

.parallax {
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
}

/*Mailchimp for Wordpress*/
.mc4wp-form input[type="submit"] { background: #cd3333; border: 1px solid #cd3333; }

.mc4wp-response { margin: 15px; }
.mc4wp-success { border: 2px solid green; background: #fff; color: #333; padding: 8px 15px; }
.mc4wp-error { border: 2px solid red; background: #fff; color: #333; padding: 8px 15px; }
.mc4wp-notice { border: 2px solid red; background: #fff; color: #333; padding: 8px 15px; }

.mc4wp-success p,
.mc4wp-error p,
.mc4wp-notice p { margin-bottom: 0; }


/*PORTFOLIO*/
.portfolio { padding: 0; }
.portfolio:before, .portfolio:after { content: ""; display: table; clear: both; }	

.port-item { padding: 0; height: 230px; background-size: cover; overflow: hidden; background-position: center center; background: rgba(0, 0, 0, 0); color: #fff; }
.port-item a { color: #fff; }
.port-item .inner { position: absolute; padding: 20px; transition: .3s; width: 100%; height: 100%; overflow: hidden; }
.port-item .inner .port-data { opacity: 0; transform: translateY(30px); transition: transform .3s; }
.port-item .inner .port-data span { clear: both; font-size: 14px; }

.port-item:hover .inner { top: 0; transition: .3s; opacity: 1; background: rgba(0, 0, 0, 0.5); }
.port-item:hover .inner .port-data { transition: .3s; opacity: 1; transform: translateY(0); transition: transform .5s; }










/*******************************/
/********** EFFECTS ************/
/*******************************/

/*dark background overlay*/
.dark_overlay:after {
	content: '\A';
    position: absolute;
    width: 100%; 
    height:100%;
    top:0; 
    left:0;
    background:rgba(0,0,0,0.6);
    opacity: 1;
    transition: all 0.4s;
}

.dark_overlay:hover:after { opacity: 0; }

/*hovered effect on homepage latest blog and portfolio items*/
.hoveredeffect {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
}

.hoveredeffect .overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
}

.hoveredeffect img {
	-webkit-transition:all .35s linear;
	transition:all .35s linear;
	height: 160px;
	width: 100%;
}

.hoveredeffect h4 {
	text-transform: uppercase;
	text-align: left;
	font-size: 18px;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 20px;
	height: 160px;
	color: #fff;
}

.hoveredeffect:hover img {
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}




/*PORTFOLIO*/
ul.portfolio-categories {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.portfolio-categories li {
	display: inline-block;
	float: left;
	padding: 7px 15px;
	margin-right: 6px;
	background: #ddd;
	color: #222;
}

ul.portfolio-categories li:hover {
	cursor: pointer;
	background: #1A203A;
	color: #fff;
}

ul.portfolio-categories li.active {
	background: #E82C0C;
	color: #fff;
}

div.portfolio-items {
	clear: both;
	display: block;
	width: 100%;
	padding-top: 20px;
	position: relative;
}

div.portfolio-items .card .categories {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
}

div.portfolio-items .card span {
	padding: 3px 6px;
	display: inline-block;
	margin: 4px;
	font-size: 14px;
	margin-left: 2px;
	background: #222222;
	color: #fff;
}

div.portfolio-items img {
	width: 100%;
	height: 160px;
}








/**********************************/
/********** RESPONSIVE ************/
/**********************************/

@media(max-width: 767px) {
	a { word-break: break-word; }

	.navbar-brand { width: 100%; text-align: center; }
	.aboutme { text-align: center; }
	.aboutme div.image { margin-bottom: 15px; }
	.aboutme div.image img { max-width: 150px; }
	.latest div { margin-bottom: 10px; }

	.gallery .gallery-item { width: 48%; margin: 1%; }

	input[type="text"],
	input[type="phone"],
	input[type="url"],
	input[type="email"],
	input[type="password"] {
		margin: 5px 0;
		width: 100%;
		display: block;
	}

	input[type="submit"],
	input[type="button"] {
		margin: 5px 0;
	}

}

@media(max-width: 545px) {
	body.single #content { padding-top: 0; padding-left: 0; padding-right: 0; overflow-x: hidden; }

	.navbar-brand { width: auto; text-align: auto; }
	.exCollapsingNavbar { clear: both; }
	.navbar #main-menu { float: none; }
	.navbar #main-menu li { margin-left: 0 !important; }

	.gallery .gallery-item { display: block; width: 100%; }
}