/*
Theme Name: Reflex Child
Theme URI: 
Description: Child theme for the Reflex theme
Author: <a href="http://www.madeinebor.com" title="Visit author homepage">Tom Rhodes</a>
Author URI: 
Template: reflex
Version: 1.0.0
*/



@import url('../reflex/style.css');
@import url('main.css');

@font-face {
    font-family: 'James Fajardo';
    src: url('fonts/james_fajardo-webfont.eot');
    src: url('fonts/james_fajardo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/james_fajardo-webfont.woff2') format('woff2'),
         url('fonts/james_fajardo-webfont.woff') format('woff'),
         url('fonts/james_fajardo-webfont.ttf') format('truetype'),
         url('fonts/james_fajardo-webfont.svg#james_fajardoregular') format('svg');

}


/* General */

  html, body{
    
	 overflow-x: hidden !important;
     max-width: 100% !important; 
     height: 100% !important;
    
}


.news-item-one-half{
	max-width: 49.9% !important;
}


body { color: #333; }
.bg-custom{	background-position: 0 0 !important; background-attachment: scroll !important; }
.trans-dark-low{background-color: rgba(0,0,0,0.15) !important;}
#aq-block-159-1,
#aq-block-754-1,
.color-bg {    background-color: #49e2d3; }

.top-header .wpml-ls { display: none; }

.layer {
    background-color: rgba(248, 247, 216, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list-projects a {
    color: #fff!important;
}

.page-head { position: relative; }
.page-head .inner-pad { padding: 120px 0; }
.trans-dark-low { min-height: 345px; height: 100%; /* height: 100%; width: 100%; position: absolute; */}


/* body.blog .img-responsive { max-height: 250px; } */

/* == MENU e SOCIAL ========================================================= */

.main-nav .wpml-ls { text-transform: uppercase; }
.main-nav .wpml-ls li a { color: #fff; }
.main-nav .wpml-ls .wpml-ls-current-language a { font-weight: bold; }


.mobile-nav { background-color: #212121; }
.mobile-nav .wpml-ls { text-transform: uppercase; }
.mobile-nav .wpml-ls li a { color: #fff; }
.mobile-nav .wpml-ls .wpml-ls-current-language a { font-weight: bold; }

ul.slimmenu li { display: block; }

/* Social */

.social-wrap li a,
.social-wrap li a:hover { color: rgba(255, 255, 255, 0); background: transparent; border: none; }

.main-nav .social-wrap li a{
	width: 28px !important;
    color: #1c1c1e !important;
    background: #4c4c4c !important;
    border-radius: 14px !important;
    height: 28px !important;
    line-height: 26px !important;
    display: block !important;
    font-size: 18px !important;
    text-align: center !important;
    transition: all .4s ease-in-out !important;
}


.main-nav .social-wrap li a:hover{
	background: #767676 !important;
}

/* == Footer ========================================================= */

footer .main-logo { min-width: 220px; width: 100%; max-width: 260px;  }


footer .widget_icl_lang_sel_widget ul { text-align: center; }
footer .widget_icl_lang_sel_widget ul li > a { border: none; }

footer .widget_icl_lang_sel_widget li.wpml-ls-item { margin: 0 10px; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; text-align: center; text-transform: uppercase; letter-spacing: 0; }
footer .widget_icl_lang_sel_widget li.wpml-ls-item a {  color: #000; display: inline; letter-spacing: 0; }
footer .widget_icl_lang_sel_widget li.wpml-ls-current-language a { font-weight: bold; }

.footer-column{
	
	padding: 80px;
}

.copyright-text{
	color: #686868 !important;
	font-family: 'Raleway',sans-serif;
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 50px !important;
    margin-top: 55px !important;

}

/* == NEWS ========================================================= */

/* NEWS */
.news-head { background: #000; }
.news-head h1 { max-width: 660px; margin-left: auto; margin-right: auto; }
.news_thumb { max-width: 100%; height: auto; }
.news-title { padding: 30px 0 0 60px; margin-bottom: -30px; position: relative; z-index: 9; }
.news-post-inner { padding: 0 !important; }
.news-post-text .valign { padding: 120px; }

.news-item-one-half { max-width: 50% !important; }

@media screen and (max-width: 860px) {
	
	.news-head.page-head h1 > span { font-size: 16px; line-height: 0; letter-spacing: 1px; }
	.news-post-inner.inner-pad { padding: 0 20px; }
	.news-post-inner.inner-pad .news_thumb { margin: 0 -20px; }
	
	.news-post-text .valign { padding: 60px 20px; }

}




/* WORKS */
#works-container,
.works-container { background: #000;  }

.list-projects li { display: inline-block; text-align: center; width: 33%; }

/* contatti menu principale */
#menu-principale-1 .social-wrap .fa { color: #fff; }

/* Contatti sezione Contatti */
.email .color, .color:hover{
	color: #49e2d3 !important;
}

/* == HOME ========================================================= */

.slider-wrapper { position: relative; }
.slider-wrapper .wpml-ls {   
	position: absolute;
    top: 70%;
    left: 50%;
    z-index: 40;
    transform: translateX(-50%);
    }
    
.slider-wrapper .wpml-ls li.wpml-ls-item { margin: 0 10px; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 50%; text-align: center; text-transform: uppercase; }
.slider-wrapper .wpml-ls li.wpml-ls-item a {  color: #000; display: inline;  }
.slider-wrapper .wpml-ls li.wpml-ls-current-language { font-weight: bold; }



/* == MOBILE ========================================================= */

@media screen and (max-width: 860px) and (min-width: 644px) {
	.news-item-one-third { width: 48% !important; }
	.works-item-one-third { width: 50% !important;  }
	
	.single-portfolio .single-project-container ul li { text-align: left; }
	
	.news-title { padding-left: 0; }
	.footer-column { padding: 40px; }
	
}

@media screen and (max-width: 643px) {
	
	.btn-reflex { padding: 12px; font-size: 11px; }
	
	.inner-pad { padding: 60px 60px; }
	.list-projects li { display: block; text-align: center; width: 100%; }
	
	.single-portfolio .single-project-container ul li { text-align: left; }
	.single-portfolio .page-head { background-position: center top !important }
	.single-portfolio .page-head .inner-pad { padding: 0; }
	.single-portfolio .page-head .inner-pad h1.project-claim { padding: 60px 10px 0; }
	
	.news-title { padding-left: 0; }
	.news-item-one-third { width: 100% !important; }
	.works-item-one-third { width: 100% !important;  }
	
	.footer-column { padding: 20px; }
	footer .widget-do-etfw  {clear: both; margin-top: 20px;}
	footer .widget-do-etfw iframe#twitter-widget-0 { max-width: 320px !important; }
}