/*
 Theme Name:   Generate-Technifex
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Susanne Friedrich
 Author URI:   http://www.redprincessproductions.com
 Template:     generatepress
 Version:      0.3 2020
 Tags: two-columns, one-column, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, translation-ready, featured-images, theme-options 
*/


.entry-content a, .entry-content a:visited{
	text-decoration: underline;
}

blockquote {
    border-left: none;
    font-size: 2em;
    font-style: normal;
    margin: 0 0 1.5em 4em;
    padding: 20px;
    line-height:1.2em;
    color: #1e309d;
}
.header-widget{
	padding-top: 50px;
}
.inside-header {
    padding: 5px 20px;
}

/*      ***********  navigation **********      */

.main-navigation .main-nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 40px;
}
.main-navigation ul ul, .main-navigation ul ul li {
    min-width: 280px;
}
.archive .page-title{
	font-weight:400;
	font-size: 25px;
	color: #ccc;
	letter-spacing:.03em;
	text-transform: uppercase;
	padding:25px 0;
}
.page-header h1 {
    color: #54627e;
}
.entry-title{
	color: #888;
	letter-spacing:.03em;
	border-bottom:1px solid #ccc;
	padding:25px 0 0 25px;
}

.products-link{
	float:right !important;
}

/*      List styles for page items       */
.page .entry-content ul {
	list-style-type: none;
	margin: 15px 0;
}
.page .entry-content li {
 	 padding:3px 25px;
}
.page .entry-content li:before {    
	font-family: 'FontAwesome';
	content: '\f0da';
	margin:0 5px 0 5px;
	padding-right:5px;
	color:#666;
}
.page .entry-content ul ul li {
    padding: 0px 15px;
}
.page .entry-content ul ul li:before {
    content: '\2022';
    margin: 0 5px 0 5px;
    color: #999;
}

/*      ***********  Home Page styles **********      */

body.home, body.home .container{
	background:#000;
}
.home {
	margin-left: 0 !important; 
	margin-right: 0 !important;
} 
.home .entry-content {
    margin: 0 1.5em;
    color:#ccc;
}
.home.one-container .site-content {
    padding-top: 0;
}
.home .widget-title{
	text-transform:uppercase;
	font-size:.8em;
	letter-spacing:.2em;
	border-bottom:1px solid #474c5f;
	padding-bottom:5px;
}
.tagline-home{
	padding-top:25px;
}
.home .post-date{
	font-size:.8em;
}

/* do not show featured image on single portfolio posts, it will show in the header through the magic of hooks */
.single-portfolio .page-header-image-single, 
.single-products .page-header-image-single,
.single-effects .page-header-image-single {
    display: none;
}
.royalSlider{
	margin-bottom:60px;
}
.single h3{
	font-size: 1.4em;
	font-weight:normal;
	text-align: center;
	line-height: 1.5em;
	padding-bottom:2em;
	border-bottom: 1px solid #ccc;
}

/* Page styles */

.page .entry-content,
.archive .entry-content,
.single .entry-content{
	padding: 0 25px;
}
.one-container .entry-summary p{
	padding: 0 20px;
}
.one-container .entry-meta{
	padding: 0 20px;
}

.inside-article, 
.comments-area, 
.page-header, .one-container .container, 
.paging-navigation, 
.inside-page-header {
    background-color: transparent;
}

/* ************  news/blog Styles  ************ */

.blog .site-content{
	background-color:#eff0f2 !important;
}
.blog .site-content{
	padding: 40px;
}
.blog .entry-title{
 	font-size:18px;
 	font-weight:bold;
 	border-bottom: 1px solid #ccc;
 	margin-bottom:6px;
}
.blog .entry-summary p{
	margin-bottom:5px;
}
.blog .post-image{
	max-width:300px;
}
.blog .entry-date{
	color: #4b6739;
	font-size:12px;
	font-weight:bold;
}


/* Portfolio Styles */

