/*
 Theme Name:   SCF Elettronica

 Description:  SCF Elettronica
 Author:       Bernucci Eronne - Markeven
 Template:     vantage
 
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */


@font-face {

    font-family: 'helveticaneuelight';

    src: url('css/fonts/helveticaneue_light_1-webfont.eot');

    src: url('css/fonts/helveticaneue_light_1-webfont.eot?#iefix') format('embedded-opentype'),

         url('css/fonts/helveticaneue_light_1-webfont.woff') format('woff'),

         url('css/fonts/helveticaneue_light_1-webfont.ttf') format('truetype'),

         url('css/fonts/helveticaneue_light_1-webfont.svg#helveticaneuelight') format('svg');

    

	font-weight: normal;

    font-style: normal;



}  

@font-face {
	font-family: 'HelveticaNeueCondensedBold';
	src: url('./css/fonts/HelveticaNeueCondensedBold.eot');
	src: local('css/fonts/HelveticaNeueCondensedBold'), url('./css/fonts/HelveticaNeueCondensedBold.woff') format('woff'), url('./css/fonts/HelveticaNeueCondensedBold.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_11684">Text with this font applied</p> */
.fontsforweb_fontid_11684 {
	font-family: 'HelveticaNeueCondensedBold' !important;
}




body {font-family: helveticaneuelight;}



/* Menu */
.main-navigation {

background: #fff;


}

.main-navigation a {
/*color: #304b98; */

color: #248cc8; 
font-size:18px;}

.main-navigation ul li:hover > a {
background: #248cc8;


}

.current_page_item {
background: #248cc8;
color: #fff;
}

.current_page_item a  {color: #fff;}


 






.menu-scfelettronica-container {margin-bottom:20px !important; height: 80px;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.49);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.49);


}
#main-slider ,#colophon {margin-bottom:20px !important;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.49);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.49);

}

#panel-6-3-1-0 img , #panel-6-1-1-0 img, {
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.49);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.49);}


img.attachment-thumbnail {
	-webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    5px 5px 5px 0px rgba(50, 50, 50, 0.49);
box-shadow:         5px 5px 5px 0px rgba(50, 50, 50, 0.49);}

.main-navigation ul li a {
	font-weight:lighter;
padding: 30.5px 18px;
}

.main-navigation ul {

padding-left: 370px; }







.main-navigation ul ul {

background: rgba(186,186,186,0.8); padding:0;}


.main-navigation ul ul li a{

 margin:0;}

.main-navigation ul ul li:hover > a {
background: #304b98;}




/*logo*/

header#masthead.masthead-logo-in-menu .logo > img {
	position:absolute;
	z-index:1000;
width: 284px !important;
height: 97px !important;
max-height:97px;}

.panel-grid {
margin: 0 0 20px 0 !important ;
}



/* Main */

#main {
background: none;
 padding: 0;

}




#pgc-home-0-0 {margin-right: 12px;}
#pgc-home-0-1 {margin-right: 12px;}

#pgc-home-0-0 , #pgc-home-0-1 , #pgc-home-0-2{background: #fff; width:32.5% !important; 
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.49);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.49);


 }


.textwidget {padding-top:15px; padding-bottom:15px; font-size:14px; line-height:28px; }



.panel-grid-cell a {font-size:16px; }

.panel-grid-cell .panel {margin-bottom:8px !important;}

.textwidget a {text-decoration:none;}
 #page-wrapper {background:rgba(255,255,255,0.3); padding:20px 20px;}
 
 
 
.entry-main {background:#FFF; padding:40px;}

/* Slider*/

.metaslider .caption-wrap {
	width:auto;
max-width: 280px;
position: absolute;
bottom: 40px !important;
left: 20px ;
background: black !important;
color: white;
line-height: 30px;
opacity: 0.7;
margin: 0;
display: block;
width: 100%;
font-size:20px;
padding-left:10px;
}



/* tables*/

td {

padding: 6px;
}


#panel-8-0-1-0  img {-webkit-box-shadow:none !important; box-shadow:none !important;}

h1.entry-title , h3.widget-title {color: #248cc8 !important;}
h1.entry-title {font-weight:bold !important;;}




/* footer */

#footer-widgets .widget a:hover {color: #248cc8;}








@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	
.main-navigation ul {

padding-left: 0; 
margin-left:270px;}	
	
	.main-navigation ul li a {
font-weight: lighter;
padding: 30.5px 14px;
}


header#masthead.masthead-logo-in-menu .logo > img {
	position:absolute;
	z-index:1000;
width: 200px !important;
height: 69px !important;
max-height:97px;}

body.custom-background {
background-color: #e8e8e8;
background-image: none !important;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed !important;
} 


	
	
	
	}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ 

body.responsive #page-wrapper {
width: auto;
min-width: 768px;
overflow-x: hidden;
}

header#masthead.masthead-logo-in-menu .logo > img {
	position:absolute;
	z-index:1000;
width: 160px !important;
height: 55px !important;
max-height:97px;}

.main-navigation ul {

padding-left: 0; 
margin-left:180px;}	

.main-navigation ul li a {
font-weight: lighter;
padding: 30.5px 12px;
font-size: 16px;
}

#pgc-home-0-0 {margin-right: 12px;}
#pgc-home-0-1 {margin-right: 12px;}

#pgc-home-0-0 , #pgc-home-0-1 , #pgc-home-0-2{background: #fff; width:90% !important; 
padding:25px !important;
margin:0 5%;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.49);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.49);


 }
 
 
body.custom-background {
background-color: #e8e8e8;
background-image: none !important;
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed !important;
} 


}