/* 

Theme Name: 	Technoshields 1.0
Description: 	Technoshields 1.0 è un tema personalizzato sviluppato su OceanWP per Applicazioni Tecniche Srl
Author:			Cristiano Fino - Web and software solutions
Author URI:		https://www.cristianofino.net
Template: 		oceanwp
Version: 		1.0
Text Domain:	technoshields

*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ## Link color
--------------------------------------------- */

a {
	color: #333333;
}

a:hover {
	color: #E30E13;
}

footer a {
	color: #eeeeee;
}

footer a:hover {
	color: #0070d5;
}

/* ## Title styling
--------------------------------------------- */

h1, h2, h3 {
	font-weight: 900 !important;
	letter-spacing: 2px !important;
}


/* ## Header styling
--------------------------------------------- */

#site-header {
}

.sticky {
  background-color: rgba(255,255,255,0.9) !important;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
  position: fixed !important;
  top: 0;
  height: 70px !important;
  transition: all 0.3s ease-in-out;
}

.sticky #site-header-inner  {
	padding: 0 0 5px;
	transition: all 0.3s ease-in-out;
}

.admin-bar .sticky {
	top: 32px !important;
}

#site-header.sticky #site-logo #site-logo-inner a img, 
#site-header.sticky.center-header #site-navigation-wrap .middle-site-logo a img {
	max-height: 40px;
}

#site-header.sticky #site-logo #site-logo-inner {
	height: 40px;
}

#site-header.sticky #site-navigation-wrap .dropdown-menu > li > a, 
#site-header.sticky.oceanwp-mobile-menu-icon a, 
#site-header.sticky.after-header-content-inner > a,
#site-header.sticky .oceanwp-mobile-menu-icon a {
    line-height: 70px !important;
}

/*
.home .sticky {
	  background-color: #003e7BEE !important;
}
*/

/* ## Max width column special layout 
--------------------------------------------- */

.column-boxed-1-2 {
	max-width: 600px !important;
}

.column-boxed-1-3 {
	max-width: 900px !important;
}


/* ## Contact Form 7 Styling
--------------------------------------------- */

.wpcf7-form label {
	display: none;
}

.wpcf7-form .first,
.wpcf7-form .one-half,
.wpcf7-form .one-third {
	margin-bottom: 20px;
}

.wpcf7-form .note {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 30px;
}


span.wpcf7-not-valid-tip {
	font-size: 12px;
	font-weight: 300;
}

.wpcf7-form p small {
	line-height: 1.1;
	font-weight: 300;
}

.big .wpcf7-form input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.big .wpcf7-form textarea,
.big .wpcf7-form select {
	height: 50px;
	font-size: 20px;
}

.big .wpcf7-form label {
	color: #0c4da2;
	font-size: 16px;
}

/* ## General Form Styling
--------------------------------------------- */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-weight: 500;
	color: #E30E13;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-weight: 500;
	color: #E30E13;
	opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
	font-weight: 500;
	color: #E30E13;
	opacity: 1;
}

input:not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
select {
	border: solid 2px #e9e9e9 !important;
	border-radius: 5px !important;
	padding: 10px 15px !important;
}

select, option {
	color: #E30E13;
	height: 50px;
	padding: 10px 15px;
}

option {
	color: #E30E13;
	font-family: arial, sans-serif;
	font-size: 15px;
}


input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
textarea:focus,
select:focus {
	border-color: #E30E13 !important;
}
 
.wpcf7-form input[type='submit'] {
	border: 5px;
	background-color: #a00a0e;
	color: #fff;
	font-size: 16px;
	text-transform: default;
	padding: 15px 30px;
}

.wpcf7-form input[type='submit']:hover {
	background-color: #E30E13;
}

/* ## Shadow
/* ## Column Classes
--------------------------------------------- */

.diffused-shadow:after {
	content: "";
	display: block;
	width: 80%;
	height: 100px;
	box-shadow: 0 2px 120px rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	left: 10%;
	z-index: -1;
}


/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

/* ## Google ReCAPTCHA 3
/* ## Hiding badge
--------------------------------------------- */

.grecaptcha-badge { visibility: hidden; }


@media only screen and (max-width: 1000px) {
/*************** ADD TABLET ONLY CSS HERE  ***************/

	.column-boxed-1-2 {
		max-width: 100% !important;
	}

	.column-boxed-1-3 {
		max-width: 100% !important;
	}

}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.admin-bar .sticky {
		top: 46px !important;
	}
	
	#site-header,
	#site-logo #site-logo-inner,
	.oceanwp-mobile-menu-icon,
	.oceanwp-mobile-menu-icon > a	{
		  height: 60px !important;
		  line-height: 60px !important;
	}

	#site-header #site-logo #site-logo-inner a img {
		height: 40px;
	}

	#site-header #site-navigation-wrap .dropdown-menu > li > a, 
	#site-header.oceanwp-mobile-menu-icon a, 
	#site-header.after-header-content-inner > a {
		line-height: 60px;
	}
	
	
	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		border: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

}

@media only screen and (max-width: 520px) {
	
	.admin-bar .sticky {
		top: 0 !important;
	}
}