#top-feature{
	background-color:#333;
	text-align:center;
}
.single-post #top-feature{
	display:none;
}
.portfolio-link{
    display:block;
    position: relative;
}
.portfolio-hover:hover{
    opacity: 1;
}
.portfolio-hover-content{
    color: #fff;
    font-size: 1em;
    height: 20px;
    margin-top: -1.1em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.portfolio-img-link{
    line-height:0;
}
.portfolio-caption {
    background: #f2f2f2 none repeat scroll 0 0;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
}
.portfolio-caption h3 {
    margin-bottom: 0;
    font-size:1em;
}
.masonry-post .inside-article {
	-webkit-box-shadow: -3px 3px 10px 0px rgba(76,82,97,0.12);
	-moz-box-shadow: -3px 3px 10px 0px rgba(76,82,97,0.12);
	box-shadow: -3px 3px 10px 0px rgba(76,82,97,0.12);
	padding-bottom: 0 !important;
	border: 1px solid #e9e9e9;
}
.archive .entry-header{
	background-color:#000;
}
.archive .entry-title{
	border-bottom: none;
	margin-bottom: 0;
	padding: 5px 25px 12px;
	text-align:center;
	line-height: .5em;
}

.blog .entry-title{
	padding: 15px 10px 0 10px;
	line-height: 1.2em;
}
.blog .inside-article {
    padding-bottom: 0 !important;
}
.masonry-container h2 a,
.masonry-container h2 a:visited{
	font-size:15px;
	color:#98afeb;
	font-weight:normal;
}
.masonry-container h2{
	line-height: .75em;
}
.masonry-container p{
	text-align:center;
}
.masonry-post .page-content, 
.masonry-post .entry-content{
    margin: 1em ;
}

.masonry-post .entry-summary {
    font-size:14px;
    margin:5px 0 0;
    padding:5px;
}
.masonry-post .entry-summary p{
    margin: 0;
    padding:0;
}
#menu-portfolio-categories{
    margin: -80px 0 0 0;
    padding: 0;
    float:right;
    background-color:#f3f3f3;
}
#menu-portfolio-categories li{
    display:inline-block;
    font-size:13px;
}
#menu-portfolio-categories li a{
    padding: 4px 15px;
    line-height: 40px;
}
.archive .post-image {
    margin: 0 !important;
}
.site-footer{
	border-top: 1px solid #6173cb;;
}
.site-info {
    background-color: #171520;
    color: #3a556e;
    padding; 20px 0 0;
}
.site-info a, .site-info a:visited {
    color: #666;
}
 #copyright{
	 float:left;
 }
.credit{
	float:right;
} 
.credit p{
font-size:12px;
}

/* List styles for portfolio items */

.single-portfolio .entry-content ul {
  list-style-type: none;
  margin: 20px 0;
  background-color:#f1f1f1;
  padding: 1em 1.4em;
 text-indent: -1.4em;
}
.single-portfolio .entry-content li {
  padding: 3px 25px 3px 70px;
}
.single-portfolio .entry-content li:before {    
	font-family: 'FontAwesome';
	content: '\f105';
	margin:0 5px 0 5px;
	padding-right:5px;
	color: #6582f0;
}

.menu-portfolio-categories-container .current-menu-item a{
	color: #ccc;
	font-weight: bold;
}
footer.entry-meta {
    margin: 1em 2em;
    font-size:.6em;
    color: #666;
    text-transform:uppercase;
}
footer.entry-meta a, footer.entry-meta a:visited{
   color:#ff9900;
}

/* video-side by side */
.video-wrapper {
        max-width: 1100px;
        position: relative;
        margin: 0 auto;
        border: 1px solid #ccc;
    }
.video-standard {
        float: left;
        height: 300px;
        width: 47%;
        border: 1px solid #666;
        margin: 10px;
    }
.video-wrapper iframe {
        width: 100%;
        height: 100%;
    }
/*   **************  Mobile styles  ****************    */


    /* Landscape tablet and below */
@media (max-width: 1024px) {

.main-navigation ul li.sfHover > ul {
	display: block;
}
.secondary-navigation {
    display: block;
}

.menu-toggle, .mobile-bar-items {
    display: none;
}
.main-navigation a, .menu-toggle {
    font-size: 13px;
}
.menu-item-has-children .dropdown-menu-toggle {
    padding-left: 5px;
    padding-right: 10px;
}
.page .one-container .inside-article {
    padding: 30px;
}

}
/* **********    Portrait tablet and below    ******** */

@media (max-width:768px) {

body.home{
	background:#000;
}
#masthead .header-widget{
	display:none;
}
#mobile-header{
	background-color:#000;
}
.site-logo.mobile-header-logo img{
	height:100px !important;
}
.main-navigation {
    margin: 0 0 -60px;
    position:relative;
    right:0;
    top: 0px;
}
.products-link{
	float:left !important;
}
#menu-showcase a{
	letter-spacing:0.02em;
}
.archive .page-title{
	padding:0;
	text-align:center;
}

.one-container:not(.page) .inside-article {
    padding: 0;
}
.one-container .site-content {
    padding: 20px 0;
}
#menu-portfolio-categories{
    margin: -10px 0px 60px 0 !important;
    padding-bottom:15px;
    display:none;
}
#main #menu-portfolio-categories li a {
    line-height: 20px;
    padding: 9 px 4px ;
}
article.portfolio{
	margin-bottom:0;
}
.masonry-post .inside-article {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}
.masonry-post .inside-article, 
.masonry-enabled .page-header {
    margin: 0 0 10px;
}
.masonry-post .entry-summary{
	margin:0;
	padding:0;
}
body.page, body.archive{
	background: #fcfcfc url('img/bg-nav.png') repeat-x top left;
}
.archive .inside-article .post-image{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
footer.entry-meta{
	margin:0;
}
.page .entry-content{
	padding: 0 25px;
}
.single-portfolio .entry-content ul {
	padding: 15px 0 ;
	text-indent: -20px;
}
.single-portfolio .entry-title{
	font-size:22px;
	line-height:1.3em;
}
.zilla-tabs .zilla-nav li {
    font-size:14px;
}
.video-standard {
	float: none;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 10px;
}
.clearfix:before,
.clearfix:after {
        content: " "; /* 1 */
        display: table; /* 2 */
}
#copyright, .credit {
    float: none;
}
    .clearfix:after {
        clear: both;
 }
       
 }