/*
Theme Name: Unicon Child Theme
Description: Unicon Child Theme for your Customizations
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

body {
	font: normal 16px "Optima", Montserrat, Arial, Helvetica, sans-serif!important;
}
#header {
	box-shadow: none!important;
}
#logo {
	width:280px!important; /*remove completely*/
}
.portfolio-nomargin .portfolio-item {
	width: 49.999%!important;
}

.portfolio-item.one-third.column {
    max-height: 330px;
}

.portfolio-item.eight.columns {
	max-height:500px;
}

.portfolio-element {
    margin-top: 30px;
}

.portfolio-overlay-effect .portfolio-overlay {
	background: #222!important;
}
.panel-prev, .panel-next {
	position:absolute;
	width:50%;
	height:100%;
	z-index:9999;
}
.panel-next {
	margin-left:50%;
}
.flexslider .slides li:not(.flex-active-slide) {
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	opacity:0;
}
#footer {
	background-color: #262626;
	text-align: center!important;
	background: #fff!important;
}
#navigation > ul > li > a {
	font: normal 16px "Optima", Montserrat, Arial, Helvetica, sans-serif!important;
	color: #222!important;
	text-transform: uppercase!important;
}
#navigation > ul > li:hover > a, #navigation > ul > li > a:hover {
	color: #999!important;
}
#mobile-header .logo {
	margin-top: 15px!important;
	margin-left: 260px;
    margin-right: 27px;
}
div#text-2 {
	font: normal 10px "Optima", Montserrat, Arial, Helvetica, sans-serif!important;
	color: #222!important;
	text-transform: uppercase!important;
}
.portfolio-detail h3 {
	text-align: center!important;
	font: normal 22px "Optima", Montserrat, Arial, Helvetica, sans-serif!important;
	color: #222!important;
	text-transform: uppercase!important;
	margin-bottom: 36px;
}
.portfolio-detail-attributes ul {
	background: none!important;
	padding: 0!important;
	text-align: center!important;
}
.portfolio-detail-attributes.five.omega.columns {
	width: 100%!important;
}
.portfolio-detail-attributes ul li strong {
	float: none!important;
	display: inline!important;
	width: inherit!important;
	font-weight: 700!important;
}
.portfolio-detail-attributes ul li span {
	display: inline!important;
	overflow: hidden!important;
}
.portfolio-detail-attributes ul li {
	border-bottom: none!important;
}
.portfolio-detail-attributes.five.omega.columns {
	margin-left: 0!important;
}
.portfolio-detail-description-text {
	text-align: center!important;
	line-height: 24px!important;
}
.portfolio-detail-description.eleven.alpha.columns {
	width: 100%!important;
	padding: 0 40px!important;
	box-sizing: border-box!important;
}
.portfolio-detail-attributes.five.omega.columns ul li:nth-of-type(3) {
	display: none!important;
}
footer#footer {
	/* border-top: solid 1px #eee!important; */
	padding-top: 40px!important;
}
.portfolio-wide.sixteen.columns.clearfix {
	padding-bottom: 100px!important;
}
.portfolio-detail-attributes.five.omega.columns li {
	display: none!important;
}
.portfolio-image-img:hover {
	top: 0px!important;
}
.portfolio-image-img img {
    width: 100%;
}




#about {
	margin: 80px auto!important;
	text-align: center;
	width: 70%;
}
#about p {
	line-height: 24px;
}
::selection {
  background: #222!important; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #222!important; /* Gecko Browsers */
}

.portfolio-wide.sixteen.columns.clearfix {
    padding-bottom: 30px!important;
}
.portfolio-overlay-name .portfolio-overlay span {
    color: #333!important;
    font-weight: normal!important;
}
#logo {
    width: 210px;
    margin: 33px auto 30px auto;
}
.portfolio-overlay-name .portfolio-overlay {
    background: transparent!important;
    background-color: rgba(255, 255, 255, 0.85)!important;
}
.portfolio-overlay-name .portfolio-overlay span {
    margin: 40% 0 0 0!important;
    text-align: center!important;
}
.mobile-titles {
    display: none;
}
.portfolio-item.one-third.column {
    max-height: inherit;
}
#post-navigation .prev,
#post-navigation .next {
    position: relative;
    top: 0;
    left: -25px;
    height: 60px;
    width: 80px;
    background: rgba(68, 68, 68, 0.17);
    margin: 0;
    color: #333!important;
    border-radius: 0;
    opacity: 0.3;
    z-index: 1;
    cursor: pointer;
    left: 0!important;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 1!important;
    display: inherit;
    padding: 12px 20px;
}
#post-navigation .prev:before,
#post-navigation .next:before {
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    line-height: inherit;
    content: "Previous";
    font-size: 14px;
    color: #333!important;
    font-family: inherit;
    text-align: center;
    padding: 0;
    left: 0;
}
#post-navigation .next:before {
    content: "Next";
}
#post-navigation {
    margin: 0 20px;
    text-align: center;
}

.back-to-portfolio {
text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
    color: #999!important;
    text-transform: uppercase;
    margin-top: 50px;
}
#post-navigation .prev:hover, #post-navigation .next:hover {
    background: #333;
    color: #fff!important;
}
#post-navigation .prev:hover:before, #post-navigation .next:hover:before {
	color: #fff!important;
}
    
.gform_confirmation_wrapper {
	text-align: center;
	padding: 100px 0;
}
#mobile-navigation-btn {
	float: none!important;
}




@media (max-width:960px) {
.logo img {
	width: 220px!important; /*189px*/
}
#mobile-header {
    height: 94px!important;
}
#mobile-navigation ul li a {
    text-align: center!important;
    font-size: 20px!important;
    padding: 20px 0!important;
}
#mobile-navigation ul li a {
    border-bottom: none!important;
    }
    #mobile-navigation .container ul {
    margin: 16px 0!important;
}


}

@media (max-width:800px) {
	.portfolio-nomargin .portfolio-item {
	width: 100%!important;
}
}


@media (max-width:767px) {
	.mobile-titles {
    display: block!important;
    text-align: center!important;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 16px;
}
#post-navigation {
    display: inherit!important;
}
.flex-control-nav {
    display: inherit!important;
}
#mobile-header .logo {
    margin-top: 15px!important;
    margin-left: 96px;
    margin-right: 26px;
}
#mobile-navigation-btn {
	float: none;
}

}


@media (max-width:479px) {

#mobile-header .logo {
    margin-left: 36px;
    margin-right: 18px;
}
#mobile-navigation-btn {
	float: none;
}

}